@admin-layout/tailwind-design-pro 10.0.9-alpha.25 → 10.0.9-alpha.27
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/UI/LazyLoadingGoogleMarker.js +107 -0
- package/lib/components/UI/LazyLoadingGoogleMarker.js.map +1 -0
- package/lib/components/UI/Pagination.d.ts +6 -0
- package/lib/components/UI/Pagination.d.ts.map +1 -0
- package/lib/components/UI/Pagination.js +59 -0
- package/lib/components/UI/Pagination.js.map +1 -0
- package/lib/components/UI/ParamSearchResultContainer.d.ts +90 -0
- package/lib/components/UI/ParamSearchResultContainer.d.ts.map +1 -0
- package/lib/components/UI/ParamSearchResultContainer.js +80 -0
- package/lib/components/UI/ParamSearchResultContainer.js.map +1 -0
- package/lib/components/UI/PropertyCard.d.ts +24 -0
- package/lib/components/UI/PropertyCard.d.ts.map +1 -0
- package/lib/components/UI/PropertyCard.js +377 -0
- package/lib/components/UI/PropertyCard.js.map +1 -0
- package/lib/components/UI/PropertyCardList.d.ts +93 -0
- package/lib/components/UI/PropertyCardList.d.ts.map +1 -0
- package/lib/components/UI/PropertyCardList.js +41 -0
- package/lib/components/UI/PropertyCardList.js.map +1 -0
- package/lib/components/UI/PropertyCardOnMap.js +108 -0
- package/lib/components/UI/PropertyCardOnMap.js.map +1 -0
- package/lib/components/UI/icons/LocationIcon.d.ts +7 -0
- package/lib/components/UI/icons/LocationIcon.d.ts.map +1 -0
- package/lib/components/UI/icons/LocationIcon.js +18 -0
- package/lib/components/UI/icons/LocationIcon.js.map +1 -0
- package/lib/components/UI/icons/index.d.ts +2 -0
- package/lib/components/UI/icons/index.d.ts.map +1 -0
- package/lib/components/UI/index.d.ts +6 -0
- package/lib/components/UI/index.d.ts.map +1 -1
- package/lib/components/index.js +1 -1
- package/lib/config/env-config.d.ts +1 -0
- package/lib/config/env-config.d.ts.map +1 -1
- package/lib/config/env-config.js +5 -1
- package/lib/config/env-config.js.map +1 -1
- package/lib/helpers/DynamicIcon.d.ts +7 -4
- package/lib/helpers/DynamicIcon.d.ts.map +1 -1
- package/lib/helpers/DynamicIcon.js +11 -15
- package/lib/helpers/DynamicIcon.js.map +1 -1
- package/lib/hooks/index.d.ts +2 -0
- package/lib/hooks/index.d.ts.map +1 -1
- package/lib/hooks/use-get-current-lat-long.d.ts +18 -0
- package/lib/hooks/use-get-current-lat-long.d.ts.map +1 -0
- package/lib/hooks/use-get-current-lat-long.js +29 -0
- package/lib/hooks/use-get-current-lat-long.js.map +1 -0
- package/lib/hooks/useTailwindTheme.js +82 -0
- package/lib/hooks/useTailwindTheme.js.map +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import {jsx}from'react/jsx-runtime';const LocationIcon = ({
|
|
2
|
+
className = '',
|
|
3
|
+
w,
|
|
4
|
+
h,
|
|
5
|
+
...props
|
|
6
|
+
}) => jsx("svg", {
|
|
7
|
+
viewBox: "0 0 24 24",
|
|
8
|
+
className: `inline-block ${className}`,
|
|
9
|
+
style: {
|
|
10
|
+
width: w || '1em',
|
|
11
|
+
height: h || '1em'
|
|
12
|
+
},
|
|
13
|
+
...props,
|
|
14
|
+
children: jsx("path", {
|
|
15
|
+
d: "M12.0001 1.49866C7.85965 1.49866 4.50012 4.52256 4.50012 8.24865C4.50012 14.2487 12.0001 22.4986 12.0001 22.4986C12.0001 22.4986 19.5001 14.2487 19.5001 8.24865C19.5001 4.52256 16.1406 1.49866 12.0001 1.49866ZM12.0001 11.9987C11.4068 11.9987 10.8268 11.8227 10.3334 11.4931C9.84006 11.1634 9.45554 10.6949 9.22848 10.1467C9.00142 9.59853 8.94201 8.99533 9.05776 8.41338C9.17352 7.83144 9.45924 7.29689 9.8788 6.87733C10.2984 6.45778 10.8329 6.17205 11.4148 6.0563C11.9968 5.94054 12.6 5.99995 13.1482 6.22702C13.6963 6.45408 14.1649 6.8386 14.4945 7.33194C14.8242 7.82529 15.0001 8.40531 15.0001 8.99865C14.9992 9.79404 14.6829 10.5566 14.1205 11.119C13.5581 11.6814 12.7955 11.9978 12.0001 11.9987Z",
|
|
16
|
+
fill: "currentColor"
|
|
17
|
+
})
|
|
18
|
+
});export{LocationIcon};//# sourceMappingURL=LocationIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LocationIcon.js","sources":["../../../../src/components/UI/icons/LocationIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":"oCAEO,MAAM,YAAY,GAAG,CAAC;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/UI/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -1,2 +1,8 @@
|
|
|
1
1
|
export * from './CategoriesTypeList';
|
|
2
|
+
export * from './PropertyCardOnMap';
|
|
3
|
+
export * from './LazyLoadingGoogleMarker';
|
|
4
|
+
export * from './ParamSearchResultContainer';
|
|
5
|
+
export * from './PropertyCardList';
|
|
6
|
+
export * from './PropertyCard';
|
|
7
|
+
export * from './Pagination';
|
|
2
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UI/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UI/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}
|
package/lib/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{CategoriesTypeList}from'./UI/CategoriesTypeList.js';export{MainHeader,defaultRenderLogo,defaultRenderLogoAndTitle}from'./Layout/GlobalHeader/MainHeader.js';export{Logo}from'./Layout/GlobalHeader/Logo.js';export{RightMenu}from'./Layout/GlobalHeader/RightMenu.js';export{ThemeContext,ThemeProvider,useTheme}from'./ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./ThemeProvider/ThemeToggle.js';export{applyTheme,generateColorPalette,hslToHex}from'./ThemeProvider/themeUtils.js';export{themeRegistry}from'./ThemeProvider/themeRegistry.js';//# sourceMappingURL=index.js.map
|
|
1
|
+
export{CategoriesTypeList}from'./UI/CategoriesTypeList.js';export{PropertyCardOnMap}from'./UI/PropertyCardOnMap.js';export{LazyLoadingGoogleMarker}from'./UI/LazyLoadingGoogleMarker.js';export{ParamSearchResultContainer}from'./UI/ParamSearchResultContainer.js';export{PropertyCardList}from'./UI/PropertyCardList.js';export{PropertyCard}from'./UI/PropertyCard.js';export{Pagination}from'./UI/Pagination.js';export{MainHeader,defaultRenderLogo,defaultRenderLogoAndTitle}from'./Layout/GlobalHeader/MainHeader.js';export{Logo}from'./Layout/GlobalHeader/Logo.js';export{RightMenu}from'./Layout/GlobalHeader/RightMenu.js';export{ThemeContext,ThemeProvider,useTheme}from'./ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./ThemeProvider/ThemeToggle.js';export{applyTheme,generateColorPalette,hslToHex}from'./ThemeProvider/themeUtils.js';export{themeRegistry}from'./ThemeProvider/themeRegistry.js';//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"env-config.d.ts","sourceRoot":"","sources":["../../src/config/env-config.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"env-config.d.ts","sourceRoot":"","sources":["../../src/config/env-config.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM;;;0CAGjB,CAAC"}
|
package/lib/config/env-config.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import {cleanEnv,str}from'envalid';import {getEnvironment}from'@common-stack/core';const env = getEnvironment();
|
|
1
|
+
import {cleanEnv,str,bool}from'envalid';import {getEnvironment}from'@common-stack/core';const env = getEnvironment();
|
|
2
2
|
const config = cleanEnv(env, {
|
|
3
3
|
LAYOUT_ROOT: str({
|
|
4
4
|
default: '/o/:orgName',
|
|
5
5
|
desc: 'Layout parent route'
|
|
6
|
+
}),
|
|
7
|
+
ENABLE_PROPERTY_PRICE_COMPARISON: bool({
|
|
8
|
+
default: false,
|
|
9
|
+
desc: 'Enable property price comparison section'
|
|
6
10
|
})
|
|
7
11
|
});export{config};//# sourceMappingURL=env-config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"env-config.js","sources":["../../src/config/env-config.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"env-config.js","sources":["../../src/config/env-config.ts"],"sourcesContent":[null],"names":[],"mappings":"wFAGA,MAAM,GAAG,GAAG,cAAc,EAAE;AAEf,MAAA,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;AAChC,EAAA,WAAA,EAAW,GAAE,CAAA;AACb,IAAA,OAAA,EAAA,aAAA;AACH,IAAE,IAAA,EAAA;;;;;;"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
interface DynamicTypeIconsProps {
|
|
3
3
|
icon: any;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
iconStyle?: {
|
|
5
|
+
iconColor?: string;
|
|
6
|
+
w?: string;
|
|
7
|
+
h?: string;
|
|
8
|
+
[key: string]: any;
|
|
9
|
+
};
|
|
10
|
+
[key: string]: any;
|
|
8
11
|
}
|
|
9
12
|
export declare const DynamicIcon: React.FC<DynamicTypeIconsProps>;
|
|
10
13
|
export declare const renderDynamicIcon: (icon: any) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicIcon.d.ts","sourceRoot":"","sources":["../../src/helpers/DynamicIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DynamicIcon.d.ts","sourceRoot":"","sources":["../../src/helpers/DynamicIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,qBAAqB;IAC3B,IAAI,EAAE,GAAG,CAAC;IACV,SAAS,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyCvD,CAAC;AAEF,eAAO,MAAM,iBAAiB,wDAQ7B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsx}from'react/jsx-runtime';import*as React from'react';import {useState,useEffect}from'react';import
|
|
1
|
+
import {jsx}from'react/jsx-runtime';import*as React from'react';import {useState,useEffect}from'react';import selectiveIcons from'@app/selectiveIcons';const DynamicIcon = React.memo(({
|
|
2
2
|
icon,
|
|
3
3
|
iconStyle,
|
|
4
4
|
...props
|
|
@@ -20,20 +20,16 @@ import {jsx}from'react/jsx-runtime';import*as React from'react';import {useState
|
|
|
20
20
|
loadIcon();
|
|
21
21
|
}, [icon]);
|
|
22
22
|
if (!IconComponent) return null;
|
|
23
|
-
return jsx(
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
},
|
|
34
|
-
h: {
|
|
35
|
-
base: iconStyle?.h ?? '16px',
|
|
36
|
-
md: iconStyle?.h ?? '16px'
|
|
23
|
+
return jsx("div", {
|
|
24
|
+
className: "m-0 flex",
|
|
25
|
+
children: jsx(IconComponent, {
|
|
26
|
+
className: "textCurrent",
|
|
27
|
+
style: {
|
|
28
|
+
color: iconStyle?.iconColor,
|
|
29
|
+
stroke: iconStyle?.iconColor,
|
|
30
|
+
width: iconStyle?.w || '16px',
|
|
31
|
+
height: iconStyle?.h || '16px',
|
|
32
|
+
...props.style
|
|
37
33
|
},
|
|
38
34
|
...props
|
|
39
35
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicIcon.js","sources":["../../src/helpers/DynamicIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DynamicIcon.js","sources":["../../src/helpers/DynamicIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"uJAgBa,MAAA,WAAW,GAAoC,KAAK,CAAC,IAAI,CAClE,CAAC;MACS;WACG;;AAED,CAAA,KAAA;sBACY,EAAA,gBAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;AACP,EAAA,SAAA,CAAA,MAAA;AACG,IAAA,MAAA,QAAA,SAAW;wBACS,GAAA,cAAI,CAAE,IAAC,CAAA;kBAC1B,CAAA,IAAA,CAAA,MAAA,IAAA;yBAAO,CAAA,OAAA,KAAA,QAAA,EAAA;0BACY,CAAA,MAAA,OAAI,YAAU,CAAA,CAAA;;AAEtC,UAAA,gBAAE,CAAA,MAAA,MAAA,CAAA,OAAA,CAAA;AACD;kBACmB,IAAA;AACpB,QAAA,gBAAG,CAAA,IAAA,CAAA;AACX,OAAA,CAAA;AACA,KAAA;AACJ,IAAA,QAAQ,EAAE;AAEV,GAAA,EAAA,CAAA,IAAkB,CAAA,CAAA;AAAE,EAAA,IAAA,CAAA,aAAY,EAAA,OAAA,IAAA;AAEhC,EAAA,OAAAA,GACI,CAAA,KAAA,EAAA;yBAI4B;iBACV,CAAA,aAAW,EAAA;AACjB,MAAA,SAAA,EAAA,aAAO;AACP,MAAA,KAAA,EAAA;wBACQ,EAAM,SAAA;AACjB,QAAA,MAAA,EAAA,SACQ,EAEX,SACR;AACN,QACU,KAAA,EAAE,SAAS,EAAE,CAAE,IACZ,MAAA;AAGjB,QAAa,MAAA,EAAA,SAAA,EAAA,CAAA,UAAyB;AAClC,QAAI,GAAO,KAAA,CAAA;AACP,OAAA;MACH,GAAA;AAAM,KAAA;AACH,GAAA,CAAA;IACJ,SAAC,EAAA,SAAA,KAAA,SAAA,CAAA,IAAA,KAAA,SAAA,CAAA,IAAA,IAAA,SAAA,CAAA,SAAA,EAAA,SAAA,KAAA,SAAA,CAAA,SAAA,EAAA,SAAA;AAAO,MAAA,iBAAA,GAAA,IAAA,IAAA;AACJ,EAAA,IAAA,OAAA,SAAY,QAAA,EAAA;IAChB,OAACA,GAAA,CAAA,WAAA,EAAA;AACL,MAAE,IAAA,EAAA,IAAA,CAAA,IAAA;;;;;;;;;;"}
|
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,iBAAiB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Gets the current Ip address details of user by calling the geolocation
|
|
4
|
+
*
|
|
5
|
+
*/
|
|
6
|
+
interface CurrentLocationLongLatInterface {
|
|
7
|
+
loading: boolean;
|
|
8
|
+
error: Error;
|
|
9
|
+
fetchCurrentLatLong: () => void;
|
|
10
|
+
permissionDenied: boolean;
|
|
11
|
+
location: {
|
|
12
|
+
latitude: number;
|
|
13
|
+
longitude: number;
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
export declare function useGetCurrentLongLat(): CurrentLocationLongLatInterface;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=use-get-current-lat-long.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-get-current-lat-long.d.ts","sourceRoot":"","sources":["../../src/hooks/use-get-current-lat-long.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,UAAU,+BAA+B;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC;IACb,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;KACrB,CAAC;CACL;AAED,wBAAgB,oBAAoB,IAAI,+BAA+B,CA6BtE"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import {reject}from'lodash-es';import originalAsyncFunc from'react-use/lib/useAsyncFn.js';import {useState}from'react';const useAsyncFn = originalAsyncFunc?.default || originalAsyncFunc;
|
|
2
|
+
function useGetCurrentLongLat() {
|
|
3
|
+
const [permissionDenied, setPermissionDenied] = useState(false);
|
|
4
|
+
// const { toastError } = Toast();
|
|
5
|
+
const [state, fetchCurrentLatLong] = useAsyncFn(() => new Promise(resolve => {
|
|
6
|
+
navigator.geolocation.getCurrentPosition(position => {
|
|
7
|
+
setPermissionDenied(false);
|
|
8
|
+
resolve({
|
|
9
|
+
latitude: position.coords.latitude,
|
|
10
|
+
longitude: position.coords.longitude
|
|
11
|
+
});
|
|
12
|
+
}, err => {
|
|
13
|
+
setPermissionDenied(true);
|
|
14
|
+
// toastError(err.message);
|
|
15
|
+
reject(err);
|
|
16
|
+
}, {
|
|
17
|
+
maximumAge: 60000,
|
|
18
|
+
timeout: 5000,
|
|
19
|
+
enableHighAccuracy: true
|
|
20
|
+
});
|
|
21
|
+
}));
|
|
22
|
+
return {
|
|
23
|
+
loading: state.loading,
|
|
24
|
+
location: state.value,
|
|
25
|
+
error: state.error,
|
|
26
|
+
permissionDenied,
|
|
27
|
+
fetchCurrentLatLong
|
|
28
|
+
};
|
|
29
|
+
}export{useGetCurrentLongLat};//# sourceMappingURL=use-get-current-lat-long.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-get-current-lat-long.js","sources":["../../src/hooks/use-get-current-lat-long.ts"],"sourcesContent":[null],"names":[],"mappings":"uHAIA,MAAM,UAAU,GAAI,iBAAyB,EAAE,OAAO,IAAI,iBAAiB;SAiB3D,oBAAoB,GAAA;QAC1B,CAAA,gBAAiB,EAAA,mBAAqB,CAAA,WAAY,CAAA,KAAM,CAAA;;AAG9D,EAAA,MAAA,CAAA,KAAY,EAAA,mBAAqB,CAAA,aAAc,CAAA,MACxC,IACK,OAAA,CAAA,OAAS;aACA,CAAA,8BAAa,CAAA,QACjB,IAAA;yBACsB,CAAA,KAAA,CAAC;AACpB,MAAA,OAAA,CAAA;AACJ,QAAA,QACI,EAAI,QAAA,CAAA,MAAA,CAAA,QAAA;iBACe,EAAA,QAAA,CAAA,MAAK,CAAA;;cAElB;AACV,MAAA,mBACc,KAAK,CAAE;;MAK9B,MAAA,CAAA,GAAA,CAAA;;gBAEK,EAAE,KAAK;aACV,EAAE,IAAK;wBACI,EAAA;;KAEnB;AACL,EAAC,OAAA;;;;;;;"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import {useState,useEffect}from'react';import {FaMoon}from'@react-icons/all-files/fa/FaMoon.js';import {FaSun}from'@react-icons/all-files/fa/FaSun.js';const useTailwindTheme = () => {
|
|
2
|
+
// Check if dark mode is preferred by user or system
|
|
3
|
+
const [isDark, setIsDark] = useState(() => {
|
|
4
|
+
if (typeof window !== 'undefined') {
|
|
5
|
+
// Check local storage first, then system preference
|
|
6
|
+
const storedTheme = localStorage.getItem('color-theme');
|
|
7
|
+
if (storedTheme === 'dark') return true;
|
|
8
|
+
if (storedTheme === 'light') return false;
|
|
9
|
+
return window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
10
|
+
}
|
|
11
|
+
return false;
|
|
12
|
+
});
|
|
13
|
+
// Set dark mode class on body when theme changes
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
document.documentElement.classList.toggle('dark', isDark);
|
|
16
|
+
localStorage.setItem('color-theme', isDark ? 'dark' : 'light');
|
|
17
|
+
}, [isDark]);
|
|
18
|
+
const toggleColorMode = () => setIsDark(!isDark);
|
|
19
|
+
const colorModeLabel = isDark ? 'light' : 'dark';
|
|
20
|
+
const ColorModeIcon = isDark ? FaSun : FaMoon;
|
|
21
|
+
// Define colors for both light and dark modes
|
|
22
|
+
const bgColor = isDark ? '#1A202C' : 'white'; // gray-800 or white
|
|
23
|
+
const color = isDark ? 'white' : '#2d3748'; // white or gray-800
|
|
24
|
+
const grayColor = isDark ? '#A0AEC0' : '#4A5568'; // gray-400 or gray-600
|
|
25
|
+
const greenColor = '#38A169'; // green-500 in both modes
|
|
26
|
+
const passiveColor = isDark ? '#4A5568' : '#E2E8F0'; // gray-600 or gray-200
|
|
27
|
+
const borderColor = isDark ? '#4A5568' : '#E2E8F0'; // gray-600 or gray-200
|
|
28
|
+
const checkBgColor = isDark ? '#1A202C' : '#CBD5E0'; // gray-800 or gray-300
|
|
29
|
+
const radioActiveBgColor = isDark ? 'rgb(0 31 71)' : '#EBF8FF'; // custom dark blue or blue-50
|
|
30
|
+
const checkInactiveColor = isDark ? 'rgba(255, 255, 255, 0.4)' : '#CBD5E0'; // whiteAlpha-400 or gray-300
|
|
31
|
+
const blueColor = '#2869E0'; // same in both modes
|
|
32
|
+
const yellowColor = '#F5BC00'; // same in both modes
|
|
33
|
+
const blackColor = '#000'; // same in both modes
|
|
34
|
+
const becomeHostColor = isDark ? '#4299E1' : '#9DECF9'; // blue-400 or cyan-200
|
|
35
|
+
const activeMenuBgColor = isDark ? '#2D3748' : '#EDF2F7'; // gray-700 or gray-100
|
|
36
|
+
const shadowColor = isDark ? 'rgba(205, 205, 162, 0.25) 0px 6px 12px -2px, rgba(255,255,255, 0.3) 0px 3px 7px -3px' : 'rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px';
|
|
37
|
+
const calendarAvailableColor = '#3e9f31'; // same in both modes
|
|
38
|
+
const calendarPartialColor = '#31679f'; // same in both modes
|
|
39
|
+
const calendarBlockColor = isDark ? '#2d3748' : '#e2e8f0'; // gray-800 or gray-300
|
|
40
|
+
const discountColor = '#3182CE'; // blue-500 in both modes
|
|
41
|
+
const cancelColor = '#E53E3E'; // red-500 in both modes
|
|
42
|
+
const errorColor = '#C53030'; // red-600 in both modes
|
|
43
|
+
// Tailwind-specific class helpers
|
|
44
|
+
const textColorClass = isDark ? 'text-white' : 'text-gray-800';
|
|
45
|
+
const borderColorClass = isDark ? 'border-gray-600' : 'border-gray-200';
|
|
46
|
+
const bgColorClass = isDark ? 'bg-gray-800' : 'bg-white';
|
|
47
|
+
const textColor = isDark ? 'white' : 'gray-800';
|
|
48
|
+
const shadowClass = isDark ? 'shadow-dark' : 'shadow-light';
|
|
49
|
+
return {
|
|
50
|
+
toggleColorMode,
|
|
51
|
+
colorModeLabel,
|
|
52
|
+
ColorModeIcon,
|
|
53
|
+
color,
|
|
54
|
+
bgColor,
|
|
55
|
+
blackColor,
|
|
56
|
+
borderColor,
|
|
57
|
+
checkBgColor,
|
|
58
|
+
radioActiveBgColor,
|
|
59
|
+
checkInactiveColor,
|
|
60
|
+
grayColor,
|
|
61
|
+
greenColor,
|
|
62
|
+
passiveColor,
|
|
63
|
+
blueColor,
|
|
64
|
+
yellowColor,
|
|
65
|
+
becomeHostColor,
|
|
66
|
+
activeMenuBgColor,
|
|
67
|
+
shadowColor,
|
|
68
|
+
calendarAvailableColor,
|
|
69
|
+
calendarPartialColor,
|
|
70
|
+
calendarBlockColor,
|
|
71
|
+
discountColor,
|
|
72
|
+
cancelColor,
|
|
73
|
+
errorColor,
|
|
74
|
+
isDark,
|
|
75
|
+
// Tailwind specific
|
|
76
|
+
textColor,
|
|
77
|
+
borderColorClass,
|
|
78
|
+
bgColorClass,
|
|
79
|
+
textColorClass,
|
|
80
|
+
shadowClass
|
|
81
|
+
};
|
|
82
|
+
};export{useTailwindTheme};//# sourceMappingURL=useTailwindTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTailwindTheme.js","sources":["../../src/hooks/useTailwindTheme.tsx"],"sourcesContent":[null],"names":[],"mappings":"uJAsCO,MAAM,gBAAgB,GAAG,MAAkC;;QAExD,CAAA,QAAO,SAAE,CAAA,GAAa,QAAA,CAAA,MAAc;AACtC,IAAA,IAAA,OAAW,MAAA,KAAW,WAAA,EAAA;;YAElB,WAAM,GAAA,YAA0B,CAAA,qBAAS,CAAA;qBACrC,KAAA,MAAgB,EAAM,OAAA,IAAA;AAAE,MAAA,IAAA,WAAA,YAAY,EAAA,OAAA,KAAA;aACpC,MAAA,CAAA,yCAAuB,CAAA,CAAA,OAAA;AAAE;gBACtB;;AAEX;AACJ,EAAA,SAAG,CAAA,MAAA;IAEH,QAAiD,CAAA,eAAA,CAAA,SAAA,CAAA,MAAA,CAAA,MAAA,EAAA,MAAA,CAAA;IACjD,aAAa,OAAE,CAAA,aAAA,EAAA,MAAA,GAAA,MAAA,GAAA,OAAA,CAAA;YACH,CAAA,CAAA;AACR,EAAA,MAAA,eAAa,GAAA,MAAQ,SAAA,CAAa,OAAQ,CAAA;AAC9C,EAAA,MAAI,cAAS,GAAA,MAAA,GAAA,OAAA,GAAA,MAAA;QAEP,aAAA,GAAA,MAAkB,GAAK,cAAkB;;QAEzC,OAAA,GAAA,MAAgB,GAAA,SAAS,GAAA,OAAQ,CAAA;QAEO,KAAA,GAAA,MAAA,GAAA,OAAA,GAAA,SAAA,CAAA;AAC9C,EAAA,MAAA,SAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAoB;AAClE,EAAA,MAAA,UAAc,GAAM,SAAU,CAAA;AAC9B,EAAA,MAAA,YAAe,GAAS,MAAC,GAAW,SAAC,GAAW,SAAC,CAAC;AAClD,EAAA,MAAA,WAAgB,GAAA,MAAY,GAAA,SAA4B,GAAA,SAAA,CAAA;AACxD,EAAA,MAAA,YAAkB,GAAA,MAAS,GAAC,SAAW,GAAC,SAAW,CAAA;AACnD,EAAA,MAAA,kBAA0B,GAAA,MAAY,GAAA,cAAY,GAAC,SAAwB,CAAA;AAC3E,EAAA,MAAA,kBAA2B,GAAA,MAAY,GAAA,0BAAqC,GAAA,SAAA,CAAA;AAC5E,EAAA,MAAA,SAAwB,GAAA,SAAA,CAAA;AACxB,EAAA,MAAA,WAAwB,GAAA,SAAG,CAAM;AACjC,EAAA,MAAA,UAAe,GAAA,MAAY,CAAA;AAC3B,EAAA,MAAA,eAAiB,GAAY,MAAA,GAAE,SAAqB,GAAA,SAAA,CAAA;AACpD,EAAA,MAAA,iBAAyB,GAAA,MAAuB,GAAA,SAAA,GAAA,SAAA,CAAA;AAChD,EAAA,MAAA,WAAqB,GAAA,MAAG,GAAM,sFAAiD,GAAA,+EAAA;AAC/E,EAAA,MAAA,sBAA0B,GAAM,SAAY,CAAA;QACtC,oBAAoB,GAAA,SAAA,CAAA;AACtB,EAAA,MAAA,kBAAwF,GAAA,MAAA,GAAA,SAAA,GAAA,SAAA,CAAA;QACxF;AAEJ,EAAA,MAAA,WAA4B,GAAA,SAAA,CAAA;AAC5B,EAAA,MAAA,UAA0B,GAAA,SAAA,CAAA;AAC1B;AACA,EAAA,MAAA,cAAmB,GAAA,MAAY,GAAA,YAA2B,GAAA,eAAA;AAC1D,EAAA,MAAA,gBAAoB,GAAS,MAAA,GAA0B,iBAAA,GAAA,iBAAA;AACvD,EAAA,MAAA,YAAgB,GAAG,MAAS,GAAA,aAA0B,GAAA,UAAA;QAEpB,SAAA,GAAA,MAAA,GAAA,OAAA,GAAA,UAAA;QAC5B,WAAA,GAAA,MAAiB,GAAA,aAAS,GAAA,cAAe;SACzC;IACN,eAAM;IACN,cAAM;IACN,aAAM;IAEN,KAAO;WACY;cACD;eACD;gBACR;sBACE;sBACG;aACC;cACC;gBACM;aACA;eACT;mBACC;qBACE;eACH;0BACE;wBACI;sBACE;iBACN;eACW;cACF;UACF;;aAEP;oBACD;gBACJ;kBACc;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@admin-layout/tailwind-design-pro",
|
|
3
|
-
"version": "10.0.9-alpha.
|
|
3
|
+
"version": "10.0.9-alpha.27",
|
|
4
4
|
"description": "Sample core for higher packages to depend on",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "9e313999475776390282ceca79f56daa84826228",
|
|
62
62
|
"typescript": {
|
|
63
63
|
"definition": "lib/index.d.ts"
|
|
64
64
|
}
|