datastake-daf 0.6.714 → 0.6.716
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/dist/components/index.js +509 -434
- package/dist/layouts/index.js +499 -430
- package/dist/pages/index.js +499 -430
- package/dist/utils/index.js +499 -430
- package/package.json +1 -1
- package/public/assets/images/underDev.svg +7 -0
- package/src/@daf/core/components/Icon/configs/UnderDev.js +27 -14
- package/src/@daf/core/components/Icon/configs/index.js +2 -0
- package/src/@daf/core/components/Screens/InformationUnavailable/InformationUnavailable.stories.js +0 -1
- package/src/@daf/core/components/Screens/InformationUnavailable/index.jsx +7 -3
- package/src/@daf/core/components/Screens/InformationUnavailable/style.js +2 -2
package/package.json
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg width="105" height="105" viewBox="0 0 105 105" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M26.25 26.25L45.9375 45.9375L26.25 26.25Z" fill="white"/>
|
|
3
|
+
<path d="M13.125 8.75L26.25 13.125V26.25H13.125L8.75 13.125L13.125 8.75Z" fill="white"/>
|
|
4
|
+
<path d="M84.2581 11.9919L72.7622 23.4878C71.0297 25.2203 70.1634 26.0866 69.8388 27.0856C69.5533 27.9642 69.5533 28.9108 69.8388 29.7894C70.1634 30.7884 71.0297 31.6547 72.7622 33.3872L73.8003 34.4253C75.5328 36.1578 76.3991 37.0241 77.398 37.3487C78.2767 37.6342 79.2233 37.6342 80.102 37.3487C81.1009 37.0241 81.9672 36.1578 83.6997 34.4253L94.4531 23.6719C95.6113 26.4901 96.25 29.5767 96.25 32.8125C96.25 46.1019 85.4768 56.875 72.1875 56.875C70.5853 56.875 69.0197 56.7184 67.5052 56.4197C65.3783 56.0003 64.3149 55.7905 63.6702 55.8548C62.9848 55.923 62.647 56.0258 62.0397 56.3508C61.4685 56.6565 60.8955 57.2295 59.7495 58.3755L28.4375 89.6874C24.8131 93.3118 18.9369 93.3118 15.3125 89.6874C11.6881 86.0631 11.6881 80.1868 15.3125 76.5624L46.6245 45.2505C47.7705 44.1045 48.3435 43.5315 48.6492 42.9603C48.9742 42.353 49.077 42.0152 49.1452 41.3298C49.2095 40.6851 48.9997 39.6217 48.5803 37.4948C48.2816 35.9803 48.125 34.4147 48.125 32.8125C48.125 19.5231 58.8981 8.75 72.1875 8.75C76.5866 8.75 80.7099 9.93048 84.2581 11.9919Z" fill="white"/>
|
|
5
|
+
<path d="M52.5002 65.6248L76.5625 89.687C80.1868 93.3114 86.0631 93.3114 89.6874 89.687C93.3118 86.0627 93.3118 80.1864 89.6874 76.562L69.892 56.7669C68.4907 56.6343 67.1243 56.3815 65.8034 56.019C64.1013 55.5518 62.2341 55.8909 60.986 57.139L52.5002 65.6248Z" fill="white"/>
|
|
6
|
+
<path d="M26.25 26.25L45.9375 45.9375M26.25 26.25H13.125L8.75 13.125L13.125 8.75L26.25 13.125V26.25ZM84.2581 11.9919L72.7622 23.4878C71.0297 25.2203 70.1634 26.0866 69.8388 27.0855C69.5533 27.9642 69.5533 28.9108 69.8388 29.7895C70.1634 30.7884 71.0297 31.6547 72.7622 33.3872L73.8003 34.4253C75.5328 36.1578 76.3991 37.0241 77.398 37.3487C78.2767 37.6342 79.2233 37.6342 80.102 37.3487C81.1009 37.0241 81.9672 36.1578 83.6997 34.4253L94.4531 23.6719C95.6113 26.4901 96.25 29.5767 96.25 32.8125C96.25 46.1019 85.4768 56.875 72.1875 56.875C70.5853 56.875 69.0197 56.7184 67.5052 56.4197C65.3783 56.0003 64.3149 55.7905 63.6702 55.8548C62.9848 55.9231 62.647 56.0258 62.0397 56.3508C61.4685 56.6565 60.8955 57.2295 59.7495 58.3755L28.4375 89.6874C24.8131 93.3118 18.9369 93.3118 15.3125 89.6874C11.6881 86.0631 11.6881 80.1868 15.3125 76.5624L46.6245 45.2505C47.7705 44.1045 48.3435 43.5315 48.6492 42.9603C48.9742 42.353 49.0769 42.0152 49.1452 41.3298C49.2095 40.6851 48.9997 39.6217 48.5803 37.4948C48.2816 35.9803 48.125 34.4147 48.125 32.8125C48.125 19.5231 58.8981 8.75 72.1875 8.75C76.5866 8.75 80.7099 9.93048 84.2581 11.9919ZM52.5002 65.6248L76.5625 89.687C80.1868 93.3114 86.0631 93.3114 89.6874 89.687C93.3118 86.0627 93.3118 80.1864 89.6874 76.562L69.892 56.7669C68.4907 56.6343 67.1243 56.3815 65.8034 56.019C64.1013 55.5518 62.2341 55.8909 60.986 57.139L52.5002 65.6248Z" stroke="#AD8A47" stroke-width="3.6" stroke-linecap="round" stroke-linejoin="round"/>
|
|
7
|
+
</svg>
|
|
@@ -1,15 +1,28 @@
|
|
|
1
|
-
const config = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
<
|
|
8
|
-
<
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
const config = ({ color = "black", currentColor } = {}) => {
|
|
2
|
+
const strokeColor = currentColor || color;
|
|
3
|
+
|
|
4
|
+
return {
|
|
5
|
+
viewBox: "0 0 105 105",
|
|
6
|
+
children: (
|
|
7
|
+
<svg width="153" height="116" viewBox="0 0 153 116" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
8
|
+
<g filter="url(#filter0_f_60_283455)">
|
|
9
|
+
<ellipse cx="76.2749" cy="104.194" rx="74.25" ry="9.1125" fill={strokeColor} fillOpacity="0.3"/>
|
|
10
|
+
</g>
|
|
11
|
+
<path d="M50.25 26.25L69.9375 45.9375L50.25 26.25Z" fill="white"/>
|
|
12
|
+
<path d="M37.125 8.75L50.25 13.125V26.25H37.125L32.75 13.125L37.125 8.75Z" fill="white"/>
|
|
13
|
+
<path d="M108.258 11.9919L96.7622 23.4878C95.0297 25.2203 94.1634 26.0866 93.8388 27.0856C93.5533 27.9642 93.5533 28.9108 93.8388 29.7894C94.1634 30.7884 95.0297 31.6547 96.7622 33.3872L97.8003 34.4253C99.5328 36.1578 100.399 37.0241 101.398 37.3487C102.277 37.6342 103.223 37.6342 104.102 37.3487C105.101 37.0241 105.967 36.1578 107.7 34.4253L118.453 23.6719C119.611 26.4901 120.25 29.5767 120.25 32.8125C120.25 46.1019 109.477 56.875 96.1875 56.875C94.5853 56.875 93.0197 56.7184 91.5052 56.4197C89.3783 56.0003 88.3149 55.7905 87.6702 55.8548C86.9848 55.923 86.647 56.0258 86.0397 56.3508C85.4685 56.6565 84.8955 57.2295 83.7495 58.3755L52.4375 89.6874C48.8131 93.3118 42.9369 93.3118 39.3125 89.6874C35.6881 86.0631 35.6881 80.1868 39.3125 76.5624L70.6245 45.2505C71.7705 44.1045 72.3435 43.5315 72.6492 42.9603C72.9742 42.353 73.077 42.0152 73.1452 41.3298C73.2095 40.6851 72.9997 39.6217 72.5803 37.4948C72.2816 35.9803 72.125 34.4147 72.125 32.8125C72.125 19.5231 82.8981 8.75 96.1875 8.75C100.587 8.75 104.71 9.93048 108.258 11.9919Z" fill="white"/>
|
|
14
|
+
<path d="M76.5002 65.6248L100.562 89.687C104.187 93.3114 110.063 93.3114 113.687 89.687C117.312 86.0627 117.312 80.1864 113.687 76.562L93.892 56.7669C92.4907 56.6343 91.1243 56.3815 89.8034 56.019C88.1013 55.5518 86.2341 55.8909 84.986 57.139L76.5002 65.6248Z" fill="white"/>
|
|
15
|
+
<path d="M50.25 26.25L69.9375 45.9375M50.25 26.25H37.125L32.75 13.125L37.125 8.75L50.25 13.125V26.25ZM108.258 11.9919L96.7622 23.4878C95.0297 25.2203 94.1634 26.0866 93.8388 27.0855C93.5533 27.9642 93.5533 28.9108 93.8388 29.7895C94.1634 30.7884 95.0297 31.6547 96.7622 33.3872L97.8003 34.4253C99.5328 36.1578 100.399 37.0241 101.398 37.3487C102.277 37.6342 103.223 37.6342 104.102 37.3487C105.101 37.0241 105.967 36.1578 107.7 34.4253L118.453 23.6719C119.611 26.4901 120.25 29.5767 120.25 32.8125C120.25 46.1019 109.477 56.875 96.1875 56.875C94.5853 56.875 93.0197 56.7184 91.5052 56.4197C89.3783 56.0003 88.3149 55.7905 87.6702 55.8548C86.9848 55.9231 86.647 56.0258 86.0397 56.3508C85.4685 56.6565 84.8955 57.2295 83.7495 58.3755L52.4375 89.6874C48.8131 93.3118 42.9369 93.3118 39.3125 89.6874C35.6881 86.0631 35.6881 80.1868 39.3125 76.5624L70.6245 45.2505C71.7705 44.1045 72.3435 43.5315 72.6492 42.9603C72.9742 42.353 73.0769 42.0152 73.1452 41.3298C73.2095 40.6851 72.9997 39.6217 72.5803 37.4948C72.2816 35.9803 72.125 34.4147 72.125 32.8125C72.125 19.5231 82.8981 8.75 96.1875 8.75C100.587 8.75 104.71 9.93048 108.258 11.9919ZM76.5002 65.6248L100.562 89.687C104.187 93.3114 110.063 93.3114 113.687 89.687C117.312 86.0627 117.312 80.1864 113.687 76.562L93.892 56.7669C92.4907 56.6343 91.1243 56.3815 89.8034 56.019C88.1013 55.5518 86.2341 55.8909 84.986 57.139L76.5002 65.6248Z" stroke={strokeColor} strokeWidth="3.6" strokeLinecap="round" strokeLinejoin="round"/>
|
|
16
|
+
<defs>
|
|
17
|
+
<filter id="filter0_f_60_283455" x="-9.75132e-05" y="93.0561" width="152.55" height="22.2751" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
|
|
18
|
+
<feFlood floodOpacity="0" result="BackgroundImageFix"/>
|
|
19
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
20
|
+
<feGaussianBlur stdDeviation="1.0125" result="effect1_foregroundBlur_60_283455"/>
|
|
21
|
+
</filter>
|
|
22
|
+
</defs>
|
|
23
|
+
</svg>
|
|
24
|
+
)
|
|
25
|
+
}
|
|
26
|
+
}
|
|
12
27
|
|
|
13
|
-
|
|
14
|
-
)
|
|
15
|
-
}
|
|
28
|
+
export default config;
|
|
@@ -213,6 +213,7 @@ import Straatos from "./Straatos";
|
|
|
213
213
|
import ArcGis from "./ArcGis";
|
|
214
214
|
import AppAdmin from "./AppAdmin";
|
|
215
215
|
import Onboarding from "./Onboarding";
|
|
216
|
+
import UnderDev from "./UnderDev";
|
|
216
217
|
|
|
217
218
|
const config = {
|
|
218
219
|
AppAdmin,
|
|
@@ -430,6 +431,7 @@ const config = {
|
|
|
430
431
|
MagicWand,
|
|
431
432
|
Straatos,
|
|
432
433
|
ArcGis,
|
|
434
|
+
UnderDev,
|
|
433
435
|
};
|
|
434
436
|
|
|
435
437
|
export default config;
|
|
@@ -15,9 +15,11 @@ import Style from './style'
|
|
|
15
15
|
* - content (string): Optional content text. Defaults to "Our team is actively building this feature. It will be available in an upcoming release." or "We're sorry, but the information you're looking for is currently unavailable." based on backgroundType.
|
|
16
16
|
* - backgroundType (string): Optional background type. Defaults to "default".
|
|
17
17
|
* - icon (string): Optional icon image. Defaults to null.
|
|
18
|
+
* - titleColor (string): Optional color for the title text. If not provided, uses default color based on backgroundType.
|
|
19
|
+
* - contentColor (string): Optional color for the content text. If not provided, uses default color based on backgroundType.
|
|
18
20
|
*/
|
|
19
21
|
|
|
20
|
-
const InformationUnavailable = ({t = s => s, title, content, backgroundType = 'default', icon}) => {
|
|
22
|
+
const InformationUnavailable = ({t = s => s, title, content, backgroundType = 'default', icon, titleColor, contentColor}) => {
|
|
21
23
|
const developmentTypes = ['analysis', 'table', 'field', 'globe', 'chart', 'scout']
|
|
22
24
|
const isUnderDevelopment = developmentTypes.includes(backgroundType)
|
|
23
25
|
|
|
@@ -29,7 +31,7 @@ const InformationUnavailable = ({t = s => s, title, content, backgroundType = 'd
|
|
|
29
31
|
}, [backgroundType, isUnderDevelopment])
|
|
30
32
|
|
|
31
33
|
return (
|
|
32
|
-
<Style backgroundType={backgroundType} backgroundImage={backgroundImage}>
|
|
34
|
+
<Style backgroundType={backgroundType} backgroundImage={backgroundImage} titleColor={titleColor} contentColor={contentColor}>
|
|
33
35
|
<img src={icon} alt="information-unavailable" />
|
|
34
36
|
<div className="content">
|
|
35
37
|
<h1>{t(pageTitle)}</h1>
|
|
@@ -44,7 +46,9 @@ InformationUnavailable.propTypes = {
|
|
|
44
46
|
title: PropTypes.string.optional,
|
|
45
47
|
content: PropTypes.string.optional,
|
|
46
48
|
backgroundType: PropTypes.oneOf(['analysis', 'table', 'field', 'globe', 'chart', 'scout', 'default']),
|
|
47
|
-
icon: PropTypes.string
|
|
49
|
+
icon: PropTypes.string,
|
|
50
|
+
titleColor: PropTypes.string,
|
|
51
|
+
contentColor: PropTypes.string
|
|
48
52
|
}
|
|
49
53
|
|
|
50
54
|
export default InformationUnavailable
|
|
@@ -65,7 +65,7 @@ const Style = styled.div`
|
|
|
65
65
|
h1 {
|
|
66
66
|
font-size: 28px;
|
|
67
67
|
font-weight: 600;
|
|
68
|
-
color: ${props => isUnderDevelopmentType(props.backgroundType) ? '#003435' : '#384250'};
|
|
68
|
+
color: ${props => props.titleColor || (isUnderDevelopmentType(props.backgroundType) ? '#003435' : '#384250')};
|
|
69
69
|
margin-bottom: 6px;
|
|
70
70
|
line-height: 32px;
|
|
71
71
|
letter-spacing: 0%;
|
|
@@ -73,7 +73,7 @@ const Style = styled.div`
|
|
|
73
73
|
|
|
74
74
|
p {
|
|
75
75
|
font-size: 16px;
|
|
76
|
-
color: ${props => isUnderDevelopmentType(props.backgroundType) ? '#016C6E' : '#6C737F'};
|
|
76
|
+
color: ${props => props.contentColor || (isUnderDevelopmentType(props.backgroundType) ? '#016C6E' : '#6C737F')};
|
|
77
77
|
font-weight: 500;
|
|
78
78
|
line-height: 22px;
|
|
79
79
|
letter-spacing: 0%;
|