@admin-layout/tailwind-ui 12.0.16-alpha.9 → 12.0.16-alpha.90
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/README.md +20 -0
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/DatePicker/utils.js.map +1 -1
- package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts.map +1 -1
- package/lib/components/ErrorHandlers/ApplicationErrorHandler.js +5 -9
- package/lib/components/ErrorHandlers/ApplicationErrorHandler.js.map +1 -1
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts +5 -0
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts.map +1 -0
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js +61 -0
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js.map +1 -0
- package/lib/components/LanguageMenuDropdown/index.d.ts +2 -0
- package/lib/components/LanguageMenuDropdown/index.d.ts.map +1 -0
- package/lib/components/OTP/utils.js.map +1 -1
- package/lib/components/PageContainer/PageContainer.d.ts.map +1 -1
- package/lib/components/PageContainer/PageContainer.js +11 -5
- package/lib/components/PageContainer/PageContainer.js.map +1 -1
- package/lib/components/PageLoading/index.js.map +1 -1
- package/lib/components/RJSFPreview/PreviewAsyncDropdown.d.ts +11 -0
- package/lib/components/RJSFPreview/PreviewAsyncDropdown.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewCheckboxWidget.d.ts +8 -0
- package/lib/components/RJSFPreview/PreviewCheckboxWidget.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewCustomFieldTemplate.d.ts +4 -0
- package/lib/components/RJSFPreview/PreviewCustomFieldTemplate.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewDateWidget.d.ts +8 -0
- package/lib/components/RJSFPreview/PreviewDateWidget.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewDialog.d.ts +9 -0
- package/lib/components/RJSFPreview/PreviewDialog.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewDropdownWidget.d.ts +8 -0
- package/lib/components/RJSFPreview/PreviewDropdownWidget.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewFieldTemplate.d.ts +4 -0
- package/lib/components/RJSFPreview/PreviewFieldTemplate.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewFileUploadWidget.d.ts +4 -0
- package/lib/components/RJSFPreview/PreviewFileUploadWidget.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewFormRenderer.d.ts +16 -0
- package/lib/components/RJSFPreview/PreviewFormRenderer.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewImageUploadWidget.d.ts +4 -0
- package/lib/components/RJSFPreview/PreviewImageUploadWidget.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewInputWidget.d.ts +4 -0
- package/lib/components/RJSFPreview/PreviewInputWidget.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewObjectFieldTemplate.d.ts +4 -0
- package/lib/components/RJSFPreview/PreviewObjectFieldTemplate.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewRadioWidget.d.ts +8 -0
- package/lib/components/RJSFPreview/PreviewRadioWidget.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewStepper.d.ts +9 -0
- package/lib/components/RJSFPreview/PreviewStepper.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewSwitchWidget.d.ts +9 -0
- package/lib/components/RJSFPreview/PreviewSwitchWidget.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewTab.d.ts +17 -0
- package/lib/components/RJSFPreview/PreviewTab.d.ts.map +1 -0
- package/lib/components/RJSFPreview/PreviewTextareaWidget.d.ts +8 -0
- package/lib/components/RJSFPreview/PreviewTextareaWidget.d.ts.map +1 -0
- package/lib/components/RJSFPreview/generateSchemaWithInputs.d.ts +9 -0
- package/lib/components/RJSFPreview/generateSchemaWithInputs.d.ts.map +1 -0
- package/lib/components/RJSFPreview/index.d.ts +2 -0
- package/lib/components/RJSFPreview/index.d.ts.map +1 -0
- package/lib/components/ReactTable/TableFilters.js.map +1 -1
- package/lib/components/Search/SearchInput.d.ts +11 -0
- package/lib/components/Search/SearchInput.d.ts.map +1 -0
- package/lib/components/Search/SearchInput.js +33 -0
- package/lib/components/Search/SearchInput.js.map +1 -0
- package/lib/components/Search/index.d.ts +2 -0
- package/lib/components/Search/index.d.ts.map +1 -0
- package/lib/components/Select/Select.d.ts +35 -0
- package/lib/components/Select/Select.d.ts.map +1 -0
- package/lib/components/Select/Select.js +257 -0
- package/lib/components/Select/Select.js.map +1 -0
- package/lib/components/Select/index.d.ts +2 -0
- package/lib/components/Select/index.d.ts.map +1 -0
- package/lib/components/Spin/index.js.map +1 -1
- package/lib/components/ThemeProvider/ThemeProvider.d.ts +2 -0
- package/lib/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/lib/components/ThemeProvider/ThemeProvider.js +44 -15
- package/lib/components/ThemeProvider/ThemeProvider.js.map +1 -1
- package/lib/components/ThemeProvider/ThemeToggle.js.map +1 -1
- package/lib/components/ThemeProvider/types.d.ts +2 -0
- package/lib/components/ThemeProvider/types.d.ts.map +1 -1
- package/lib/components/index.d.ts +3 -0
- package/lib/components/index.d.ts.map +1 -1
- package/lib/hooks/index.d.ts +1 -0
- package/lib/hooks/index.d.ts.map +1 -1
- package/lib/hooks/useMediaQuery.d.ts +14 -0
- package/lib/hooks/useMediaQuery.d.ts.map +1 -0
- package/lib/hooks/useMediaQuery.js +48 -0
- package/lib/hooks/useMediaQuery.js.map +1 -0
- package/lib/hooks/useToast.js.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -1
- package/lib/shardui/accordion.js.map +1 -1
- package/lib/shardui/alert-dialog.js.map +1 -1
- package/lib/shardui/alert.js.map +1 -1
- package/lib/shardui/aspect-ratio.js.map +1 -1
- package/lib/shardui/avatar.js.map +1 -1
- package/lib/shardui/badge.d.ts +1 -1
- package/lib/shardui/badge.js.map +1 -1
- package/lib/shardui/breadcrumb.js.map +1 -1
- package/lib/shardui/button.d.ts +1 -1
- package/lib/shardui/button.js.map +1 -1
- package/lib/shardui/calendar.js.map +1 -1
- package/lib/shardui/card.js.map +1 -1
- package/lib/shardui/carousel.js.map +1 -1
- package/lib/shardui/chart.d.ts +1 -1
- package/lib/shardui/chart.js.map +1 -1
- package/lib/shardui/collapsible.js.map +1 -1
- package/lib/shardui/command.d.ts +7 -7
- package/lib/shardui/command.js.map +1 -1
- package/lib/shardui/context-menu.js.map +1 -1
- package/lib/shardui/dialog.js.map +1 -1
- package/lib/shardui/drawer.js.map +1 -1
- package/lib/shardui/dropdown-menu.js.map +1 -1
- package/lib/shardui/form.js.map +1 -1
- package/lib/shardui/hover-card.js.map +1 -1
- package/lib/shardui/index.d.ts +1 -1
- package/lib/shardui/index.d.ts.map +1 -1
- package/lib/shardui/index.js +1 -1
- package/lib/shardui/input-otp.js.map +1 -1
- package/lib/shardui/menubar.js.map +1 -1
- package/lib/shardui/navigation-menu.js.map +1 -1
- package/lib/shardui/pagination.js.map +1 -1
- package/lib/shardui/popover.js.map +1 -1
- package/lib/shardui/resizable.d.ts +1 -1
- package/lib/shardui/resizable.js.map +1 -1
- package/lib/shardui/select.js.map +1 -1
- package/lib/shardui/sheet.js.map +1 -1
- package/lib/shardui/sidebar.js.map +1 -1
- package/lib/shardui/sonner.js.map +1 -1
- package/lib/shardui/table.js.map +1 -1
- package/lib/shardui/tabs.js.map +1 -1
- package/lib/shardui/textarea.js.map +1 -1
- package/lib/shardui/toast.js.map +1 -1
- package/lib/shardui/toggle.js.map +1 -1
- package/lib/shardui/tooltip.js.map +1 -1
- package/lib/utils/hooks/use-toast.js.map +1 -1
- package/lib/utils/isBrowser/index.js.map +1 -1
- package/package.json +14 -6
|
@@ -0,0 +1,257 @@
|
|
|
1
|
+
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import*as React from'react';import {ChevronDown,Search}from'lucide-react';import {cn}from'../../utils/util.js';const SelectContext = React.createContext(undefined);
|
|
2
|
+
const SelectProvider = ({
|
|
3
|
+
children,
|
|
4
|
+
value,
|
|
5
|
+
onChange,
|
|
6
|
+
loading = false
|
|
7
|
+
}) => {
|
|
8
|
+
const [open, setOpen] = React.useState(false);
|
|
9
|
+
// Controlled vs uncontrolled state
|
|
10
|
+
const isControlled = value !== undefined;
|
|
11
|
+
const [internalValue, setInternalValue] = React.useState(value ?? null);
|
|
12
|
+
const selectedValue = isControlled ? value : internalValue;
|
|
13
|
+
const setSelectedValue = val => {
|
|
14
|
+
if (!isControlled) {
|
|
15
|
+
setInternalValue(val);
|
|
16
|
+
}
|
|
17
|
+
onChange?.(val);
|
|
18
|
+
};
|
|
19
|
+
const [disabled, setDisabled] = React.useState(false);
|
|
20
|
+
const [searchValue, setSearchValue] = React.useState('');
|
|
21
|
+
const triggerRef = React.useRef(null);
|
|
22
|
+
return jsx(SelectContext.Provider, {
|
|
23
|
+
value: {
|
|
24
|
+
open,
|
|
25
|
+
setOpen,
|
|
26
|
+
selectedValue,
|
|
27
|
+
setSelectedValue,
|
|
28
|
+
disabled,
|
|
29
|
+
setDisabled,
|
|
30
|
+
searchValue,
|
|
31
|
+
setSearchValue,
|
|
32
|
+
triggerRef,
|
|
33
|
+
loading
|
|
34
|
+
},
|
|
35
|
+
children: children
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
const useSelectContext = () => {
|
|
39
|
+
const ctx = React.useContext(SelectContext);
|
|
40
|
+
if (!ctx) throw new Error('useSelectContext must be used within SelectProvider');
|
|
41
|
+
return ctx;
|
|
42
|
+
};
|
|
43
|
+
const SelectContent = ({
|
|
44
|
+
children,
|
|
45
|
+
className
|
|
46
|
+
}) => {
|
|
47
|
+
const {
|
|
48
|
+
open,
|
|
49
|
+
setOpen,
|
|
50
|
+
triggerRef
|
|
51
|
+
} = useSelectContext();
|
|
52
|
+
const contentRef = React.useRef(null);
|
|
53
|
+
const [styles, setStyles] = React.useState({});
|
|
54
|
+
const handleOverflow = () => {
|
|
55
|
+
if (!open) return;
|
|
56
|
+
const triggerEl = triggerRef.current;
|
|
57
|
+
const contentEl = contentRef.current;
|
|
58
|
+
if (triggerEl && contentEl) {
|
|
59
|
+
const triggerRect = triggerEl.getBoundingClientRect();
|
|
60
|
+
const contentRect = contentEl.getBoundingClientRect();
|
|
61
|
+
const viewportWidth = window.innerWidth;
|
|
62
|
+
const viewportHeight = window.innerHeight;
|
|
63
|
+
// Default position
|
|
64
|
+
let top = triggerRect.height;
|
|
65
|
+
let left = 0;
|
|
66
|
+
const isOverflowingRight = triggerRect.right + contentRect.width > viewportWidth;
|
|
67
|
+
const isOverflowingBottom = triggerRect.bottom + contentRect.height > viewportHeight;
|
|
68
|
+
if (isOverflowingRight) {
|
|
69
|
+
left = -(contentRect.width - triggerRect.width);
|
|
70
|
+
}
|
|
71
|
+
if (isOverflowingBottom) {
|
|
72
|
+
top = -(contentRect.height + 8);
|
|
73
|
+
}
|
|
74
|
+
setStyles({
|
|
75
|
+
top,
|
|
76
|
+
left
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
React.useEffect(() => {
|
|
81
|
+
handleOverflow();
|
|
82
|
+
}, [open]);
|
|
83
|
+
React.useEffect(() => {
|
|
84
|
+
const handleClickOutside = event => {
|
|
85
|
+
if (contentRef.current && !contentRef.current.contains(event.target) && !triggerRef.current?.contains(event.target)) {
|
|
86
|
+
setOpen(false);
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
90
|
+
return () => {
|
|
91
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
92
|
+
};
|
|
93
|
+
}, [contentRef, triggerRef, setOpen]);
|
|
94
|
+
return jsx("div", {
|
|
95
|
+
ref: contentRef,
|
|
96
|
+
role: "listbox",
|
|
97
|
+
style: {
|
|
98
|
+
...styles,
|
|
99
|
+
display: open ? 'block' : 'none'
|
|
100
|
+
},
|
|
101
|
+
className: cn('absolute z-50 mt-2 min-w-full max-w-max max-h-96 overflow-y-auto overflow-x-hidden rounded-md border border-gray-300 bg-white shadow-lg focus:outline-none', className),
|
|
102
|
+
children: children
|
|
103
|
+
});
|
|
104
|
+
};
|
|
105
|
+
const SelectItem = ({
|
|
106
|
+
children,
|
|
107
|
+
className,
|
|
108
|
+
value,
|
|
109
|
+
onClick,
|
|
110
|
+
closeOnClick = true,
|
|
111
|
+
tag,
|
|
112
|
+
...rest
|
|
113
|
+
}) => {
|
|
114
|
+
const {
|
|
115
|
+
setOpen,
|
|
116
|
+
setSelectedValue
|
|
117
|
+
} = useSelectContext();
|
|
118
|
+
const Tag = tag || 'button';
|
|
119
|
+
const handleClick = e => {
|
|
120
|
+
setSelectedValue(value ?? null);
|
|
121
|
+
if (onClick) onClick(value ?? null);
|
|
122
|
+
if (closeOnClick) setOpen(false);
|
|
123
|
+
};
|
|
124
|
+
return jsx(Tag, {
|
|
125
|
+
role: "option",
|
|
126
|
+
onClick: handleClick,
|
|
127
|
+
className: cn('flex min-w-full w-max items-center gap-2 px-4 py-2 text-sm hover:bg-gray-100', className),
|
|
128
|
+
...rest,
|
|
129
|
+
children: children
|
|
130
|
+
});
|
|
131
|
+
};
|
|
132
|
+
const SelectValue = ({
|
|
133
|
+
placeholder,
|
|
134
|
+
icon: _icon,
|
|
135
|
+
label
|
|
136
|
+
}) => {
|
|
137
|
+
const {
|
|
138
|
+
selectedValue,
|
|
139
|
+
loading
|
|
140
|
+
} = useSelectContext();
|
|
141
|
+
const icon = _icon || '';
|
|
142
|
+
if (loading) {
|
|
143
|
+
return jsxs("span", {
|
|
144
|
+
className: "block text-muted-foreground flex items-center gap-2",
|
|
145
|
+
children: [icon, "Loading..."]
|
|
146
|
+
});
|
|
147
|
+
}
|
|
148
|
+
const isStrOrInt = typeof selectedValue === 'string' || typeof selectedValue === 'number';
|
|
149
|
+
if (selectedValue && !isStrOrInt && !label) {
|
|
150
|
+
throw new Error('SelectValue must have a label prop if selectedValue is not a string or number');
|
|
151
|
+
}
|
|
152
|
+
if (label && selectedValue !== null && selectedValue !== undefined) {
|
|
153
|
+
return jsxs(Fragment, {
|
|
154
|
+
children: [icon, label(selectedValue)]
|
|
155
|
+
});
|
|
156
|
+
}
|
|
157
|
+
if (selectedValue === null || selectedValue === undefined) {
|
|
158
|
+
return jsxs("span", {
|
|
159
|
+
className: "block text-muted-foreground flex items-center gap-2",
|
|
160
|
+
children: [icon, placeholder]
|
|
161
|
+
});
|
|
162
|
+
}
|
|
163
|
+
const stringifiedValue = String(selectedValue);
|
|
164
|
+
return jsxs(Fragment, {
|
|
165
|
+
children: [icon, " ", stringifiedValue[0].toUpperCase() + stringifiedValue.slice(1)]
|
|
166
|
+
});
|
|
167
|
+
};
|
|
168
|
+
const SelectTrigger = ({
|
|
169
|
+
children,
|
|
170
|
+
className
|
|
171
|
+
}) => {
|
|
172
|
+
const {
|
|
173
|
+
setOpen,
|
|
174
|
+
open,
|
|
175
|
+
triggerRef,
|
|
176
|
+
disabled,
|
|
177
|
+
loading
|
|
178
|
+
} = useSelectContext();
|
|
179
|
+
const handleClick = () => setOpen(!open);
|
|
180
|
+
return jsxs("button", {
|
|
181
|
+
type: "button",
|
|
182
|
+
ref: triggerRef,
|
|
183
|
+
disabled: disabled || loading,
|
|
184
|
+
"aria-haspopup": "listbox",
|
|
185
|
+
"aria-expanded": open,
|
|
186
|
+
onClick: handleClick,
|
|
187
|
+
className: cn('flex items-center gap-2 rounded-lg border border-gray-300 px-4 py-2', className),
|
|
188
|
+
children: [children, jsx(ChevronDown, {
|
|
189
|
+
size: 16,
|
|
190
|
+
className: `transition-transform ${open ? 'rotate-180' : ''}`
|
|
191
|
+
})]
|
|
192
|
+
});
|
|
193
|
+
};
|
|
194
|
+
const SelectSearch = ({
|
|
195
|
+
placeholder,
|
|
196
|
+
// placeholder for the search input
|
|
197
|
+
onChange
|
|
198
|
+
}) => {
|
|
199
|
+
const {
|
|
200
|
+
setSearchValue,
|
|
201
|
+
searchValue
|
|
202
|
+
} = useSelectContext();
|
|
203
|
+
React.useEffect(() => {
|
|
204
|
+
onChange?.(searchValue);
|
|
205
|
+
}, [searchValue, onChange]);
|
|
206
|
+
return jsx("div", {
|
|
207
|
+
className: "p-2",
|
|
208
|
+
children: jsxs("div", {
|
|
209
|
+
className: "relative",
|
|
210
|
+
children: [jsx(Search, {
|
|
211
|
+
size: 14,
|
|
212
|
+
className: "absolute top-1/2 left-3 -translate-y-1/2"
|
|
213
|
+
}), jsx("input", {
|
|
214
|
+
placeholder: placeholder,
|
|
215
|
+
value: searchValue,
|
|
216
|
+
onChange: e => setSearchValue(e.target.value),
|
|
217
|
+
className: "pl-8 min-w-full rounded-lg border-gray-300 bg-gray-100"
|
|
218
|
+
})]
|
|
219
|
+
})
|
|
220
|
+
});
|
|
221
|
+
};
|
|
222
|
+
const SelectRoot = ({
|
|
223
|
+
children,
|
|
224
|
+
disabled
|
|
225
|
+
}) => {
|
|
226
|
+
const {
|
|
227
|
+
setDisabled,
|
|
228
|
+
open,
|
|
229
|
+
setSearchValue
|
|
230
|
+
} = useSelectContext();
|
|
231
|
+
React.useEffect(() => {
|
|
232
|
+
setDisabled(!!disabled);
|
|
233
|
+
}, [disabled, setDisabled]);
|
|
234
|
+
React.useEffect(() => {
|
|
235
|
+
if (open) {
|
|
236
|
+
setSearchValue('');
|
|
237
|
+
}
|
|
238
|
+
}, [open, setSearchValue]);
|
|
239
|
+
return jsx("div", {
|
|
240
|
+
className: "relative",
|
|
241
|
+
children: children
|
|
242
|
+
});
|
|
243
|
+
};
|
|
244
|
+
const Select = ({
|
|
245
|
+
children,
|
|
246
|
+
...props
|
|
247
|
+
}) => {
|
|
248
|
+
return jsx(SelectProvider, {
|
|
249
|
+
value: props.value,
|
|
250
|
+
onChange: props.onChange,
|
|
251
|
+
loading: props.loading,
|
|
252
|
+
children: jsx(SelectRoot, {
|
|
253
|
+
...props,
|
|
254
|
+
children: children
|
|
255
|
+
})
|
|
256
|
+
});
|
|
257
|
+
};export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue};//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"iKA4EwG,MAAA,aAAA,GAAA,KAAA,CAAA,aAAA,CAAA,SA2EtG,CAAA;AAEF,MAAK,cAAe,GAAE,CAAA;UAIZ;OACN;UACM;AACN,EAAA,OAAA,GAAQ;CACX,KAAC;AAEF,EAAA,MAAA,CAAA,IAAA,EAAO,OAAM,CAAA,GAAA,KAAU,CAAA,QAAK,CAAA,KAAS,CAAA;AA+BrC;QAKI,eAAmB,KAAC,KAAA,SAAA;AACpB,EAAA,MAAI,CAAC,+BAAkB,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,KAAA,IAAA,IAAA,CAAA;QACvB,aAAS,GAAA,YAAuB,QAAO,GAAA,aAAA;AAC1C,EAAA,MAAA,gBAAA,GAAA,GAAA,IAAA;AAwCD,IAAA,IAAA,CAAA,YAAa,EAAA;AAA4C,MAAA,gBAAgB,CAAA,GAAA,CAAA;IAAW;AAAoB,IAAA,QAAA,GAAA,GAAA,CAAA;AAoBxG,EAAA,CAAA;QAII,CAAA,QAAa,aAAO,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA;QACpB,CAAA,WAAY,oBAAuB,KAAA,CAAA,QAAA,CAAA,EAAA,CAAA;AACtC,EAAA,MAAA,UAAA,GAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA;AAsBD,EAAA,OAAAA,GAAU,CAAA,aAAW,CAAA,QAAA,EAAA;AACjB,IAAA,KAAA,EAAA;MACA,IAAA;MACA,OAAS;MACT,aAAY;MACZ,gBAAkB;AACrB,MAAA,QAAA;AAkBD,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/Spin/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"yCAEY,aAAQ,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/Spin/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"yCAEY,aAAQ,CAAA;AACpB,EAAA,IAAM,GAAA;KACF;UACM,GAAA,KAAO;WACb,GAAS;MACT;;AAGJ,EAAA,MAAA,WAAO;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGlD,eAAO,MAAM,MAAM;WACO,KAAK;;;GAK9B,CAAC;AAEF,eAAO,MAAM,YAAY,iCASvB,CAAC;AAEH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IACzC,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,GAAG,CAAC;CACjB,CA8FA,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsx}from'react/jsx-runtime';import {createContext,useEffect,useMemo}from'react';const themes = [{
|
|
1
|
+
import {jsx}from'react/jsx-runtime';import {createContext,useState,useEffect,useMemo}from'react';import'../../hooks/useToast.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';const themes = [{
|
|
2
2
|
value: 'default',
|
|
3
3
|
label: 'Default',
|
|
4
4
|
description: 'Clean and minimal design'
|
|
@@ -25,12 +25,16 @@ const ThemeContext = createContext({
|
|
|
25
25
|
setTheme: () => {},
|
|
26
26
|
setMode: () => {},
|
|
27
27
|
toggleMode: () => {},
|
|
28
|
-
themes: themes
|
|
28
|
+
themes: themes,
|
|
29
|
+
routePattern: '',
|
|
30
|
+
location: {}
|
|
29
31
|
});
|
|
30
32
|
const TailwindThemeProvider = ({
|
|
31
33
|
settings,
|
|
32
34
|
children,
|
|
33
|
-
actor
|
|
35
|
+
actor,
|
|
36
|
+
routePattern,
|
|
37
|
+
location
|
|
34
38
|
}) => {
|
|
35
39
|
const {
|
|
36
40
|
theme,
|
|
@@ -39,21 +43,44 @@ const TailwindThemeProvider = ({
|
|
|
39
43
|
fontFamily,
|
|
40
44
|
navTheme
|
|
41
45
|
} = settings;
|
|
46
|
+
const {
|
|
47
|
+
isMobile
|
|
48
|
+
} = useMediaQuery();
|
|
49
|
+
const currentRoute = routePattern || location?.pathname || '/';
|
|
50
|
+
const deviceType = isMobile ? 'mobile' : 'desktop';
|
|
51
|
+
const [applyToAllRoutes, setApplyToAllRoutes] = useState(false);
|
|
42
52
|
// Toggle mode
|
|
43
53
|
const toggleMode = () => {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
value: {
|
|
47
|
-
navTheme: navTheme === 'dark' ? 'light' : 'dark'
|
|
48
|
-
}
|
|
49
|
-
});
|
|
54
|
+
const newNavTheme = navTheme === 'dark' ? 'light' : 'dark';
|
|
55
|
+
handleSettingChange('navTheme', newNavTheme);
|
|
50
56
|
};
|
|
57
|
+
function parseSettingPath(path, value) {
|
|
58
|
+
const keys = path.split('.');
|
|
59
|
+
// Base case: no nesting
|
|
60
|
+
if (keys.length === 1) {
|
|
61
|
+
return {
|
|
62
|
+
[path]: value
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
// Build nested object
|
|
66
|
+
let result = {};
|
|
67
|
+
let current = result;
|
|
68
|
+
for (let i = 0; i < keys.length - 1; i++) {
|
|
69
|
+
current[keys[i]] = {};
|
|
70
|
+
current = current[keys[i]];
|
|
71
|
+
}
|
|
72
|
+
current[keys[keys.length - 1]] = value;
|
|
73
|
+
return result;
|
|
74
|
+
}
|
|
51
75
|
const handleSettingChange = (key, value) => {
|
|
76
|
+
const bracketKey = applyToAllRoutes ? `[${deviceType}]` : `[${currentRoute}][${deviceType}]`;
|
|
77
|
+
const settingObject = parseSettingPath(key, value);
|
|
78
|
+
const nestedValue = {
|
|
79
|
+
[bracketKey]: settingObject
|
|
80
|
+
};
|
|
52
81
|
actor.send({
|
|
53
|
-
type: '
|
|
54
|
-
value:
|
|
55
|
-
[key]: value
|
|
56
|
-
}
|
|
82
|
+
type: 'UISETTING_UPDATE',
|
|
83
|
+
value: nestedValue
|
|
57
84
|
});
|
|
58
85
|
};
|
|
59
86
|
// Toggle dark mode class on document
|
|
@@ -87,8 +114,10 @@ const TailwindThemeProvider = ({
|
|
|
87
114
|
setMode: mode => {
|
|
88
115
|
handleSettingChange('navTheme', mode);
|
|
89
116
|
},
|
|
90
|
-
themes: themes
|
|
91
|
-
|
|
117
|
+
themes: themes,
|
|
118
|
+
routePattern: routePattern,
|
|
119
|
+
location: location
|
|
120
|
+
}), [theme, settings, routePattern, location]);
|
|
92
121
|
return jsx(ThemeContext.Provider, {
|
|
93
122
|
value: contextValue,
|
|
94
123
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":"0LAK0B,MAAA,MAAK,GAAA,CAAA;;;aAK7B,EAAA;AAEF,CAAA,EAAA;AAWA,EAAA,KAAA,EAAA;OACI,EAAA,QAAa;AACb,EAAA,WAAQ,EAAE;;OAEV,EAAA,OAAY;OACZ,EAAA;AACH,EA8FA,WAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeToggle.js","sources":["../../../src/components/ThemeProvider/ThemeToggle.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeToggle.js","sources":["../../../src/components/ThemeProvider/ThemeToggle.tsx"],"sourcesContent":[null],"names":[],"mappings":"mFAII,MAAS,WAAU,GAAA,CAAA;AACtB,EAAA,SAAA,GAAA;AAED,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1E,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1E,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/D,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,GAAG,CAAC;CACjB;AACD,MAAM,WAAW,WAAW;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -5,8 +5,11 @@ export * from './ErrorPages';
|
|
|
5
5
|
export * from './PageContainer';
|
|
6
6
|
export * from './Spin';
|
|
7
7
|
export * from './OTP';
|
|
8
|
+
export * from './Search';
|
|
9
|
+
export * from './Select';
|
|
8
10
|
export * from './DatePicker';
|
|
9
11
|
export * from './Button/Button';
|
|
10
12
|
export * from './ThemeProvider';
|
|
13
|
+
export * from './LanguageMenuDropdown';
|
|
11
14
|
export { PageLoading };
|
|
12
15
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
package/lib/hooks/index.d.ts
CHANGED
package/lib/hooks/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface MediaQueryResult {
|
|
2
|
+
width: number;
|
|
3
|
+
height: number;
|
|
4
|
+
isMobile: boolean;
|
|
5
|
+
xs: boolean;
|
|
6
|
+
sm: boolean;
|
|
7
|
+
md: boolean;
|
|
8
|
+
lg: boolean;
|
|
9
|
+
xl: boolean;
|
|
10
|
+
'2xl': boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const useMediaQuery: () => MediaQueryResult;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=useMediaQuery.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,OAAO,CAAC;CAClB;AAoBD,eAAO,MAAM,aAAa,QAAO,gBAyChC,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import {useState,useEffect}from'react';const breakpoints = {
|
|
2
|
+
sm: 640,
|
|
3
|
+
md: 768,
|
|
4
|
+
lg: 1024,
|
|
5
|
+
xl: 1280,
|
|
6
|
+
'2xl': 1536
|
|
7
|
+
};
|
|
8
|
+
const getFlags = width => ({
|
|
9
|
+
xs: width < breakpoints.sm,
|
|
10
|
+
sm: width >= breakpoints.sm && width < breakpoints.md,
|
|
11
|
+
md: width >= breakpoints.md && width < breakpoints.lg,
|
|
12
|
+
lg: width >= breakpoints.lg && width < breakpoints.xl,
|
|
13
|
+
xl: width >= breakpoints.xl && width < breakpoints['2xl'],
|
|
14
|
+
'2xl': width >= breakpoints['2xl']
|
|
15
|
+
});
|
|
16
|
+
const useMediaQuery = () => {
|
|
17
|
+
const getDimensions = () => {
|
|
18
|
+
const width = window.innerWidth;
|
|
19
|
+
const height = window.innerHeight;
|
|
20
|
+
const isMobile = width < breakpoints.md;
|
|
21
|
+
const flags = getFlags(width);
|
|
22
|
+
return {
|
|
23
|
+
width,
|
|
24
|
+
height,
|
|
25
|
+
isMobile,
|
|
26
|
+
...flags
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
const [state, setState] = useState(() => typeof window !== 'undefined' ? getDimensions() : {
|
|
30
|
+
width: 0,
|
|
31
|
+
height: 0,
|
|
32
|
+
isMobile: false,
|
|
33
|
+
xs: false,
|
|
34
|
+
sm: false,
|
|
35
|
+
md: false,
|
|
36
|
+
lg: false,
|
|
37
|
+
xl: false,
|
|
38
|
+
'2xl': false
|
|
39
|
+
});
|
|
40
|
+
useEffect(() => {
|
|
41
|
+
const handleResize = () => {
|
|
42
|
+
setState(getDimensions());
|
|
43
|
+
};
|
|
44
|
+
window.addEventListener('resize', handleResize);
|
|
45
|
+
return () => window.removeEventListener('resize', handleResize);
|
|
46
|
+
}, []);
|
|
47
|
+
return state;
|
|
48
|
+
};export{useMediaQuery};//# sourceMappingURL=useMediaQuery.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMediaQuery.js","sources":["../../src/hooks/useMediaQuery.ts"],"sourcesContent":[null],"names":[],"mappings":"6CAGI,WAAa,GAAC;IAEd,EAAA,GAAA;IACA,EAAE;IACF,EAAE;IACF,EAAE;OACA;;MAEF,gBAAe,KAAA;AAClB,EAAA,EAAA,EAAA,KAAA,GAAA,WAAA,CAAA,EAAA;AAoBD,EAAA,EAAA,EAAA,KAAA,IAAO,WAAM,CAAA,EAAA,IAAA,KAAa,GAAA,WAAO,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useToast.js","sources":["../../src/hooks/useToast.tsx"],"sourcesContent":[null],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"useToast.js","sources":["../../src/hooks/useToast.tsx"],"sourcesContent":[null],"names":[],"mappings":";MAUI,YAAS,GAAA,aAAY,CAAA,SAAA,CAAA;MACrB;WACA;AACA,EAAA,eAAW;AACX,EAAA,qBAAgB;AACnB,EAAA,WAAA;AA+GD,EAAA;AAA+C,CAAA,GAAA,KAAA;AAA2B;AAmC1E,MAAA;AASA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/index.d.ts
CHANGED
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{DatePicker}from'./components/DatePicker/DatePicker.js';export{TailwindUiButton}from'./components/Button/Button.js';export{TailwindThemeProvider,ThemeContext,themes}from'./components/ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./components/ThemeProvider/ThemeToggle.js';export{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';//# sourceMappingURL=index.js.map
|
|
1
|
+
export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{SearchInput}from'./components/Search/SearchInput.js';export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue}from'./components/Select/Select.js';export{DatePicker}from'./components/DatePicker/DatePicker.js';export{TailwindUiButton}from'./components/Button/Button.js';export{TailwindThemeProvider,ThemeContext,themes}from'./components/ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./components/ThemeProvider/ThemeToggle.js';export{LanguageMenuDropdown}from'./components/LanguageMenuDropdown/LanguageMenuDropdown.js';export{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';export{useMediaQuery}from'./hooks/useMediaQuery.js';export{cn}from'./utils/util.js';//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sources":["../../src/shardui/accordion.tsx"],"sourcesContent":[null],"names":[],"mappings":"gRAoCA,MAAA,
|
|
1
|
+
{"version":3,"file":"accordion.js","sources":["../../src/shardui/accordion.tsx"],"sourcesContent":[null],"names":[],"mappings":"gRAoCA,MAAA,SAAM,GAAA,kBAAgB,CAAA;AAetB,MAAA,aAAkB,GAAE,KAAA,CAAA,UAAe,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.js","sources":["../../src/shardui/alert-dialog.tsx"],"sourcesContent":[null],"names":[],"mappings":"uRAYA,MAAA,
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","sources":["../../src/shardui/alert-dialog.tsx"],"sourcesContent":[null],"names":[],"mappings":"uRAYA,MAAA,WAAM,GAAA,oBAAkB,CAAA;AAexB,MAAA,kBAAM,GAAA,oBAAkB,CAAA;AAkBxB,MAAA,iBAAM,GAAA,oBAAiB,CAAA;AAA6B,MAAA,kBAAA,GAAA,KAAA,CAAA,UAAM,CAAA,CAAA;;EAExD,GAAA;AAGF,CAAA,EAAA,GAAA,QAAM,CAAA,oBAAiB,CAAA,OAAA,EAAA;AAA6B,EAAA,SAAA,EAAA,EAAA,CAAA,yJAAoC,EAAA,SAAA,CAAA;;EAEtF,GAAA,EAAA;AAGF,CAAA,CAAA;AAQA,kBAAM,CAAA,WAAA,GAAA,oBAAsB,CAAA,OAAA,CAAA,WAAA;AAQ5B,MAAA,kBAAM,GAAA,KAAiB,CAAA,UAAA,CAAA,CAAA;AAQvB,EAAA,SAAA;AAYA,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/shardui/alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sources":["../../src/shardui/alert.tsx"],"sourcesContent":[null],"names":[],"mappings":"uYAyBG,EAAA;AAGH,EAAA,QAAA,EAAA;AAOA,IAAA,OAAA,EAAA;AAOA,MAAA,
|
|
1
|
+
{"version":3,"file":"alert.js","sources":["../../src/shardui/alert.tsx"],"sourcesContent":[null],"names":[],"mappings":"uYAyBG,EAAA;AAGH,EAAA,QAAA,EAAA;AAOA,IAAA,OAAA,EAAA;AAOA,MAAA,OAAS,EAAK,+BAAgC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aspect-ratio.js","sources":["../../src/shardui/aspect-ratio.tsx"],"sourcesContent":[null],"names":[],"mappings":"kEAEA,MAAA,
|
|
1
|
+
{"version":3,"file":"aspect-ratio.js","sources":["../../src/shardui/aspect-ratio.tsx"],"sourcesContent":[null],"names":[],"mappings":"kEAEA,MAAA,WAAM,GAAA,oBAAW,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sources":["../../src/shardui/avatar.tsx"],"sourcesContent":[null],"names":[],"mappings":"8NAyBA,MAAA,MAAA,
|
|
1
|
+
{"version":3,"file":"avatar.js","sources":["../../src/shardui/avatar.tsx"],"sourcesContent":[null],"names":[],"mappings":"8NAyBA,MAAA,MAAA,GAAM,KAAA,CAAA,UAAc,CAAA,CAAA;AAYpB,EAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/shardui/badge.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const badgeVariants: (props?: {
|
|
4
|
-
variant?: "default" | "
|
|
4
|
+
variant?: "default" | "outline" | "secondary" | "destructive";
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) => string;
|
|
6
6
|
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
7
7
|
}
|
package/lib/shardui/badge.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sources":["../../src/shardui/badge.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAsBA,IAAA,
|
|
1
|
+
{"version":3,"file":"badge.js","sources":["../../src/shardui/badge.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAsBA,IAAA,OAAM,EAAA;AAAyG,MAAA,OAAA,EAAA,2EAAA;AAE/G,MAAA,SAAA,EAAS,iFAAkD;AAI3D,MAAA,WAAgB,EAAA,uFAAgB;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.js","sources":["../../src/shardui/breadcrumb.tsx"],"sourcesContent":[null],"names":[],"mappings":"2QA4BA,MAAA,
|
|
1
|
+
{"version":3,"file":"breadcrumb.js","sources":["../../src/shardui/breadcrumb.tsx"],"sourcesContent":[null],"names":[],"mappings":"2QA4BA,MAAA,UAAM,GAAA,KAAA,CAAA,UAAc,CAAA,CAAA;AAOpB,EAAA,GAAA;cAGkB,CAAA,KAAO,EAAA;;AASzB,EAAA,YAAM,EAAA,YAAc;AAcpB,EAAA,GAAA;AAAgE,CAAA,CAAA;;AAI9D,MAAA,cAAA,GAAA,KAAA,CAAA,UAAA,CAAA,CAAA;AAGF,EAAA;AAAqD,EAAA,GAAA;;EAUnD,GAAA,EAAA,GAAA;AAGF,EAAA,SACI,EAAA,EAAA,CAAA,0FAMA,EAAA,SAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/shardui/button.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const buttonVariants: (props?: {
|
|
4
|
-
variant?: "default" | "link" | "
|
|
4
|
+
variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "destructive";
|
|
5
5
|
size?: "default" | "sm" | "lg" | "icon";
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) => string;
|
|
7
7
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../../src/shardui/button.tsx"],"sourcesContent":[null],"names":[],"mappings":"+mBA8BE,EAAA;AAEF,EAAA,
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../../src/shardui/button.tsx"],"sourcesContent":[null],"names":[],"mappings":"+mBA8BE,EAAA;AAEF,EAAA,QAAM,EAAA;IAGF,OAAO,EAAC;AACX,MAAA,OAAA,EAAA,wDAAA;AAED,MAAA,WAAM,EAAA,oEAAM;AAQZ,MAAA,OAAS,EAAM,gFAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.js","sources":["../../src/shardui/calendar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAqDA,
|
|
1
|
+
{"version":3,"file":"calendar.js","sources":["../../src/shardui/calendar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAqDA,EAAA,UAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/shardui/card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sources":["../../src/shardui/card.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"uKAgBA,MAAA,IAAA,GAAA,
|
|
1
|
+
{"version":3,"file":"card.js","sources":["../../src/shardui/card.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"uKAgBA,MAAA,IAAA,GAAA,KAAM,CAAA,UAAS,CAAA,CAAA;AAOf,EAAA,SAAA;AAOA,EAAA,GAAA;AAKA,CAAA,EAAA,GAAA,KAAAA,GAAM,CAAA,KAAA,EAAA;AAON,EAAA,GAAA,EAAO,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.js","sources":["../../src/shardui/carousel.tsx"],"sourcesContent":[null],"names":[],"mappings":"gTAYA,qBAAqB,GAAA,KAAA,CAAA,aAAA,CAAA,IAAA,CAAA;SACZ,WAAE,GAAA;
|
|
1
|
+
{"version":3,"file":"carousel.js","sources":["../../src/shardui/carousel.tsx"],"sourcesContent":[null],"names":[],"mappings":"gTAYA,qBAAqB,GAAA,KAAA,CAAA,aAAA,CAAA,IAAA,CAAA;SACZ,WAAE,GAAA;QACP,OAAU,GAAA,KAAA,CAAA,UAAe,CAAA,eAAA,CAAA;AACzB,EAAA,IAAA,CAAA,OAAA,EAAY;IACZ,MAAM,IAAI,KAAK,CAAA,gDAAqB,CAAA;EACtC;AAuBF,EAAA,OAAA,OAAM;AA6FN;AAiBA,MAAA,QAAM,GAAA,KAAA,CAAA,UAAY,CAAA,CAAA;AAqBlB,EAAA,WAAA,GAAM,YAAA;AA4BN,EAAA,IAAA;AA4BA,EAAA,MAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/shardui/chart.d.ts
CHANGED
|
@@ -55,7 +55,7 @@ declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<Recharts
|
|
|
55
55
|
labelKey?: string;
|
|
56
56
|
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
57
57
|
declare const ChartLegend: typeof RechartsPrimitive.Legend;
|
|
58
|
-
declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "
|
|
58
|
+
declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "verticalAlign" | "payload"> & {
|
|
59
59
|
hideIcon?: boolean;
|
|
60
60
|
nameKey?: string;
|
|
61
61
|
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|