@j2inn/fin5-ui-utils 8.2.0 → 9.0.0-beta.0
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/fantomProps/createFin5Props/index.d.ts +12 -12
- package/dist/fantomProps/createFin5Props/index.js +146 -146
- package/dist/fantomProps/createFin5Props/index.js.map +1 -1
- package/dist/fantomProps/createFin5Props/runCreateFin5Props.d.ts +2 -2
- package/dist/fantomProps/createFin5Props/runCreateFin5Props.js +20 -20
- package/dist/fantomProps/createFin5Props/runCreateFin5Props.js.map +1 -1
- package/dist/fantomProps/fantomPropsToObject.d.ts +8 -8
- package/dist/fantomProps/fantomPropsToObject.js +182 -183
- package/dist/fantomProps/fantomPropsToObject.js.map +1 -1
- package/dist/fantomProps/generateJsonFromFantomPropsFile.d.ts +4 -4
- package/dist/fantomProps/generateJsonFromFantomPropsFile.js +51 -41
- package/dist/fantomProps/generateJsonFromFantomPropsFile.js.map +1 -1
- package/dist/fantomProps/localePropsToJson.d.ts +1 -1
- package/dist/fantomProps/localePropsToJson.js +60 -50
- package/dist/fantomProps/localePropsToJson.js.map +1 -1
- package/dist/fantomProps/readFantomPropsFile.d.ts +5 -5
- package/dist/fantomProps/readFantomPropsFile.js +74 -65
- package/dist/fantomProps/readFantomPropsFile.js.map +1 -1
- package/dist/fin5Top/fin5FileUpload.d.ts +24 -24
- package/dist/fin5Top/fin5FileUpload.js +51 -51
- package/dist/fin5Top/fin5FileUpload.js.map +1 -1
- package/dist/fin5Top/fin5Top.d.ts +188 -188
- package/dist/fin5Top/fin5Top.js +86 -86
- package/dist/fin5Top/fin5Top.js.map +1 -1
- package/dist/fin5Top/finEdge2Cloud.d.ts +6 -6
- package/dist/fin5Top/finEdge2Cloud.js +15 -15
- package/dist/fin5Top/getFin5BinUrl.d.ts +2 -2
- package/dist/fin5Top/getFin5BinUrl.js +9 -9
- package/dist/fin5Top/openFin5Alarm.d.ts +22 -22
- package/dist/fin5Top/openFin5Alarm.js +23 -23
- package/dist/fin5Top/openFin5Alarm.js.map +1 -1
- package/dist/fin5Top/openFin5Historian.d.ts +3 -3
- package/dist/fin5Top/openFin5Historian.js +19 -19
- package/dist/fin5Top/openFin5Historian.js.map +1 -1
- package/dist/fin5Top/useFin5AppURLHashParameter.d.ts +18 -18
- package/dist/fin5Top/useFin5AppURLHashParameter.js +133 -133
- package/dist/fin5Top/useFin5AppURLHashParameter.js.map +1 -1
- package/dist/index.d.ts +35 -35
- package/dist/index.js +69 -69
- package/dist/jobs/jobUtils.d.ts +14 -14
- package/dist/jobs/jobUtils.js +15 -15
- package/dist/jobs/jobUtils.js.map +1 -1
- package/dist/react/app/Fin5AppContainer.d.ts +36 -36
- package/dist/react/app/Fin5AppContainer.js +171 -161
- package/dist/react/app/Fin5AppContainer.js.map +1 -1
- package/dist/react/app/Fin5AppRootStore.d.ts +42 -42
- package/dist/react/app/Fin5AppRootStore.js +114 -114
- package/dist/react/app/Fin5AppRootStore.js.map +1 -1
- package/dist/react/components/ErrorBoundary.d.ts +57 -57
- package/dist/react/components/ErrorBoundary.js +160 -150
- package/dist/react/components/ErrorBoundary.js.map +1 -1
- package/dist/react/components/ErrorDisplayer.d.ts +19 -19
- package/dist/react/components/ErrorDisplayer.js +36 -36
- package/dist/react/components/ErrorDisplayer.js.map +1 -1
- package/dist/react/components/Loader.d.ts +9 -9
- package/dist/react/components/Loader.js +17 -17
- package/dist/react/components/LoadingSpinner.d.ts +2 -2
- package/dist/react/components/LoadingSpinner.js +27 -27
- package/dist/react/components/RecordImage.d.ts +20 -20
- package/dist/react/components/RecordImage.js +61 -51
- package/dist/react/components/RecordImage.js.map +1 -1
- package/dist/react/components/charts/QRCode.d.ts +25 -25
- package/dist/react/components/charts/QRCode.js +92 -82
- package/dist/react/components/charts/QRCode.js.map +1 -1
- package/dist/react/components/charts/line-bar/Chart.d.ts +166 -166
- package/dist/react/components/charts/line-bar/Chart.js +452 -442
- package/dist/react/components/charts/line-bar/Chart.js.map +1 -1
- package/dist/react/components/charts/line-bar/HGridChart.d.ts +58 -58
- package/dist/react/components/charts/line-bar/HGridChart.js +295 -285
- package/dist/react/components/charts/line-bar/HGridChart.js.map +1 -1
- package/dist/react/components/charts/pie/PieChart.d.ts +94 -94
- package/dist/react/components/charts/pie/PieChart.js +214 -204
- package/dist/react/components/charts/pie/PieChart.js.map +1 -1
- package/dist/react/components/charts/pie/SimplePieChart.d.ts +21 -21
- package/dist/react/components/charts/pie/SimplePieChart.js +65 -55
- package/dist/react/components/charts/pie/SimplePieChart.js.map +1 -1
- package/dist/react/components/graphics/GraphicViewer.d.ts +10 -10
- package/dist/react/components/graphics/GraphicViewer.js +29 -29
- package/dist/react/components/graphics/GraphicsTabViewer.d.ts +17 -17
- package/dist/react/components/graphics/GraphicsTabViewer.js +100 -90
- package/dist/react/components/graphics/GraphicsTabViewer.js.map +1 -1
- package/dist/react/components/makeCustomElement.d.ts +16 -16
- package/dist/react/components/makeCustomElement.js +150 -150
- package/dist/react/components/makeCustomElement.js.map +1 -1
- package/dist/react/components/navigation/BasicLayout.d.ts +41 -41
- package/dist/react/components/navigation/BasicLayout.js +165 -155
- package/dist/react/components/navigation/BasicLayout.js.map +1 -1
- package/dist/react/components/navigation/HeaderSiderLayout.d.ts +13 -13
- package/dist/react/components/navigation/HeaderSiderLayout.js +119 -110
- package/dist/react/components/navigation/HeaderSiderLayout.js.map +1 -1
- package/dist/react/components/navigation/MenuPage.d.ts +37 -37
- package/dist/react/components/navigation/MenuPage.js +35 -36
- package/dist/react/components/navigation/MenuPage.js.map +1 -1
- package/dist/react/components/navigation/MenuTrigger.d.ts +9 -9
- package/dist/react/components/navigation/MenuTrigger.js +33 -33
- package/dist/react/components/navigation/ReactRouterHeaderSiderLayout.d.ts +11 -11
- package/dist/react/components/navigation/ReactRouterHeaderSiderLayout.js +25 -25
- package/dist/react/components/navigation/ReactRouterHeaderSiderLayout.js.map +1 -1
- package/dist/react/components/navigation/ReactRouterLayout.d.ts +45 -46
- package/dist/react/components/navigation/ReactRouterLayout.js +142 -132
- package/dist/react/components/navigation/ReactRouterLayout.js.map +1 -1
- package/dist/react/components/navigation/customRouting/Router.d.ts +12 -12
- package/dist/react/components/navigation/customRouting/Router.js +54 -45
- package/dist/react/components/navigation/customRouting/Router.js.map +1 -1
- package/dist/react/components/navigation/customRouting/RouterLayout.d.ts +11 -11
- package/dist/react/components/navigation/customRouting/RouterLayout.js +71 -61
- package/dist/react/components/navigation/customRouting/RouterLayout.js.map +1 -1
- package/dist/react/components/resolvable/configurationForm/ConfigurationForm.d.ts +26 -27
- package/dist/react/components/resolvable/configurationForm/ConfigurationForm.js +105 -95
- package/dist/react/components/resolvable/configurationForm/ConfigurationForm.js.map +1 -1
- package/dist/react/components/resolvable/configurationForm/ConfigurationFormEntry.d.ts +15 -16
- package/dist/react/components/resolvable/configurationForm/ConfigurationFormEntry.js +98 -88
- package/dist/react/components/resolvable/configurationForm/ConfigurationFormEntry.js.map +1 -1
- package/dist/react/components/resolvable/configurationForm/getSectionDefault.d.ts +16 -16
- package/dist/react/components/resolvable/configurationForm/getSectionDefault.js +99 -99
- package/dist/react/components/resolvable/configurationForm/getSectionDefault.js.map +1 -1
- package/dist/react/hooks/useFin5BinUrl.d.ts +6 -6
- package/dist/react/hooks/useFin5BinUrl.js +15 -15
- package/dist/react/hooks/useFin5ColorScheme.d.ts +2 -2
- package/dist/react/hooks/useFin5ColorScheme.js +55 -56
- package/dist/react/hooks/useFin5ColorScheme.js.map +1 -1
- package/dist/react/hooks/useScreenSize.d.ts +7 -7
- package/dist/react/hooks/useScreenSize.js +31 -31
- package/dist_es/fantomProps/createFin5Props/index.d.ts +12 -12
- package/dist_es/fantomProps/createFin5Props/index.js +140 -140
- package/dist_es/fantomProps/createFin5Props/index.js.map +1 -1
- package/dist_es/fantomProps/createFin5Props/runCreateFin5Props.d.ts +2 -2
- package/dist_es/fantomProps/createFin5Props/runCreateFin5Props.js +15 -15
- package/dist_es/fantomProps/createFin5Props/runCreateFin5Props.js.map +1 -1
- package/dist_es/fantomProps/fantomPropsToObject.d.ts +8 -8
- package/dist_es/fantomProps/fantomPropsToObject.js +178 -178
- package/dist_es/fantomProps/fantomPropsToObject.js.map +1 -1
- package/dist_es/fantomProps/generateJsonFromFantomPropsFile.d.ts +4 -4
- package/dist_es/fantomProps/generateJsonFromFantomPropsFile.js +12 -12
- package/dist_es/fantomProps/localePropsToJson.d.ts +1 -1
- package/dist_es/fantomProps/localePropsToJson.js +21 -21
- package/dist_es/fantomProps/localePropsToJson.js.map +1 -1
- package/dist_es/fantomProps/readFantomPropsFile.d.ts +5 -5
- package/dist_es/fantomProps/readFantomPropsFile.js +38 -39
- package/dist_es/fantomProps/readFantomPropsFile.js.map +1 -1
- package/dist_es/fin5Top/fin5FileUpload.d.ts +24 -24
- package/dist_es/fin5Top/fin5FileUpload.js +47 -47
- package/dist_es/fin5Top/fin5FileUpload.js.map +1 -1
- package/dist_es/fin5Top/fin5Top.d.ts +188 -188
- package/dist_es/fin5Top/fin5Top.js +81 -81
- package/dist_es/fin5Top/fin5Top.js.map +1 -1
- package/dist_es/fin5Top/finEdge2Cloud.d.ts +6 -6
- package/dist_es/fin5Top/finEdge2Cloud.js +11 -11
- package/dist_es/fin5Top/getFin5BinUrl.d.ts +2 -2
- package/dist_es/fin5Top/getFin5BinUrl.js +5 -5
- package/dist_es/fin5Top/openFin5Alarm.d.ts +22 -22
- package/dist_es/fin5Top/openFin5Alarm.js +19 -19
- package/dist_es/fin5Top/openFin5Alarm.js.map +1 -1
- package/dist_es/fin5Top/openFin5Historian.d.ts +3 -3
- package/dist_es/fin5Top/openFin5Historian.js +15 -15
- package/dist_es/fin5Top/openFin5Historian.js.map +1 -1
- package/dist_es/fin5Top/useFin5AppURLHashParameter.d.ts +18 -18
- package/dist_es/fin5Top/useFin5AppURLHashParameter.js +124 -124
- package/dist_es/fin5Top/useFin5AppURLHashParameter.js.map +1 -1
- package/dist_es/index.d.ts +35 -35
- package/dist_es/index.js +53 -53
- package/dist_es/jobs/jobUtils.d.ts +14 -14
- package/dist_es/jobs/jobUtils.js +9 -9
- package/dist_es/react/app/Fin5AppContainer.d.ts +36 -36
- package/dist_es/react/app/Fin5AppContainer.js +132 -132
- package/dist_es/react/app/Fin5AppContainer.js.map +1 -1
- package/dist_es/react/app/Fin5AppRootStore.d.ts +42 -42
- package/dist_es/react/app/Fin5AppRootStore.js +110 -110
- package/dist_es/react/app/Fin5AppRootStore.js.map +1 -1
- package/dist_es/react/components/ErrorBoundary.d.ts +57 -57
- package/dist_es/react/components/ErrorBoundary.js +123 -123
- package/dist_es/react/components/ErrorDisplayer.d.ts +19 -19
- package/dist_es/react/components/ErrorDisplayer.js +28 -28
- package/dist_es/react/components/ErrorDisplayer.js.map +1 -1
- package/dist_es/react/components/Loader.d.ts +9 -9
- package/dist_es/react/components/Loader.js +12 -12
- package/dist_es/react/components/LoadingSpinner.d.ts +2 -2
- package/dist_es/react/components/LoadingSpinner.js +20 -20
- package/dist_es/react/components/RecordImage.d.ts +20 -20
- package/dist_es/react/components/RecordImage.js +24 -24
- package/dist_es/react/components/RecordImage.js.map +1 -1
- package/dist_es/react/components/charts/QRCode.d.ts +25 -25
- package/dist_es/react/components/charts/QRCode.js +52 -52
- package/dist_es/react/components/charts/QRCode.js.map +1 -1
- package/dist_es/react/components/charts/line-bar/Chart.d.ts +166 -166
- package/dist_es/react/components/charts/line-bar/Chart.js +415 -415
- package/dist_es/react/components/charts/line-bar/Chart.js.map +1 -1
- package/dist_es/react/components/charts/line-bar/HGridChart.d.ts +58 -58
- package/dist_es/react/components/charts/line-bar/HGridChart.js +250 -250
- package/dist_es/react/components/charts/line-bar/HGridChart.js.map +1 -1
- package/dist_es/react/components/charts/pie/PieChart.d.ts +94 -94
- package/dist_es/react/components/charts/pie/PieChart.js +177 -177
- package/dist_es/react/components/charts/pie/PieChart.js.map +1 -1
- package/dist_es/react/components/charts/pie/SimplePieChart.d.ts +21 -21
- package/dist_es/react/components/charts/pie/SimplePieChart.js +25 -25
- package/dist_es/react/components/graphics/GraphicViewer.d.ts +10 -10
- package/dist_es/react/components/graphics/GraphicViewer.js +22 -22
- package/dist_es/react/components/graphics/GraphicsTabViewer.d.ts +17 -17
- package/dist_es/react/components/graphics/GraphicsTabViewer.js +60 -60
- package/dist_es/react/components/graphics/GraphicsTabViewer.js.map +1 -1
- package/dist_es/react/components/makeCustomElement.d.ts +16 -16
- package/dist_es/react/components/makeCustomElement.js +142 -142
- package/dist_es/react/components/makeCustomElement.js.map +1 -1
- package/dist_es/react/components/navigation/BasicLayout.d.ts +41 -41
- package/dist_es/react/components/navigation/BasicLayout.js +124 -124
- package/dist_es/react/components/navigation/BasicLayout.js.map +1 -1
- package/dist_es/react/components/navigation/HeaderSiderLayout.d.ts +13 -13
- package/dist_es/react/components/navigation/HeaderSiderLayout.js +80 -80
- package/dist_es/react/components/navigation/HeaderSiderLayout.js.map +1 -1
- package/dist_es/react/components/navigation/MenuPage.d.ts +37 -37
- package/dist_es/react/components/navigation/MenuPage.js +30 -30
- package/dist_es/react/components/navigation/MenuPage.js.map +1 -1
- package/dist_es/react/components/navigation/MenuTrigger.d.ts +9 -9
- package/dist_es/react/components/navigation/MenuTrigger.js +28 -28
- package/dist_es/react/components/navigation/ReactRouterHeaderSiderLayout.d.ts +11 -11
- package/dist_es/react/components/navigation/ReactRouterHeaderSiderLayout.js +18 -18
- package/dist_es/react/components/navigation/ReactRouterHeaderSiderLayout.js.map +1 -1
- package/dist_es/react/components/navigation/ReactRouterLayout.d.ts +45 -46
- package/dist_es/react/components/navigation/ReactRouterLayout.js +99 -99
- package/dist_es/react/components/navigation/ReactRouterLayout.js.map +1 -1
- package/dist_es/react/components/navigation/customRouting/Router.d.ts +12 -12
- package/dist_es/react/components/navigation/customRouting/Router.js +18 -18
- package/dist_es/react/components/navigation/customRouting/Router.js.map +1 -1
- package/dist_es/react/components/navigation/customRouting/RouterLayout.d.ts +11 -11
- package/dist_es/react/components/navigation/customRouting/RouterLayout.js +34 -34
- package/dist_es/react/components/navigation/customRouting/RouterLayout.js.map +1 -1
- package/dist_es/react/components/resolvable/configurationForm/ConfigurationForm.d.ts +26 -27
- package/dist_es/react/components/resolvable/configurationForm/ConfigurationForm.js +64 -64
- package/dist_es/react/components/resolvable/configurationForm/ConfigurationForm.js.map +1 -1
- package/dist_es/react/components/resolvable/configurationForm/ConfigurationFormEntry.d.ts +15 -16
- package/dist_es/react/components/resolvable/configurationForm/ConfigurationFormEntry.js +58 -58
- package/dist_es/react/components/resolvable/configurationForm/ConfigurationFormEntry.js.map +1 -1
- package/dist_es/react/components/resolvable/configurationForm/getSectionDefault.d.ts +16 -16
- package/dist_es/react/components/resolvable/configurationForm/getSectionDefault.js +94 -94
- package/dist_es/react/components/resolvable/configurationForm/getSectionDefault.js.map +1 -1
- package/dist_es/react/hooks/useFin5BinUrl.d.ts +6 -6
- package/dist_es/react/hooks/useFin5BinUrl.js +11 -11
- package/dist_es/react/hooks/useFin5ColorScheme.d.ts +2 -2
- package/dist_es/react/hooks/useFin5ColorScheme.js +52 -52
- package/dist_es/react/hooks/useFin5ColorScheme.js.map +1 -1
- package/dist_es/react/hooks/useScreenSize.d.ts +7 -7
- package/dist_es/react/hooks/useScreenSize.js +27 -27
- package/package.json +26 -49
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright (c) 2022, J2 Innovations. All Rights Reserved
|
|
3
|
-
*/
|
|
4
|
-
import { Button } from '@j2inn/ui';
|
|
5
|
-
import React, { useCallback, useEffect, useState } from 'react';
|
|
6
|
-
import { ErrorDisplayer } from '../../ErrorDisplayer';
|
|
7
|
-
import { BasicLayout } from '../BasicLayout';
|
|
8
|
-
import { findPageByName } from '../MenuPage';
|
|
9
|
-
import { Router } from './Router';
|
|
10
|
-
/**
|
|
11
|
-
* Basic layout that uses a custom router.
|
|
12
|
-
*/
|
|
13
|
-
export const RouterLayout = ({ pages = [], defaultPage = pages?.[0].key ?? '', onPageChange, page, ...otherProps }) => {
|
|
14
|
-
const [currentPage, setCurrentPage] = useState(page ?? defaultPage);
|
|
15
|
-
useEffect(() => {
|
|
16
|
-
if (page) {
|
|
17
|
-
setCurrentPage(page);
|
|
18
|
-
}
|
|
19
|
-
}, [page]);
|
|
20
|
-
// Fire onChange
|
|
21
|
-
useEffect(() => {
|
|
22
|
-
onPageChange?.(currentPage);
|
|
23
|
-
}, [currentPage]);
|
|
24
|
-
const onSelect = useCallback((key) => {
|
|
25
|
-
const page = findPageByName(pages, key);
|
|
26
|
-
if (page?.component) {
|
|
27
|
-
setCurrentPage(key);
|
|
28
|
-
}
|
|
29
|
-
}, [pages]);
|
|
30
|
-
return (React.createElement(BasicLayout, { ...otherProps, pages: pages, defaultPage: defaultPage, onSelect: onSelect, selectedPages: [currentPage] },
|
|
31
|
-
React.createElement(Router, { pages: pages, currentPage: currentPage, fallbackComponent: React.createElement(ErrorDisplayer, { error: new Error('Page Not Found'), extra: [
|
|
32
|
-
React.createElement(Button, { type: 'primary', key: 'refresh', onClick: () => setCurrentPage(defaultPage) }, "Go Home"),
|
|
33
|
-
] }) })));
|
|
34
|
-
};
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2022, J2 Innovations. All Rights Reserved
|
|
3
|
+
*/
|
|
4
|
+
import { Button } from '@j2inn/ui';
|
|
5
|
+
import React, { useCallback, useEffect, useState } from 'react';
|
|
6
|
+
import { ErrorDisplayer } from '../../ErrorDisplayer';
|
|
7
|
+
import { BasicLayout } from '../BasicLayout';
|
|
8
|
+
import { findPageByName } from '../MenuPage';
|
|
9
|
+
import { Router } from './Router';
|
|
10
|
+
/**
|
|
11
|
+
* Basic layout that uses a custom router.
|
|
12
|
+
*/
|
|
13
|
+
export const RouterLayout = ({ pages = [], defaultPage = pages?.[0].key ?? '', onPageChange, page, ...otherProps }) => {
|
|
14
|
+
const [currentPage, setCurrentPage] = useState(page ?? defaultPage);
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
if (page) {
|
|
17
|
+
setCurrentPage(page);
|
|
18
|
+
}
|
|
19
|
+
}, [page]);
|
|
20
|
+
// Fire onChange
|
|
21
|
+
useEffect(() => {
|
|
22
|
+
onPageChange?.(currentPage);
|
|
23
|
+
}, [currentPage]);
|
|
24
|
+
const onSelect = useCallback((key) => {
|
|
25
|
+
const page = findPageByName(pages, key);
|
|
26
|
+
if (page?.component) {
|
|
27
|
+
setCurrentPage(key);
|
|
28
|
+
}
|
|
29
|
+
}, [pages]);
|
|
30
|
+
return (React.createElement(BasicLayout, { ...otherProps, pages: pages, defaultPage: defaultPage, onSelect: onSelect, selectedPages: [currentPage] },
|
|
31
|
+
React.createElement(Router, { pages: pages, currentPage: currentPage, fallbackComponent: React.createElement(ErrorDisplayer, { error: new Error('Page Not Found'), extra: [
|
|
32
|
+
React.createElement(Button, { type: 'primary', key: 'refresh', onClick: () => setCurrentPage(defaultPage) }, "Go Home"),
|
|
33
|
+
] }) })));
|
|
34
|
+
};
|
|
35
35
|
//# sourceMappingURL=RouterLayout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RouterLayout.js","sourceRoot":"","sources":["../../../../../src/react/components/navigation/customRouting/RouterLayout.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAA;AAC9D,OAAO,EAAY,cAAc,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAOjC;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACzD,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,EAClC,YAAY,EACZ,IAAI,EACJ,GAAG,UAAU,EACb,EAAE,EAAE;IACJ,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,IAAI,IAAI,WAAW,CAAC,CAAA;IAEnE,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,IAAI,EAAE;
|
|
1
|
+
{"version":3,"file":"RouterLayout.js","sourceRoot":"","sources":["../../../../../src/react/components/navigation/customRouting/RouterLayout.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAA;AAC9D,OAAO,EAAY,cAAc,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAOjC;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACzD,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,EAClC,YAAY,EACZ,IAAI,EACJ,GAAG,UAAU,EACb,EAAE,EAAE;IACJ,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,IAAI,IAAI,WAAW,CAAC,CAAA;IAEnE,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,IAAI,EAAE,CAAC;YACV,cAAc,CAAC,IAAI,CAAC,CAAA;QACrB,CAAC;IACF,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,gBAAgB;IAChB,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,EAAE,CAAC,WAAW,CAAC,CAAA;IAC5B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,MAAM,QAAQ,GAAG,WAAW,CAC3B,CAAC,GAAW,EAAE,EAAE;QACf,MAAM,IAAI,GAAG,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QACvC,IAAI,IAAI,EAAE,SAAS,EAAE,CAAC;YACrB,cAAc,CAAC,GAAG,CAAC,CAAA;QACpB,CAAC;IACF,CAAC,EACD,CAAC,KAAK,CAAC,CACP,CAAA;IAED,OAAO,CACN,oBAAC,WAAW,OACP,UAAU,EACd,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,CAAC,WAAW,CAAC;QAC5B,oBAAC,MAAM,IACN,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAChB,oBAAC,cAAc,IACd,KAAK,EAAE,IAAI,KAAK,CAAC,gBAAgB,CAAC,EAClC,KAAK,EAAE;oBACN,oBAAC,MAAM,IACN,IAAI,EAAC,SAAS,EACd,GAAG,EAAC,SAAS,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,cAElC;iBACT,GACA,GAEF,CACW,CACd,CAAA;AACF,CAAC,CAAA"}
|
|
@@ -1,27 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
export
|
|
27
|
-
export {};
|
|
1
|
+
import { ParametersOfSection, UiElementData } from '@j2inn/resolvable-ui-elements';
|
|
2
|
+
import { HDict } from 'haystack-core';
|
|
3
|
+
type Layout = 'horizontal' | 'vertical';
|
|
4
|
+
interface ConfigurationFormProps<T extends UiElementData> {
|
|
5
|
+
section: T;
|
|
6
|
+
params: ParametersOfSection<T>;
|
|
7
|
+
readOnlySection?: UiElementData;
|
|
8
|
+
onSave: (config: HDict) => void | Promise<unknown>;
|
|
9
|
+
saveText?: string;
|
|
10
|
+
formatKey?: (key: string) => string;
|
|
11
|
+
options?: HDict;
|
|
12
|
+
layout?: Layout;
|
|
13
|
+
className?: string;
|
|
14
|
+
entryClassName?: string;
|
|
15
|
+
saveBtnClassName?: string;
|
|
16
|
+
animateSaveButton?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export declare const ConfigurationForm: <T extends UiElementData>({ section, params, readOnlySection, onSave, formatKey, saveText, options, layout, className, entryClassName, saveBtnClassName, animateSaveButton, }: ConfigurationFormProps<T>) => JSX.Element;
|
|
19
|
+
interface ConfigurationFormReadOnlyEntriesProps<T extends UiElementData> {
|
|
20
|
+
params: ParametersOfSection<T>;
|
|
21
|
+
readOnlySection: T;
|
|
22
|
+
formatKey?: (key: string) => string;
|
|
23
|
+
className?: string;
|
|
24
|
+
}
|
|
25
|
+
export declare const ConfigurationFormReadOnlyEntries: <T extends UiElementData>({ readOnlySection, params, formatKey, className, }: ConfigurationFormReadOnlyEntriesProps<T>) => JSX.Element;
|
|
26
|
+
export {};
|
|
@@ -1,65 +1,65 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright (c) 2023, J2 Innovations. All Rights Reserved
|
|
3
|
-
*/
|
|
4
|
-
import { useResolveSection, } from '@j2inn/resolvable-ui-elements';
|
|
5
|
-
import { Button } from '@j2inn/ui';
|
|
6
|
-
import cn from 'classnames';
|
|
7
|
-
import { HDict } from 'haystack-core';
|
|
8
|
-
import React, { useMemo, useState } from 'react';
|
|
9
|
-
import { createUseStyles } from 'react-jss';
|
|
10
|
-
import { ConfigurationFormEntry, } from './ConfigurationFormEntry';
|
|
11
|
-
import { getSectionDefault } from './getSectionDefault';
|
|
12
|
-
const useStyles = createUseStyles({
|
|
13
|
-
formGrid: ({ layout }) => ({
|
|
14
|
-
display: 'grid',
|
|
15
|
-
gridTemplateColumns: layout === 'horizontal' ? '1fr 1fr' : '1fr',
|
|
16
|
-
gap: '0.5em 2em',
|
|
17
|
-
}),
|
|
18
|
-
saveButtonRow: ({ layout }) => ({
|
|
19
|
-
gridColumn: layout === 'horizontal' ? 'span 2' : 'span 1',
|
|
20
|
-
transition: 'transform 0.75s, max-height 0.75s, opacity 0.75s',
|
|
21
|
-
maxHeight: 200,
|
|
22
|
-
transform: 'scaleY(1)',
|
|
23
|
-
marginTop: '1em',
|
|
24
|
-
}),
|
|
25
|
-
saveButtonRowNotVisible: {
|
|
26
|
-
transform: 'scaleY(0)',
|
|
27
|
-
maxHeight: 0,
|
|
28
|
-
opacity: 0,
|
|
29
|
-
},
|
|
30
|
-
saveButton: {
|
|
31
|
-
transition: 'all 0.75s',
|
|
32
|
-
width: 120,
|
|
33
|
-
float: 'right',
|
|
34
|
-
},
|
|
35
|
-
});
|
|
36
|
-
export const ConfigurationForm = ({ section, params, readOnlySection, onSave, formatKey, saveText, options, layout = 'horizontal', className, entryClassName, saveBtnClassName, animateSaveButton = true, }) => {
|
|
37
|
-
const classes = useStyles({ layout });
|
|
38
|
-
const [resolvedSection] = useResolveSection(section, params);
|
|
39
|
-
const entries = useMemo(() => getSectionDefault(section), [section]);
|
|
40
|
-
const [changes, setChanges] = useState();
|
|
41
|
-
const [canSave, setCanSave] = useState(false);
|
|
42
|
-
const [isSaving, setIsSaving] = useState(false);
|
|
43
|
-
return (React.createElement("div", { className: cn(classes.formGrid, className) },
|
|
44
|
-
Object.entries(entries).map(([key, defaultValue]) => (React.createElement(ConfigurationFormEntry, { key: key, options: options?.get(key), name: formatKey ? formatKey(key) : key, value: resolvedSection[key] ?? defaultValue, onChange: (val) => {
|
|
45
|
-
setChanges({ ...changes, [key]: val });
|
|
46
|
-
setCanSave(true);
|
|
47
|
-
}, className: entryClassName }))),
|
|
48
|
-
readOnlySection && (React.createElement(ConfigurationFormReadOnlyEntries, { readOnlySection: readOnlySection, formatKey: formatKey, params: params, className: entryClassName })),
|
|
49
|
-
React.createElement("div", { className: cn(classes.saveButtonRow, {
|
|
50
|
-
[classes.saveButtonRowNotVisible]: animateSaveButton && !canSave,
|
|
51
|
-
}) },
|
|
52
|
-
React.createElement(Button, { disabled: !canSave, className: cn(classes.saveButton, saveBtnClassName), type: 'primary', loading: isSaving, onClick: async () => {
|
|
53
|
-
setIsSaving(true);
|
|
54
|
-
await onSave(HDict.make(changes));
|
|
55
|
-
setChanges(undefined); // Reset changes dict
|
|
56
|
-
setIsSaving(false);
|
|
57
|
-
setCanSave(false);
|
|
58
|
-
} }, saveText ?? 'Save'))));
|
|
59
|
-
};
|
|
60
|
-
export const ConfigurationFormReadOnlyEntries = ({ readOnlySection, params, formatKey, className, }) => {
|
|
61
|
-
const [resolvedReadOnlySection] = useResolveSection(readOnlySection, params);
|
|
62
|
-
return (React.createElement(React.Fragment, null, resolvedReadOnlySection &&
|
|
63
|
-
Object.entries(resolvedReadOnlySection).map(([key, value]) => (React.createElement(ConfigurationFormEntry, { key: key, name: formatKey ? formatKey(key) : key, disabled: true, value: value, className: className })))));
|
|
64
|
-
};
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2023, J2 Innovations. All Rights Reserved
|
|
3
|
+
*/
|
|
4
|
+
import { useResolveSection, } from '@j2inn/resolvable-ui-elements';
|
|
5
|
+
import { Button } from '@j2inn/ui';
|
|
6
|
+
import cn from 'classnames';
|
|
7
|
+
import { HDict } from 'haystack-core';
|
|
8
|
+
import React, { useMemo, useState } from 'react';
|
|
9
|
+
import { createUseStyles } from 'react-jss';
|
|
10
|
+
import { ConfigurationFormEntry, } from './ConfigurationFormEntry';
|
|
11
|
+
import { getSectionDefault } from './getSectionDefault';
|
|
12
|
+
const useStyles = createUseStyles({
|
|
13
|
+
formGrid: ({ layout }) => ({
|
|
14
|
+
display: 'grid',
|
|
15
|
+
gridTemplateColumns: layout === 'horizontal' ? '1fr 1fr' : '1fr',
|
|
16
|
+
gap: '0.5em 2em',
|
|
17
|
+
}),
|
|
18
|
+
saveButtonRow: ({ layout }) => ({
|
|
19
|
+
gridColumn: layout === 'horizontal' ? 'span 2' : 'span 1',
|
|
20
|
+
transition: 'transform 0.75s, max-height 0.75s, opacity 0.75s',
|
|
21
|
+
maxHeight: 200, // Necessary to make animation work correctly
|
|
22
|
+
transform: 'scaleY(1)',
|
|
23
|
+
marginTop: '1em',
|
|
24
|
+
}),
|
|
25
|
+
saveButtonRowNotVisible: {
|
|
26
|
+
transform: 'scaleY(0)',
|
|
27
|
+
maxHeight: 0,
|
|
28
|
+
opacity: 0,
|
|
29
|
+
},
|
|
30
|
+
saveButton: {
|
|
31
|
+
transition: 'all 0.75s',
|
|
32
|
+
width: 120,
|
|
33
|
+
float: 'right',
|
|
34
|
+
},
|
|
35
|
+
});
|
|
36
|
+
export const ConfigurationForm = ({ section, params, readOnlySection, onSave, formatKey, saveText, options, layout = 'horizontal', className, entryClassName, saveBtnClassName, animateSaveButton = true, }) => {
|
|
37
|
+
const classes = useStyles({ layout });
|
|
38
|
+
const [resolvedSection] = useResolveSection(section, params);
|
|
39
|
+
const entries = useMemo(() => getSectionDefault(section), [section]);
|
|
40
|
+
const [changes, setChanges] = useState();
|
|
41
|
+
const [canSave, setCanSave] = useState(false);
|
|
42
|
+
const [isSaving, setIsSaving] = useState(false);
|
|
43
|
+
return (React.createElement("div", { className: cn(classes.formGrid, className) },
|
|
44
|
+
Object.entries(entries).map(([key, defaultValue]) => (React.createElement(ConfigurationFormEntry, { key: key, options: options?.get(key), name: formatKey ? formatKey(key) : key, value: resolvedSection[key] ?? defaultValue, onChange: (val) => {
|
|
45
|
+
setChanges({ ...changes, [key]: val });
|
|
46
|
+
setCanSave(true);
|
|
47
|
+
}, className: entryClassName }))),
|
|
48
|
+
readOnlySection && (React.createElement(ConfigurationFormReadOnlyEntries, { readOnlySection: readOnlySection, formatKey: formatKey, params: params, className: entryClassName })),
|
|
49
|
+
React.createElement("div", { className: cn(classes.saveButtonRow, {
|
|
50
|
+
[classes.saveButtonRowNotVisible]: animateSaveButton && !canSave,
|
|
51
|
+
}) },
|
|
52
|
+
React.createElement(Button, { disabled: !canSave, className: cn(classes.saveButton, saveBtnClassName), type: 'primary', loading: isSaving, onClick: async () => {
|
|
53
|
+
setIsSaving(true);
|
|
54
|
+
await onSave(HDict.make(changes));
|
|
55
|
+
setChanges(undefined); // Reset changes dict
|
|
56
|
+
setIsSaving(false);
|
|
57
|
+
setCanSave(false);
|
|
58
|
+
} }, saveText ?? 'Save'))));
|
|
59
|
+
};
|
|
60
|
+
export const ConfigurationFormReadOnlyEntries = ({ readOnlySection, params, formatKey, className, }) => {
|
|
61
|
+
const [resolvedReadOnlySection] = useResolveSection(readOnlySection, params);
|
|
62
|
+
return (React.createElement(React.Fragment, null, resolvedReadOnlySection &&
|
|
63
|
+
Object.entries(resolvedReadOnlySection).map(([key, value]) => (React.createElement(ConfigurationFormEntry, { key: key, name: formatKey ? formatKey(key) : key, disabled: true, value: value, className: className })))));
|
|
64
|
+
};
|
|
65
65
|
//# sourceMappingURL=ConfigurationForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfigurationForm.js","sourceRoot":"","sources":["../../../../../src/react/components/resolvable/configurationForm/ConfigurationForm.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAGN,iBAAiB,GACjB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAe,MAAM,eAAe,CAAA;AAClD,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EACN,sBAAsB,GAEtB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAQvD,MAAM,SAAS,GAAG,eAAe,CAAC;IACjC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAkB,EAAE,EAAE,CAAC,CAAC;QAC1C,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;QAChE,GAAG,EAAE,WAAW;KAChB,CAAC;IACF,aAAa,EAAE,CAAC,EAAE,MAAM,EAAkB,EAAE,EAAE,CAAC,CAAC;QAC/C,UAAU,EAAE,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;QACzD,UAAU,EAAE,kDAAkD;QAC9D,SAAS,EAAE,GAAG;
|
|
1
|
+
{"version":3,"file":"ConfigurationForm.js","sourceRoot":"","sources":["../../../../../src/react/components/resolvable/configurationForm/ConfigurationForm.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAGN,iBAAiB,GACjB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAe,MAAM,eAAe,CAAA;AAClD,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EACN,sBAAsB,GAEtB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAQvD,MAAM,SAAS,GAAG,eAAe,CAAC;IACjC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAkB,EAAE,EAAE,CAAC,CAAC;QAC1C,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;QAChE,GAAG,EAAE,WAAW;KAChB,CAAC;IACF,aAAa,EAAE,CAAC,EAAE,MAAM,EAAkB,EAAE,EAAE,CAAC,CAAC;QAC/C,UAAU,EAAE,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;QACzD,UAAU,EAAE,kDAAkD;QAC9D,SAAS,EAAE,GAAG,EAAE,6CAA6C;QAC7D,SAAS,EAAE,WAAW;QACtB,SAAS,EAAE,KAAK;KAChB,CAAC;IACF,uBAAuB,EAAE;QACxB,SAAS,EAAE,WAAW;QACtB,SAAS,EAAE,CAAC;QACZ,OAAO,EAAE,CAAC;KACV;IACD,UAAU,EAAE;QACX,UAAU,EAAE,WAAW;QACvB,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,OAAO;KACd;CACD,CAAC,CAAA;AAiBF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAA0B,EAC1D,OAAO,EACP,MAAM,EACN,eAAe,EACf,MAAM,EACN,SAAS,EACT,QAAQ,EACR,OAAO,EACP,MAAM,GAAG,YAAY,EACrB,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,iBAAiB,GAAG,IAAI,GACG,EAAE,EAAE;IAC/B,MAAM,OAAO,GAAG,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC,CAAA;IACrC,MAAM,CAAC,eAAe,CAAC,GAAG,iBAAiB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC5D,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEpE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAwB,CAAA;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,OAAO,CACN,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC;QAC7C,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,YAAY,CAAC,EAAE,EAAE,CAAC,CACrD,oBAAC,sBAAsB,IACtB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAAE,GAAG,CACpB,GAAG,CACH,EACD,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EACtC,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,IAAI,YAAY,EAC3C,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;gBACjB,UAAU,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;gBACtC,UAAU,CAAC,IAAI,CAAC,CAAA;YACjB,CAAC,EACD,SAAS,EAAE,cAAc,GACxB,CACF,CAAC;QACD,eAAe,IAAI,CACnB,oBAAC,gCAAgC,IAChC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,cAAc,GACxB,CACF;QACD,6BACC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,aAAa,EAAE;gBACpC,CAAC,OAAO,CAAC,uBAAuB,CAAC,EAChC,iBAAiB,IAAI,CAAC,OAAO;aAC9B,CAAC;YACF,oBAAC,MAAM,IACN,QAAQ,EAAE,CAAC,OAAO,EAClB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,EAAE,gBAAgB,CAAC,EACnD,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,KAAK,IAAI,EAAE;oBACnB,WAAW,CAAC,IAAI,CAAC,CAAA;oBACjB,MAAM,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;oBACjC,UAAU,CAAC,SAAS,CAAC,CAAA,CAAC,qBAAqB;oBAC3C,WAAW,CAAC,KAAK,CAAC,CAAA;oBAClB,UAAU,CAAC,KAAK,CAAC,CAAA;gBAClB,CAAC,IACA,QAAQ,IAAI,MAAM,CACX,CACJ,CACD,CACN,CAAA;AACF,CAAC,CAAA;AASD,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAA0B,EACzE,eAAe,EACf,MAAM,EACN,SAAS,EACT,SAAS,GACiC,EAAE,EAAE;IAC9C,MAAM,CAAC,uBAAuB,CAAC,GAAG,iBAAiB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;IAE5E,OAAO,CACN,0CACE,uBAAuB;QACvB,MAAM,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAC7D,oBAAC,sBAAsB,IACtB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EACtC,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACnB,CACF,CAAC,CACD,CACH,CAAA;AACF,CAAC,CAAA"}
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
export
|
|
16
|
-
export {};
|
|
1
|
+
import { HDict, HGrid, HNum, HRef, HStr, HVal } from 'haystack-core';
|
|
2
|
+
export interface ConfigurationFormEntryOption extends HDict {
|
|
3
|
+
value: HStr | HNum | HRef;
|
|
4
|
+
label: HStr;
|
|
5
|
+
}
|
|
6
|
+
interface ConfigurationFormEntryProps {
|
|
7
|
+
name: string;
|
|
8
|
+
value: HVal | unknown;
|
|
9
|
+
onChange?: (val: HVal) => void;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
options?: HGrid<ConfigurationFormEntryOption>;
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const ConfigurationFormEntry: ({ name, value, onChange, disabled, options, className, }: ConfigurationFormEntryProps) => JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright (c) 2023, J2 Innovations. All Rights Reserved
|
|
3
|
-
*/
|
|
4
|
-
import { ant_prefix, HInput, Input, Select } from '@j2inn/ui';
|
|
5
|
-
import cn from 'classnames';
|
|
6
|
-
import { HNum, HRef, HStr, isHVal, Kind, valueIsKind, } from 'haystack-core';
|
|
7
|
-
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
8
|
-
import { createUseStyles } from 'react-jss';
|
|
9
|
-
const useStyles = createUseStyles((theme) => ({
|
|
10
|
-
formEntry: {
|
|
11
|
-
[`& .${ant_prefix}-input`]: {
|
|
12
|
-
height: 32,
|
|
13
|
-
},
|
|
14
|
-
},
|
|
15
|
-
entryTitle: {
|
|
16
|
-
fontWeight: 600,
|
|
17
|
-
fontSize: '1em',
|
|
18
|
-
color: theme.textColorSecondary,
|
|
19
|
-
},
|
|
20
|
-
select: {
|
|
21
|
-
width: '100%',
|
|
22
|
-
},
|
|
23
|
-
}));
|
|
24
|
-
const getHValFromSelectValue = (selectValue, initialHVal) => {
|
|
25
|
-
if (valueIsKind(initialHVal, Kind.Number)) {
|
|
26
|
-
return HNum.make(selectValue, initialHVal.unit);
|
|
27
|
-
}
|
|
28
|
-
else if (valueIsKind(initialHVal, Kind.Ref)) {
|
|
29
|
-
return HRef.make(selectValue);
|
|
30
|
-
}
|
|
31
|
-
return HStr.make(selectValue);
|
|
32
|
-
};
|
|
33
|
-
export const ConfigurationFormEntry = ({ name, value, onChange, disabled, options, className, }) => {
|
|
34
|
-
const classes = useStyles();
|
|
35
|
-
if (!isHVal(value)) {
|
|
36
|
-
return React.createElement(React.Fragment, null, `${name} = ${value}`);
|
|
37
|
-
}
|
|
38
|
-
const [showedVal, setShowedVal] = useState(value);
|
|
39
|
-
useEffect(() => {
|
|
40
|
-
setShowedVal(value);
|
|
41
|
-
}, [value]);
|
|
42
|
-
const selectOptions = useMemo(() => options?.getRows().map((cfeOpt) => ({
|
|
43
|
-
value: cfeOpt.value.value,
|
|
44
|
-
label: cfeOpt.label.value,
|
|
45
|
-
})), [options]);
|
|
46
|
-
const onInputChange = useCallback((val) => {
|
|
47
|
-
setShowedVal(val);
|
|
48
|
-
onChange?.(val);
|
|
49
|
-
}, [onChange]);
|
|
50
|
-
return (React.createElement("div", { className: cn(classes.formEntry, className) },
|
|
51
|
-
React.createElement("div", { className: classes.entryTitle }, name),
|
|
52
|
-
selectOptions ? (React.createElement(Select, { showSearch: true, className: classes.select, value: showedVal.value, options: selectOptions, disabled: disabled, onChange: (val) => {
|
|
53
|
-
if (val != null) {
|
|
54
|
-
const newVal = getHValFromSelectValue(val, value);
|
|
55
|
-
onInputChange(newVal);
|
|
56
|
-
}
|
|
57
|
-
} })) : !disabled ? (React.createElement(HInput, { value: showedVal, editable: true, onChange: onInputChange })) : (React.createElement(Input, { disabled: true, value: showedVal.toString() }))));
|
|
58
|
-
};
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2023, J2 Innovations. All Rights Reserved
|
|
3
|
+
*/
|
|
4
|
+
import { ant_prefix, HInput, Input, Select } from '@j2inn/ui';
|
|
5
|
+
import cn from 'classnames';
|
|
6
|
+
import { HNum, HRef, HStr, isHVal, Kind, valueIsKind, } from 'haystack-core';
|
|
7
|
+
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
8
|
+
import { createUseStyles } from 'react-jss';
|
|
9
|
+
const useStyles = createUseStyles((theme) => ({
|
|
10
|
+
formEntry: {
|
|
11
|
+
[`& .${ant_prefix}-input`]: {
|
|
12
|
+
height: 32,
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
entryTitle: {
|
|
16
|
+
fontWeight: 600,
|
|
17
|
+
fontSize: '1em',
|
|
18
|
+
color: theme.textColorSecondary,
|
|
19
|
+
},
|
|
20
|
+
select: {
|
|
21
|
+
width: '100%',
|
|
22
|
+
},
|
|
23
|
+
}));
|
|
24
|
+
const getHValFromSelectValue = (selectValue, initialHVal) => {
|
|
25
|
+
if (valueIsKind(initialHVal, Kind.Number)) {
|
|
26
|
+
return HNum.make(selectValue, initialHVal.unit);
|
|
27
|
+
}
|
|
28
|
+
else if (valueIsKind(initialHVal, Kind.Ref)) {
|
|
29
|
+
return HRef.make(selectValue);
|
|
30
|
+
}
|
|
31
|
+
return HStr.make(selectValue);
|
|
32
|
+
};
|
|
33
|
+
export const ConfigurationFormEntry = ({ name, value, onChange, disabled, options, className, }) => {
|
|
34
|
+
const classes = useStyles();
|
|
35
|
+
if (!isHVal(value)) {
|
|
36
|
+
return React.createElement(React.Fragment, null, `${name} = ${value}`);
|
|
37
|
+
}
|
|
38
|
+
const [showedVal, setShowedVal] = useState(value);
|
|
39
|
+
useEffect(() => {
|
|
40
|
+
setShowedVal(value);
|
|
41
|
+
}, [value]);
|
|
42
|
+
const selectOptions = useMemo(() => options?.getRows().map((cfeOpt) => ({
|
|
43
|
+
value: cfeOpt.value.value,
|
|
44
|
+
label: cfeOpt.label.value,
|
|
45
|
+
})), [options]);
|
|
46
|
+
const onInputChange = useCallback((val) => {
|
|
47
|
+
setShowedVal(val);
|
|
48
|
+
onChange?.(val);
|
|
49
|
+
}, [onChange]);
|
|
50
|
+
return (React.createElement("div", { className: cn(classes.formEntry, className) },
|
|
51
|
+
React.createElement("div", { className: classes.entryTitle }, name),
|
|
52
|
+
selectOptions ? (React.createElement(Select, { showSearch: true, className: classes.select, value: showedVal.value, options: selectOptions, disabled: disabled, onChange: (val) => {
|
|
53
|
+
if (val != null) {
|
|
54
|
+
const newVal = getHValFromSelectValue(val, value);
|
|
55
|
+
onInputChange(newVal);
|
|
56
|
+
}
|
|
57
|
+
} })) : !disabled ? (React.createElement(HInput, { value: showedVal, editable: true, onChange: onInputChange })) : (React.createElement(Input, { disabled: true, value: showedVal.toString() }))));
|
|
58
|
+
};
|
|
59
59
|
//# sourceMappingURL=ConfigurationFormEntry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfigurationFormEntry.js","sourceRoot":"","sources":["../../../../../src/react/components/resolvable/configurationForm/ConfigurationFormEntry.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAY,MAAM,WAAW,CAAA;AACvE,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAGN,IAAI,EACJ,IAAI,EACJ,IAAI,EAEJ,MAAM,EACN,IAAI,EACJ,WAAW,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,SAAS,GAAG,eAAe,CAAC,CAAC,KAAe,EAAE,EAAE,CAAC,CAAC;IACvD,SAAS,EAAE;QACV,CAAC,MAAM,UAAU,QAAQ,CAAC,EAAE;YAC3B,MAAM,EAAE,EAAE;SACV;KACD;IACD,UAAU,EAAE;QACX,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE,KAAK,CAAC,kBAAkB;KAC/B;IACD,MAAM,EAAE;QACP,KAAK,EAAE,MAAM;KACb;CACD,CAAC,CAAC,CAAA;AAgBH,MAAM,sBAAsB,GAAG,CAAC,WAAoB,EAAE,WAAiB,EAAE,EAAE;IAC1E,IAAI,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE;
|
|
1
|
+
{"version":3,"file":"ConfigurationFormEntry.js","sourceRoot":"","sources":["../../../../../src/react/components/resolvable/configurationForm/ConfigurationFormEntry.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { UiElementData } from '@j2inn/resolvable-ui-elements';
|
|
2
|
-
import { HVal } from 'haystack-core';
|
|
3
|
-
/**
|
|
4
|
-
* Get default values for all elements that should resolve into an HVal.
|
|
5
|
-
* @param section a section element
|
|
6
|
-
* @returns an object containing as key the section element name and as value the default HVal.
|
|
7
|
-
*/
|
|
8
|
-
export declare const getSectionDefault: (section: UiElementData) => {
|
|
9
|
-
[key: string]: HVal;
|
|
10
|
-
};
|
|
11
|
-
/**
|
|
12
|
-
* Get a default for a specific kind of HVal.
|
|
13
|
-
* @param kind can be expressed as new or old Hayson, or alternatively the haystack-core type name
|
|
14
|
-
* @returns
|
|
15
|
-
*/
|
|
16
|
-
export declare const getDefaultHVal: (kind?: string) => HVal | undefined;
|
|
1
|
+
import { UiElementData } from '@j2inn/resolvable-ui-elements';
|
|
2
|
+
import { HVal } from 'haystack-core';
|
|
3
|
+
/**
|
|
4
|
+
* Get default values for all elements that should resolve into an HVal.
|
|
5
|
+
* @param section a section element
|
|
6
|
+
* @returns an object containing as key the section element name and as value the default HVal.
|
|
7
|
+
*/
|
|
8
|
+
export declare const getSectionDefault: (section: UiElementData) => {
|
|
9
|
+
[key: string]: HVal;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Get a default for a specific kind of HVal.
|
|
13
|
+
* @param kind can be expressed as new or old Hayson, or alternatively the haystack-core type name
|
|
14
|
+
* @returns
|
|
15
|
+
*/
|
|
16
|
+
export declare const getDefaultHVal: (kind?: string) => HVal | undefined;
|