@admin-layout/tailwind-ui 12.0.16-alpha.79 → 12.0.16-alpha.83
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts +4 -0
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts.map +1 -0
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js +60 -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/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/types.d.ts +2 -0
- package/lib/components/ThemeProvider/types.d.ts.map +1 -1
- package/lib/components/index.d.ts +1 -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/index.js +1 -1
- package/lib/shardui/button.d.ts +1 -1
- package/lib/shardui/resizable.d.ts +1 -1
- package/lib/shardui/sheet.d.ts +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LanguageMenuDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageMenuDropdown/LanguageMenuDropdown.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,GAAI,eAAe;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CAmDzE,CAAC"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import {jsx}from'react/jsx-runtime';import {useState,useEffect}from'react';import {useTranslation}from'react-i18next';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import {languages,useLayoutSettings}from'@admin-layout/client';import config from'@app/cde-webconfig.json';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const LanguageMenuDropdown = ({
|
|
2
|
+
className
|
|
3
|
+
}) => {
|
|
4
|
+
const {
|
|
5
|
+
i18n
|
|
6
|
+
} = useTranslation();
|
|
7
|
+
const {
|
|
8
|
+
i18n: i18nextInstance
|
|
9
|
+
} = config;
|
|
10
|
+
const filteredLanguages = languages.filter(language => i18nextInstance.supportedLngs.includes(language.key));
|
|
11
|
+
const {
|
|
12
|
+
isMobile
|
|
13
|
+
} = useMediaQuery();
|
|
14
|
+
const {
|
|
15
|
+
settings,
|
|
16
|
+
setSettings
|
|
17
|
+
} = useLayoutSettings();
|
|
18
|
+
const [currentLang, setCurrentLang] = useState(filteredLanguages.find(language => language.key === settings.language) || {
|
|
19
|
+
key: 'en',
|
|
20
|
+
label: 'English',
|
|
21
|
+
flag: '🇬🇧',
|
|
22
|
+
global: true
|
|
23
|
+
});
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
i18n.changeLanguage(settings.language);
|
|
26
|
+
}, []);
|
|
27
|
+
const handleLanguageChange = value => {
|
|
28
|
+
const language = filteredLanguages.find(lang => lang.key === value);
|
|
29
|
+
if (language) {
|
|
30
|
+
setCurrentLang(language);
|
|
31
|
+
i18n.changeLanguage(language.key);
|
|
32
|
+
setSettings(settings, {
|
|
33
|
+
language: language.key
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
return jsx("div", {
|
|
38
|
+
className: "relative",
|
|
39
|
+
children: jsx("div", {
|
|
40
|
+
className: "custom-select-container w-[180px]",
|
|
41
|
+
children: jsx("select", {
|
|
42
|
+
className: cn('w-full h-10 rounded-md outline-none border border-input bg-background px-3 py-2 pl-10 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 appearance-none cursor-pointer', className),
|
|
43
|
+
value: currentLang.key,
|
|
44
|
+
onChange: e => handleLanguageChange(e.target.value),
|
|
45
|
+
"aria-label": "Select language",
|
|
46
|
+
children: filteredLanguages.map(language => jsx("option", {
|
|
47
|
+
value: language.key,
|
|
48
|
+
className: "p-2",
|
|
49
|
+
children: jsx("div", {
|
|
50
|
+
className: "p-2",
|
|
51
|
+
children: jsx("span", {
|
|
52
|
+
className: "text-sm",
|
|
53
|
+
children: isMobile ? language.key : language.label
|
|
54
|
+
})
|
|
55
|
+
})
|
|
56
|
+
}, language.key))
|
|
57
|
+
})
|
|
58
|
+
})
|
|
59
|
+
});
|
|
60
|
+
};export{LanguageMenuDropdown};//# sourceMappingURL=LanguageMenuDropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LanguageMenuDropdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageMenuDropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
|
|
@@ -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":"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"}
|
|
@@ -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,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
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{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{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';export{cn}from'./utils/util.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
|
package/lib/shardui/button.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const buttonVariants: (props?: {
|
|
4
4
|
variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "destructive";
|
|
5
|
-
size?: "default" | "sm" | "
|
|
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> {
|
|
8
8
|
asChild?: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
2
2
|
declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLSelectElement | HTMLOptionElement | HTMLOptGroupElement | HTMLInputElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | HTMLSpanElement | HTMLImageElement | HTMLUListElement | HTMLLIElement | HTMLAnchorElement | HTMLObjectElement | HTMLLinkElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement |
|
|
3
|
+
declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLSelectElement | HTMLOptionElement | HTMLOptGroupElement | HTMLInputElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | HTMLSpanElement | HTMLImageElement | HTMLUListElement | HTMLLIElement | HTMLAnchorElement | HTMLObjectElement | HTMLLinkElement | HTMLProgressElement | HTMLTitleElement | HTMLDialogElement | HTMLFormElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLabelElement | HTMLLegendElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOutputElement | HTMLPreElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
|
|
4
4
|
className?: string | undefined;
|
|
5
5
|
collapsedSize?: number | undefined;
|
|
6
6
|
collapsible?: boolean | undefined;
|
package/lib/shardui/sheet.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
|
|
|
7
7
|
declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
|
|
8
8
|
declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
9
|
declare const sheetVariants: (props?: {
|
|
10
|
-
side?: "
|
|
10
|
+
side?: "top" | "bottom" | "left" | "right";
|
|
11
11
|
} & import("class-variance-authority/types").ClassProp) => string;
|
|
12
12
|
interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
13
13
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@admin-layout/tailwind-ui",
|
|
3
|
-
"version": "12.0.16-alpha.
|
|
3
|
+
"version": "12.0.16-alpha.83",
|
|
4
4
|
"description": "Sample core for higher packages to depend on",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -88,5 +88,5 @@
|
|
|
88
88
|
"typescript": {
|
|
89
89
|
"definition": "lib/index.d.ts"
|
|
90
90
|
},
|
|
91
|
-
"gitHead": "
|
|
91
|
+
"gitHead": "f1b526c5499cd8c06b3fb1b7508449090e2f59ff"
|
|
92
92
|
}
|