@hisptz/dhis2-scorecard 1.2.1 → 1.2.3
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/ScorecardPrint/components/ScorecardPreviewArea.js +4 -5
- package/dist/components/ScorecardPrint/components/ScorecardPreviewArea.js.map +1 -1
- package/dist/esm/components/ScorecardPrint/components/ScorecardPreviewArea.js +1 -2
- package/dist/esm/components/ScorecardPrint/components/ScorecardPreviewArea.js.map +1 -1
- package/dist/esm/utils/viewState.js +12 -0
- package/dist/esm/utils/viewState.js.map +1 -1
- package/dist/types/components/StateProvider.d.ts +1 -0
- package/dist/types/components/StateProvider.d.ts.map +1 -1
- package/dist/types/utils/viewState.d.ts +1 -0
- package/dist/types/utils/viewState.d.ts.map +1 -1
- package/dist/utils/viewState.js +12 -0
- package/dist/utils/viewState.js.map +1 -1
- package/package.json +6 -6
|
@@ -11,16 +11,15 @@ var ScorecardLegendsView = require('../../ScorecardLegendsView');
|
|
|
11
11
|
var StateProvider = require('../../StateProvider');
|
|
12
12
|
var ConfigProvider = require('../../ConfigProvider');
|
|
13
13
|
require('../print.css');
|
|
14
|
-
var
|
|
15
|
-
var dimensionState = require('../../../utils/dimensionState');
|
|
14
|
+
var utils = require('../../../utils');
|
|
16
15
|
|
|
17
16
|
const ScorecardPreviewArea = react.memo(function ScorecardPreviewArea2({
|
|
18
17
|
previewRef
|
|
19
18
|
}) {
|
|
20
19
|
const config = ConfigProvider.useScorecardConfig();
|
|
21
|
-
const options =
|
|
22
|
-
const periodSelection =
|
|
23
|
-
const orgUnitSelection =
|
|
20
|
+
const options = utils.useScorecardViewOptions();
|
|
21
|
+
const periodSelection = utils.usePeriodSelectionValue();
|
|
22
|
+
const orgUnitSelection = utils.useOrgUnitSelectionValue();
|
|
24
23
|
const updatedState = {
|
|
25
24
|
periodSelection,
|
|
26
25
|
orgUnitSelection,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ScorecardPrint/components/ScorecardPreviewArea.tsx"],"names":["memo","ScorecardPreviewArea","useScorecardConfig","useScorecardViewOptions","usePeriodSelectionValue","useOrgUnitSelectionValue","jsx","ScorecardStateProvider","jsxs","ScorecardHeader","ScorecardLegendsView","TableStateProvider","DndProvider","HTML5Backend","ScorecardTable"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ScorecardPrint/components/ScorecardPreviewArea.tsx"],"names":["memo","ScorecardPreviewArea","useScorecardConfig","useScorecardViewOptions","usePeriodSelectionValue","useOrgUnitSelectionValue","jsx","ScorecardStateProvider","jsxs","ScorecardHeader","ScorecardLegendsView","TableStateProvider","DndProvider","HTML5Backend","ScorecardTable"],"mappings":";;;;;;;;;;;;;;;AAiBa,MAAA,oBAAA,GAAuBA,UAAK,CAAA,SAASC,qBAAqB,CAAA;AAAA,EACtE;AACD,CAEG,EAAA;AACF,EAAA,MAAM,SAASC,iCAAmB,EAAA;AAClC,EAAA,MAAM,UAAUC,6BAAwB,EAAA;AACxC,EAAA,MAAM,kBAAkBC,6BAAwB,EAAA;AAChD,EAAA,MAAM,mBAAmBC,8BAAyB,EAAA;AAElD,EAAA,MAAM,YAAe,GAAA;AAAA,IACpB,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,OAAS,EAAA;AAAA,MACR,GAAI,WAAW,EAAC;AAAA,MAChB,gBAAkB,EAAA,IAAA;AAAA,MAClB,iBAAmB,EAAA,IAAA;AAAA,MACnB,SAAW,EAAA;AAAA;AACZ,GACD;AAEA,EACC,uBAAAC,cAAA,CAACC,oCAAuB,EAAA,EAAA,YAAA,EAAc,YAAc,EAAA,MAAA,EACnD,QAAC,kBAAAD,cAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,EACtB,EAAA,QAAA,kBAAAE,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,SAAU,EAAA,eAAA;AAAA,MACV,KAAO,EAAA;AAAA,QACN,MAAQ,EAAA,MAAA;AAAA,QACR,OAAS,EAAA,MAAA;AAAA,QACT,GAAK,EAAA,EAAA;AAAA,QACL,aAAe,EAAA;AAAA,OAChB;AAAA,MACA,GAAK,EAAA,UAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAAF,cAAA,CAACG,+BAAgB,EAAA,EAAA,CAAA;AAAA,uCAChBC,yCAAqB,EAAA,EAAA,CAAA;AAAA,wBACrBJ,cAAA,CAAAK,qCAAA,EAAA,EACA,QAAC,kBAAAL,cAAA,CAAAM,oBAAA,EAAA,EAAY,SAASC,iCACrB,EAAA,QAAA,kBAAAP,cAAA;AAAA,UAACQ,6BAAA;AAAA,UAAA;AAAA,YACA,MAAO,EAAA,OAAA;AAAA,YACP,YAAa,EAAA,MAAA;AAAA,YACb,WAAY,EAAA,MAAA;AAAA,YACZ,KAAM,EAAA;AAAA;AAAA,WAER,CACD,EAAA;AAAA;AAAA;AAAA,KAEF,CACD,EAAA,CAAA;AAEF,CAAC","file":"ScorecardPreviewArea.js","sourcesContent":["import React, { memo, type RefObject } from \"react\";\nimport { TableStateProvider } from \"../../TableStateProvider\";\nimport { DndProvider } from \"react-dnd\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { ScorecardTable } from \"../../ScorecardTable\";\nimport { ScorecardHeader } from \"../../ScorecardHeader\";\nimport { ScorecardLegendsView } from \"../../ScorecardLegendsView\";\nimport { ScorecardStateProvider } from \"../../StateProvider\";\nimport { useScorecardConfig } from \"../../ConfigProvider\";\nimport type { ScorecardState } from \"../../../schemas/config\";\nimport \"../print.css\";\nimport { useScorecardViewOptions } from \"../../../utils\";\nimport {\n\tuseOrgUnitSelectionValue,\n\tusePeriodSelectionValue,\n} from \"../../../utils\";\n\nexport const ScorecardPreviewArea = memo(function ScorecardPreviewArea({\n\tpreviewRef,\n}: {\n\tpreviewRef: RefObject<HTMLDivElement>;\n}) {\n\tconst config = useScorecardConfig();\n\tconst options = useScorecardViewOptions();\n\tconst periodSelection = usePeriodSelectionValue();\n\tconst orgUnitSelection = useOrgUnitSelectionValue();\n\n\tconst updatedState = {\n\t\tperiodSelection,\n\t\torgUnitSelection,\n\t\toptions: {\n\t\t\t...(options ?? {}),\n\t\t\tdisableExpanding: true,\n\t\t\tdisablePagination: true,\n\t\t\tprintMode: true,\n\t\t},\n\t} as ScorecardState;\n\n\treturn (\n\t\t<ScorecardStateProvider initialState={updatedState} config={config}>\n\t\t\t<div style={{ display: \"none\" }}>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"print-preview\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\tgap: 16,\n\t\t\t\t\t\tflexDirection: \"column\",\n\t\t\t\t\t}}\n\t\t\t\t\tref={previewRef}\n\t\t\t\t>\n\t\t\t\t\t<ScorecardHeader />\n\t\t\t\t\t<ScorecardLegendsView />\n\t\t\t\t\t<TableStateProvider>\n\t\t\t\t\t\t<DndProvider backend={HTML5Backend}>\n\t\t\t\t\t\t\t<ScorecardTable\n\t\t\t\t\t\t\t\tlayout=\"fixed\"\n\t\t\t\t\t\t\t\tscrollHeight=\"100%\"\n\t\t\t\t\t\t\t\tscrollWidth=\"100%\"\n\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</DndProvider>\n\t\t\t\t\t</TableStateProvider>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ScorecardStateProvider>\n\t);\n});\n"]}
|
|
@@ -9,8 +9,7 @@ import { ScorecardLegendsView } from '../../ScorecardLegendsView';
|
|
|
9
9
|
import { ScorecardStateProvider } from '../../StateProvider';
|
|
10
10
|
import { useScorecardConfig } from '../../ConfigProvider';
|
|
11
11
|
import '../print.css';
|
|
12
|
-
import { useScorecardViewOptions } from '../../../utils
|
|
13
|
-
import { usePeriodSelectionValue, useOrgUnitSelectionValue } from '../../../utils/dimensionState';
|
|
12
|
+
import { useScorecardViewOptions, usePeriodSelectionValue, useOrgUnitSelectionValue } from '../../../utils';
|
|
14
13
|
|
|
15
14
|
const ScorecardPreviewArea = memo(function ScorecardPreviewArea2({
|
|
16
15
|
previewRef
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/ScorecardPrint/components/ScorecardPreviewArea.tsx"],"names":["ScorecardPreviewArea"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/ScorecardPrint/components/ScorecardPreviewArea.tsx"],"names":["ScorecardPreviewArea"],"mappings":";;;;;;;;;;;;;AAiBa,MAAA,oBAAA,GAAuB,IAAK,CAAA,SAASA,qBAAqB,CAAA;AAAA,EACtE;AACD,CAEG,EAAA;AACF,EAAA,MAAM,SAAS,kBAAmB,EAAA;AAClC,EAAA,MAAM,UAAU,uBAAwB,EAAA;AACxC,EAAA,MAAM,kBAAkB,uBAAwB,EAAA;AAChD,EAAA,MAAM,mBAAmB,wBAAyB,EAAA;AAElD,EAAA,MAAM,YAAe,GAAA;AAAA,IACpB,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,OAAS,EAAA;AAAA,MACR,GAAI,WAAW,EAAC;AAAA,MAChB,gBAAkB,EAAA,IAAA;AAAA,MAClB,iBAAmB,EAAA,IAAA;AAAA,MACnB,SAAW,EAAA;AAAA;AACZ,GACD;AAEA,EACC,uBAAA,GAAA,CAAC,sBAAuB,EAAA,EAAA,YAAA,EAAc,YAAc,EAAA,MAAA,EACnD,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,EACtB,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,SAAU,EAAA,eAAA;AAAA,MACV,KAAO,EAAA;AAAA,QACN,MAAQ,EAAA,MAAA;AAAA,QACR,OAAS,EAAA,MAAA;AAAA,QACT,GAAK,EAAA,EAAA;AAAA,QACL,aAAe,EAAA;AAAA,OAChB;AAAA,MACA,GAAK,EAAA,UAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,4BAChB,oBAAqB,EAAA,EAAA,CAAA;AAAA,wBACrB,GAAA,CAAA,kBAAA,EAAA,EACA,QAAC,kBAAA,GAAA,CAAA,WAAA,EAAA,EAAY,SAAS,YACrB,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACA,MAAO,EAAA,OAAA;AAAA,YACP,YAAa,EAAA,MAAA;AAAA,YACb,WAAY,EAAA,MAAA;AAAA,YACZ,KAAM,EAAA;AAAA;AAAA,WAER,CACD,EAAA;AAAA;AAAA;AAAA,KAEF,CACD,EAAA,CAAA;AAEF,CAAC","file":"ScorecardPreviewArea.js","sourcesContent":["import React, { memo, type RefObject } from \"react\";\nimport { TableStateProvider } from \"../../TableStateProvider\";\nimport { DndProvider } from \"react-dnd\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { ScorecardTable } from \"../../ScorecardTable\";\nimport { ScorecardHeader } from \"../../ScorecardHeader\";\nimport { ScorecardLegendsView } from \"../../ScorecardLegendsView\";\nimport { ScorecardStateProvider } from \"../../StateProvider\";\nimport { useScorecardConfig } from \"../../ConfigProvider\";\nimport type { ScorecardState } from \"../../../schemas/config\";\nimport \"../print.css\";\nimport { useScorecardViewOptions } from \"../../../utils\";\nimport {\n\tuseOrgUnitSelectionValue,\n\tusePeriodSelectionValue,\n} from \"../../../utils\";\n\nexport const ScorecardPreviewArea = memo(function ScorecardPreviewArea({\n\tpreviewRef,\n}: {\n\tpreviewRef: RefObject<HTMLDivElement>;\n}) {\n\tconst config = useScorecardConfig();\n\tconst options = useScorecardViewOptions();\n\tconst periodSelection = usePeriodSelectionValue();\n\tconst orgUnitSelection = useOrgUnitSelectionValue();\n\n\tconst updatedState = {\n\t\tperiodSelection,\n\t\torgUnitSelection,\n\t\toptions: {\n\t\t\t...(options ?? {}),\n\t\t\tdisableExpanding: true,\n\t\t\tdisablePagination: true,\n\t\t\tprintMode: true,\n\t\t},\n\t} as ScorecardState;\n\n\treturn (\n\t\t<ScorecardStateProvider initialState={updatedState} config={config}>\n\t\t\t<div style={{ display: \"none\" }}>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"print-preview\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\tgap: 16,\n\t\t\t\t\t\tflexDirection: \"column\",\n\t\t\t\t\t}}\n\t\t\t\t\tref={previewRef}\n\t\t\t\t>\n\t\t\t\t\t<ScorecardHeader />\n\t\t\t\t\t<ScorecardLegendsView />\n\t\t\t\t\t<TableStateProvider>\n\t\t\t\t\t\t<DndProvider backend={HTML5Backend}>\n\t\t\t\t\t\t\t<ScorecardTable\n\t\t\t\t\t\t\t\tlayout=\"fixed\"\n\t\t\t\t\t\t\t\tscrollHeight=\"100%\"\n\t\t\t\t\t\t\t\tscrollWidth=\"100%\"\n\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</DndProvider>\n\t\t\t\t\t</TableStateProvider>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ScorecardStateProvider>\n\t);\n});\n"]}
|
|
@@ -19,6 +19,18 @@ function createScorecardViewStateEngine(defaultOptions) {
|
|
|
19
19
|
listener(this.options);
|
|
20
20
|
}
|
|
21
21
|
},
|
|
22
|
+
updateOptions(options) {
|
|
23
|
+
this.options = {
|
|
24
|
+
...this.options,
|
|
25
|
+
...options
|
|
26
|
+
};
|
|
27
|
+
for (const listener of this.listeners) {
|
|
28
|
+
listener.listener(options[listener.key]);
|
|
29
|
+
}
|
|
30
|
+
for (const listener of this.optionsListeners) {
|
|
31
|
+
listener(this.options);
|
|
32
|
+
}
|
|
33
|
+
},
|
|
22
34
|
addOptionListener(listener) {
|
|
23
35
|
this.optionsListeners.push(listener);
|
|
24
36
|
return () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/utils/viewState.ts"],"names":["value"],"mappings":";;;;AAgBO,SAAS,+BACf,cACC,EAAA;AACD,EAAO,OAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,IACT,WAAW,EAAC;AAAA,IACZ,kBAAkB,EAAC;AAAA,IACnB,YAAA,CACC,KACA,KACC,EAAA;AACD,MAAI,GAAA,CAAA,IAAA,CAAK,OAAS,EAAA,GAAA,EAAK,KAAK,CAAA;AAC5B,MAAM,MAAA,SAAA,GAAkC,KAAK,SAAU,CAAA,MAAA;AAAA,QACtD,CAAC,QAAiC,KAAA,QAAA,CAAS,GAAQ,KAAA;AAAA,OACpD;AACA,MAAA,KAAA,MAAW,YAAY,SAAW,EAAA;AACjC,QAAA,QAAA,CAAS,SAAS,KAAK,CAAA;AAAA;AAExB,MAAW,KAAA,MAAA,QAAA,IAAY,KAAK,gBAAkB,EAAA;AAC7C,QAAA,QAAA,CAAS,KAAK,OAAO,CAAA;AAAA;AACtB,KACD;AAAA,IACA,kBAAkB,QAAmD,EAAA;AACpE,MAAK,IAAA,CAAA,gBAAA,CAAiB,KAAK,QAAQ,CAAA;AAEnC,MAAA,OAAO,MAAM;AACZ,QAAK,IAAA,CAAA,gBAAA,GAAmB,KAAK,gBAAiB,CAAA,MAAA;AAAA,UAC7C,CAAC,MACA,CAAM,KAAA;AAAA,SACR;AAAA,OACD;AAAA,KACD;AAAA,IACA,YAAY,QAA8B,EAAA;AACzC,MAAK,IAAA,CAAA,SAAA,CAAU,KAAK,QAAQ,CAAA;AAC5B,MAAA,OAAO,MAAM;AACZ,QAAK,IAAA,CAAA,SAAA,GAAY,KAAK,SAAU,CAAA,MAAA;AAAA,UAC/B,CAAC,MAA0B,CAAM,KAAA;AAAA,SAClC;AAAA,OACD;AAAA,KACD;AAAA,IACA,eAAe,QAA8B,EAAA;AAC5C,MAAK,IAAA,CAAA,SAAA,GAAY,KAAK,SAAU,CAAA,MAAA;AAAA,QAC/B,CAAC,MAA0B,QAAa,KAAA;AAAA,OACzC;AAAA;AACD,GACD;AACD;AAEO,SAAS,2BAEd,GAAiC,EAAA;AAClC,EAAA,MAAM,aAAa,2BAA4B,EAAA;AAC/C,EAAM,MAAA,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA;AAAA,IACzB,GAAA,CAAI,UAAW,CAAA,OAAA,EAAS,GAAG;AAAA,GAC5B;AACA,EAAA,SAAA,CAAU,MAAM;AACf,IAAM,MAAA,WAAA,GAAc,WAAW,WAAY,CAAA;AAAA,MAC1C,GAAA;AAAA,MACA,SAASA,MAAO,EAAA;AACf,QAAA,QAAA,CAASA,MAAkB,CAAA;AAAA;AAC5B,KACA,CAAA;AACD,IAAA,OAAO,MAAM;AACZ,MAAY,WAAA,EAAA;AAAA,KACb;AAAA,GACD,EAAG,EAAE,CAAA;AACL,EAAO,OAAA,KAAA;AACR;AAEO,SAAS,uBAA0B,GAAA;AACzC,EAAA,MAAM,aAAa,2BAA4B,EAAA;AAC/C,EAAM,MAAA,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,QAAA;AAAA,IAC7B,UAAW,CAAA;AAAA,GACZ;AAEA,EAAA,SAAA,CAAU,MAAM;AACf,IAAM,MAAA,WAAA,GAAc,UAAW,CAAA,iBAAA,CAAkB,UAAU,CAAA;AAE3D,IAAA,OAAO,MAAM;AACZ,MAAY,WAAA,EAAA;AAAA,KACb;AAAA,GACD,EAAG,EAAE,CAAA;AAEL,EAAO,OAAA,OAAA;AACR;AAEO,SAAS,4BAA4B,GAAiC,EAAA;AAC5E,EAAA,MAAM,aAAa,2BAA4B,EAAA;AAC/C,EAAA,OAAO,CAAC,KAA4D,KAAA;AACnE,IAAW,UAAA,CAAA,YAAA,CAAa,KAAK,KAAK,CAAA;AAAA,GACnC;AACD","file":"viewState.js","sourcesContent":["import type { ScorecardViewOptions } from \"../schemas/config\";\nimport { get, set } from \"lodash\";\nimport { useScorecardViewStateEngine } from \"../components\";\nimport { useEffect, useState } from \"react\";\n\nexport type ViewOptionListener = {\n\tkey: keyof ScorecardViewOptions;\n\tlistener: (\n\t\tvalue?: ScorecardViewOptions[keyof ScorecardViewOptions],\n\t) => void;\n};\n\nexport type ScorecardViewStateEngine = ReturnType<\n\ttypeof createScorecardViewStateEngine\n>;\n\nexport function createScorecardViewStateEngine(\n\tdefaultOptions: ScorecardViewOptions,\n) {\n\treturn {\n\t\toptions: defaultOptions as ScorecardViewOptions,\n\t\tlisteners: [] as ViewOptionListener[],\n\t\toptionsListeners: [] as Array<(options: ScorecardViewOptions) => void>,\n\t\tupdateOption(\n\t\t\tkey: keyof ScorecardViewOptions,\n\t\t\tvalue: ScorecardViewOptions[keyof ScorecardViewOptions],\n\t\t) {\n\t\t\tset(this.options, key, value);\n\t\t\tconst listeners: ViewOptionListener[] = this.listeners.filter(\n\t\t\t\t(listener: ViewOptionListener) => listener.key === key,\n\t\t\t);\n\t\t\tfor (const listener of listeners) {\n\t\t\t\tlistener.listener(value);\n\t\t\t}\n\t\t\tfor (const listener of this.optionsListeners) {\n\t\t\t\tlistener(this.options);\n\t\t\t}\n\t\t},\n\t\taddOptionListener(listener: (options: ScorecardViewOptions) => void) {\n\t\t\tthis.optionsListeners.push(listener);\n\n\t\t\treturn () => {\n\t\t\t\tthis.optionsListeners = this.optionsListeners.filter(\n\t\t\t\t\t(l: (options: ScorecardViewOptions) => void) =>\n\t\t\t\t\t\tl !== listener,\n\t\t\t\t);\n\t\t\t};\n\t\t},\n\t\taddListener(listener: ViewOptionListener) {\n\t\t\tthis.listeners.push(listener);\n\t\t\treturn () => {\n\t\t\t\tthis.listeners = this.listeners.filter(\n\t\t\t\t\t(l: ViewOptionListener) => l !== listener,\n\t\t\t\t);\n\t\t\t};\n\t\t},\n\t\tremoveListener(listener: ViewOptionListener) {\n\t\t\tthis.listeners = this.listeners.filter(\n\t\t\t\t(l: ViewOptionListener) => listener !== l,\n\t\t\t);\n\t\t},\n\t};\n}\n\nexport function useScorecardViewStateValue<\n\tValueType extends ScorecardViewOptions[keyof ScorecardViewOptions],\n>(key: keyof ScorecardViewOptions) {\n\tconst viewEngine = useScorecardViewStateEngine();\n\tconst [value, setValue] = useState<ValueType>(\n\t\tget(viewEngine.options, key) as ValueType,\n\t);\n\tuseEffect(() => {\n\t\tconst unsubscribe = viewEngine.addListener({\n\t\t\tkey,\n\t\t\tlistener(value) {\n\t\t\t\tsetValue(value as ValueType);\n\t\t\t},\n\t\t});\n\t\treturn () => {\n\t\t\tunsubscribe();\n\t\t};\n\t}, []);\n\treturn value;\n}\n\nexport function useScorecardViewOptions() {\n\tconst viewEngine = useScorecardViewStateEngine();\n\tconst [options, setOptions] = useState<ScorecardViewOptions>(\n\t\tviewEngine.options,\n\t);\n\n\tuseEffect(() => {\n\t\tconst unsubscribe = viewEngine.addOptionListener(setOptions);\n\n\t\treturn () => {\n\t\t\tunsubscribe();\n\t\t};\n\t}, []);\n\n\treturn options;\n}\n\nexport function useUpdateScorecardViewState(key: keyof ScorecardViewOptions) {\n\tconst viewEngine = useScorecardViewStateEngine();\n\treturn (value: ScorecardViewOptions[keyof ScorecardViewOptions]) => {\n\t\tviewEngine.updateOption(key, value);\n\t};\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/utils/viewState.ts"],"names":["value"],"mappings":"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","file":"viewState.js","sourcesContent":["import type { ScorecardViewOptions } from \"../schemas/config\";\nimport { get, set } from \"lodash\";\nimport { useScorecardViewStateEngine } from \"../components\";\nimport { useEffect, useState } from \"react\";\n\nexport type ViewOptionListener = {\n\tkey: keyof ScorecardViewOptions;\n\tlistener: (\n\t\tvalue?: ScorecardViewOptions[keyof ScorecardViewOptions],\n\t) => void;\n};\n\nexport type ScorecardViewStateEngine = ReturnType<\n\ttypeof createScorecardViewStateEngine\n>;\n\nexport function createScorecardViewStateEngine(\n\tdefaultOptions: ScorecardViewOptions,\n) {\n\treturn {\n\t\toptions: defaultOptions as ScorecardViewOptions,\n\t\tlisteners: [] as ViewOptionListener[],\n\t\toptionsListeners: [] as Array<(options: ScorecardViewOptions) => void>,\n\t\tupdateOption(\n\t\t\tkey: keyof ScorecardViewOptions,\n\t\t\tvalue: ScorecardViewOptions[keyof ScorecardViewOptions],\n\t\t) {\n\t\t\tset(this.options, key, value);\n\t\t\tconst listeners: ViewOptionListener[] = this.listeners.filter(\n\t\t\t\t(listener: ViewOptionListener) => listener.key === key,\n\t\t\t);\n\t\t\tfor (const listener of listeners) {\n\t\t\t\tlistener.listener(value);\n\t\t\t}\n\t\t\tfor (const listener of this.optionsListeners) {\n\t\t\t\tlistener(this.options);\n\t\t\t}\n\t\t},\n\t\tupdateOptions(options: ScorecardViewOptions) {\n\t\t\tthis.options = {\n\t\t\t\t...this.options,\n\t\t\t\t...options,\n\t\t\t};\n\t\t\tfor (const listener of this.listeners) {\n\t\t\t\tlistener.listener(options[listener.key]);\n\t\t\t}\n\t\t\tfor (const listener of this.optionsListeners) {\n\t\t\t\tlistener(this.options);\n\t\t\t}\n\t\t},\n\t\taddOptionListener(listener: (options: ScorecardViewOptions) => void) {\n\t\t\tthis.optionsListeners.push(listener);\n\n\t\t\treturn () => {\n\t\t\t\tthis.optionsListeners = this.optionsListeners.filter(\n\t\t\t\t\t(l: (options: ScorecardViewOptions) => void) =>\n\t\t\t\t\t\tl !== listener,\n\t\t\t\t);\n\t\t\t};\n\t\t},\n\t\taddListener(listener: ViewOptionListener) {\n\t\t\tthis.listeners.push(listener);\n\t\t\treturn () => {\n\t\t\t\tthis.listeners = this.listeners.filter(\n\t\t\t\t\t(l: ViewOptionListener) => l !== listener,\n\t\t\t\t);\n\t\t\t};\n\t\t},\n\t\tremoveListener(listener: ViewOptionListener) {\n\t\t\tthis.listeners = this.listeners.filter(\n\t\t\t\t(l: ViewOptionListener) => listener !== l,\n\t\t\t);\n\t\t},\n\t};\n}\n\nexport function useScorecardViewStateValue<\n\tValueType extends ScorecardViewOptions[keyof ScorecardViewOptions],\n>(key: keyof ScorecardViewOptions) {\n\tconst viewEngine = useScorecardViewStateEngine();\n\tconst [value, setValue] = useState<ValueType>(\n\t\tget(viewEngine.options, key) as ValueType,\n\t);\n\tuseEffect(() => {\n\t\tconst unsubscribe = viewEngine.addListener({\n\t\t\tkey,\n\t\t\tlistener(value) {\n\t\t\t\tsetValue(value as ValueType);\n\t\t\t},\n\t\t});\n\t\treturn () => {\n\t\t\tunsubscribe();\n\t\t};\n\t}, []);\n\treturn value;\n}\n\nexport function useScorecardViewOptions() {\n\tconst viewEngine = useScorecardViewStateEngine();\n\tconst [options, setOptions] = useState<ScorecardViewOptions>(\n\t\tviewEngine.options,\n\t);\n\n\tuseEffect(() => {\n\t\tconst unsubscribe = viewEngine.addOptionListener(setOptions);\n\n\t\treturn () => {\n\t\t\tunsubscribe();\n\t\t};\n\t}, []);\n\n\treturn options;\n}\n\nexport function useUpdateScorecardViewState(key: keyof ScorecardViewOptions) {\n\tconst viewEngine = useScorecardViewStateEngine();\n\treturn (value: ScorecardViewOptions[keyof ScorecardViewOptions]) => {\n\t\tviewEngine.updateOption(key, value);\n\t};\n}\n"]}
|
|
@@ -10,6 +10,7 @@ export declare function useScorecardViewStateEngine(): {
|
|
|
10
10
|
listeners: import("../utils/viewState").ViewOptionListener[];
|
|
11
11
|
optionsListeners: Array<(options: import("../schemas/config").ScorecardViewOptions) => void>;
|
|
12
12
|
updateOption(key: keyof import("../schemas/config").ScorecardViewOptions, value: import("../schemas/config").ScorecardViewOptions[keyof import("../schemas/config").ScorecardViewOptions]): void;
|
|
13
|
+
updateOptions(options: import("../schemas/config").ScorecardViewOptions): void;
|
|
13
14
|
addOptionListener(listener: (options: import("../schemas/config").ScorecardViewOptions) => void): () => void;
|
|
14
15
|
addListener(listener: import("../utils/viewState").ViewOptionListener): () => void;
|
|
15
16
|
removeListener(listener: import("../utils/viewState").ViewOptionListener): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StateProvider.d.ts","sourceRoot":"","sources":["../../../src/components/StateProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAiB,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAU1E,MAAM,WAAW,2BAA2B;IAC3C,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACpB;AAOD,wBAAgB,2BAA2B
|
|
1
|
+
{"version":3,"file":"StateProvider.d.ts","sourceRoot":"","sources":["../../../src/components/StateProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAiB,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAU1E,MAAM,WAAW,2BAA2B;IAC3C,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACpB;AAOD,wBAAgB,2BAA2B;;;;;;;;;EAQ1C;AAED,wBAAgB,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;EAQ/C;AAED,wBAAgB,sBAAsB,CAAC,EACtC,QAAQ,EACR,YAAY,EACZ,MAAM,GACN,EAAE,2BAA2B,2CAuB7B"}
|
|
@@ -9,6 +9,7 @@ export declare function createScorecardViewStateEngine(defaultOptions: Scorecard
|
|
|
9
9
|
listeners: ViewOptionListener[];
|
|
10
10
|
optionsListeners: Array<(options: ScorecardViewOptions) => void>;
|
|
11
11
|
updateOption(key: keyof ScorecardViewOptions, value: ScorecardViewOptions[keyof ScorecardViewOptions]): void;
|
|
12
|
+
updateOptions(options: ScorecardViewOptions): void;
|
|
12
13
|
addOptionListener(listener: (options: ScorecardViewOptions) => void): () => void;
|
|
13
14
|
addListener(listener: ViewOptionListener): () => void;
|
|
14
15
|
removeListener(listener: ViewOptionListener): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"viewState.d.ts","sourceRoot":"","sources":["../../../src/utils/viewState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAK9D,MAAM,MAAM,kBAAkB,GAAG;IAChC,GAAG,EAAE,MAAM,oBAAoB,CAAC;IAChC,QAAQ,EAAE,CACT,KAAK,CAAC,EAAE,oBAAoB,CAAC,MAAM,oBAAoB,CAAC,KACpD,IAAI,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAChD,OAAO,8BAA8B,CACrC,CAAC;AAEF,wBAAgB,8BAA8B,CAC7C,cAAc,EAAE,oBAAoB;aAGR,oBAAoB;eAC9B,kBAAkB,EAAE;sBACb,KAAK,CAAC,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC;sBAEhE,MAAM,oBAAoB,SACxB,oBAAoB,CAAC,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"viewState.d.ts","sourceRoot":"","sources":["../../../src/utils/viewState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAK9D,MAAM,MAAM,kBAAkB,GAAG;IAChC,GAAG,EAAE,MAAM,oBAAoB,CAAC;IAChC,QAAQ,EAAE,CACT,KAAK,CAAC,EAAE,oBAAoB,CAAC,MAAM,oBAAoB,CAAC,KACpD,IAAI,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAChD,OAAO,8BAA8B,CACrC,CAAC;AAEF,wBAAgB,8BAA8B,CAC7C,cAAc,EAAE,oBAAoB;aAGR,oBAAoB;eAC9B,kBAAkB,EAAE;sBACb,KAAK,CAAC,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC;sBAEhE,MAAM,oBAAoB,SACxB,oBAAoB,CAAC,MAAM,oBAAoB,CAAC;2BAajC,oBAAoB;gCAYf,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI;0BAU7C,kBAAkB;6BAQf,kBAAkB;EAM5C;AAED,wBAAgB,0BAA0B,CACzC,SAAS,SAAS,oBAAoB,CAAC,MAAM,oBAAoB,CAAC,EACjE,GAAG,EAAE,MAAM,oBAAoB,aAiBhC;AAED,wBAAgB,uBAAuB;;;;;;;;;;;;;;;EAetC;AAED,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,MAAM,oBAAoB,IAElE,OAAO,oBAAoB,CAAC,MAAM,oBAAoB,CAAC,UAG/D"}
|
package/dist/utils/viewState.js
CHANGED
|
@@ -21,6 +21,18 @@ function createScorecardViewStateEngine(defaultOptions) {
|
|
|
21
21
|
listener(this.options);
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
|
+
updateOptions(options) {
|
|
25
|
+
this.options = {
|
|
26
|
+
...this.options,
|
|
27
|
+
...options
|
|
28
|
+
};
|
|
29
|
+
for (const listener of this.listeners) {
|
|
30
|
+
listener.listener(options[listener.key]);
|
|
31
|
+
}
|
|
32
|
+
for (const listener of this.optionsListeners) {
|
|
33
|
+
listener(this.options);
|
|
34
|
+
}
|
|
35
|
+
},
|
|
24
36
|
addOptionListener(listener) {
|
|
25
37
|
this.optionsListeners.push(listener);
|
|
26
38
|
return () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/viewState.ts"],"names":["set","useScorecardViewStateEngine","useState","get","useEffect","value"],"mappings":";;;;;;AAgBO,SAAS,+BACf,cACC,EAAA;AACD,EAAO,OAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,IACT,WAAW,EAAC;AAAA,IACZ,kBAAkB,EAAC;AAAA,IACnB,YAAA,CACC,KACA,KACC,EAAA;AACD,MAAIA,UAAA,CAAA,IAAA,CAAK,OAAS,EAAA,GAAA,EAAK,KAAK,CAAA;AAC5B,MAAM,MAAA,SAAA,GAAkC,KAAK,SAAU,CAAA,MAAA;AAAA,QACtD,CAAC,QAAiC,KAAA,QAAA,CAAS,GAAQ,KAAA;AAAA,OACpD;AACA,MAAA,KAAA,MAAW,YAAY,SAAW,EAAA;AACjC,QAAA,QAAA,CAAS,SAAS,KAAK,CAAA;AAAA;AAExB,MAAW,KAAA,MAAA,QAAA,IAAY,KAAK,gBAAkB,EAAA;AAC7C,QAAA,QAAA,CAAS,KAAK,OAAO,CAAA;AAAA;AACtB,KACD;AAAA,IACA,kBAAkB,QAAmD,EAAA;AACpE,MAAK,IAAA,CAAA,gBAAA,CAAiB,KAAK,QAAQ,CAAA;AAEnC,MAAA,OAAO,MAAM;AACZ,QAAK,IAAA,CAAA,gBAAA,GAAmB,KAAK,gBAAiB,CAAA,MAAA;AAAA,UAC7C,CAAC,MACA,CAAM,KAAA;AAAA,SACR;AAAA,OACD;AAAA,KACD;AAAA,IACA,YAAY,QAA8B,EAAA;AACzC,MAAK,IAAA,CAAA,SAAA,CAAU,KAAK,QAAQ,CAAA;AAC5B,MAAA,OAAO,MAAM;AACZ,QAAK,IAAA,CAAA,SAAA,GAAY,KAAK,SAAU,CAAA,MAAA;AAAA,UAC/B,CAAC,MAA0B,CAAM,KAAA;AAAA,SAClC;AAAA,OACD;AAAA,KACD;AAAA,IACA,eAAe,QAA8B,EAAA;AAC5C,MAAK,IAAA,CAAA,SAAA,GAAY,KAAK,SAAU,CAAA,MAAA;AAAA,QAC/B,CAAC,MAA0B,QAAa,KAAA;AAAA,OACzC;AAAA;AACD,GACD;AACD;AAEO,SAAS,2BAEd,GAAiC,EAAA;AAClC,EAAA,MAAM,aAAaC,sCAA4B,EAAA;AAC/C,EAAM,MAAA,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAC,cAAA;AAAA,IACzBC,UAAA,CAAI,UAAW,CAAA,OAAA,EAAS,GAAG;AAAA,GAC5B;AACA,EAAAC,eAAA,CAAU,MAAM;AACf,IAAM,MAAA,WAAA,GAAc,WAAW,WAAY,CAAA;AAAA,MAC1C,GAAA;AAAA,MACA,SAASC,MAAO,EAAA;AACf,QAAA,QAAA,CAASA,MAAkB,CAAA;AAAA;AAC5B,KACA,CAAA;AACD,IAAA,OAAO,MAAM;AACZ,MAAY,WAAA,EAAA;AAAA,KACb;AAAA,GACD,EAAG,EAAE,CAAA;AACL,EAAO,OAAA,KAAA;AACR;AAEO,SAAS,uBAA0B,GAAA;AACzC,EAAA,MAAM,aAAaJ,sCAA4B,EAAA;AAC/C,EAAM,MAAA,CAAC,OAAS,EAAA,UAAU,CAAI,GAAAC,cAAA;AAAA,IAC7B,UAAW,CAAA;AAAA,GACZ;AAEA,EAAAE,eAAA,CAAU,MAAM;AACf,IAAM,MAAA,WAAA,GAAc,UAAW,CAAA,iBAAA,CAAkB,UAAU,CAAA;AAE3D,IAAA,OAAO,MAAM;AACZ,MAAY,WAAA,EAAA;AAAA,KACb;AAAA,GACD,EAAG,EAAE,CAAA;AAEL,EAAO,OAAA,OAAA;AACR;AAEO,SAAS,4BAA4B,GAAiC,EAAA;AAC5E,EAAA,MAAM,aAAaH,sCAA4B,EAAA;AAC/C,EAAA,OAAO,CAAC,KAA4D,KAAA;AACnE,IAAW,UAAA,CAAA,YAAA,CAAa,KAAK,KAAK,CAAA;AAAA,GACnC;AACD","file":"viewState.js","sourcesContent":["import type { ScorecardViewOptions } from \"../schemas/config\";\nimport { get, set } from \"lodash\";\nimport { useScorecardViewStateEngine } from \"../components\";\nimport { useEffect, useState } from \"react\";\n\nexport type ViewOptionListener = {\n\tkey: keyof ScorecardViewOptions;\n\tlistener: (\n\t\tvalue?: ScorecardViewOptions[keyof ScorecardViewOptions],\n\t) => void;\n};\n\nexport type ScorecardViewStateEngine = ReturnType<\n\ttypeof createScorecardViewStateEngine\n>;\n\nexport function createScorecardViewStateEngine(\n\tdefaultOptions: ScorecardViewOptions,\n) {\n\treturn {\n\t\toptions: defaultOptions as ScorecardViewOptions,\n\t\tlisteners: [] as ViewOptionListener[],\n\t\toptionsListeners: [] as Array<(options: ScorecardViewOptions) => void>,\n\t\tupdateOption(\n\t\t\tkey: keyof ScorecardViewOptions,\n\t\t\tvalue: ScorecardViewOptions[keyof ScorecardViewOptions],\n\t\t) {\n\t\t\tset(this.options, key, value);\n\t\t\tconst listeners: ViewOptionListener[] = this.listeners.filter(\n\t\t\t\t(listener: ViewOptionListener) => listener.key === key,\n\t\t\t);\n\t\t\tfor (const listener of listeners) {\n\t\t\t\tlistener.listener(value);\n\t\t\t}\n\t\t\tfor (const listener of this.optionsListeners) {\n\t\t\t\tlistener(this.options);\n\t\t\t}\n\t\t},\n\t\taddOptionListener(listener: (options: ScorecardViewOptions) => void) {\n\t\t\tthis.optionsListeners.push(listener);\n\n\t\t\treturn () => {\n\t\t\t\tthis.optionsListeners = this.optionsListeners.filter(\n\t\t\t\t\t(l: (options: ScorecardViewOptions) => void) =>\n\t\t\t\t\t\tl !== listener,\n\t\t\t\t);\n\t\t\t};\n\t\t},\n\t\taddListener(listener: ViewOptionListener) {\n\t\t\tthis.listeners.push(listener);\n\t\t\treturn () => {\n\t\t\t\tthis.listeners = this.listeners.filter(\n\t\t\t\t\t(l: ViewOptionListener) => l !== listener,\n\t\t\t\t);\n\t\t\t};\n\t\t},\n\t\tremoveListener(listener: ViewOptionListener) {\n\t\t\tthis.listeners = this.listeners.filter(\n\t\t\t\t(l: ViewOptionListener) => listener !== l,\n\t\t\t);\n\t\t},\n\t};\n}\n\nexport function useScorecardViewStateValue<\n\tValueType extends ScorecardViewOptions[keyof ScorecardViewOptions],\n>(key: keyof ScorecardViewOptions) {\n\tconst viewEngine = useScorecardViewStateEngine();\n\tconst [value, setValue] = useState<ValueType>(\n\t\tget(viewEngine.options, key) as ValueType,\n\t);\n\tuseEffect(() => {\n\t\tconst unsubscribe = viewEngine.addListener({\n\t\t\tkey,\n\t\t\tlistener(value) {\n\t\t\t\tsetValue(value as ValueType);\n\t\t\t},\n\t\t});\n\t\treturn () => {\n\t\t\tunsubscribe();\n\t\t};\n\t}, []);\n\treturn value;\n}\n\nexport function useScorecardViewOptions() {\n\tconst viewEngine = useScorecardViewStateEngine();\n\tconst [options, setOptions] = useState<ScorecardViewOptions>(\n\t\tviewEngine.options,\n\t);\n\n\tuseEffect(() => {\n\t\tconst unsubscribe = viewEngine.addOptionListener(setOptions);\n\n\t\treturn () => {\n\t\t\tunsubscribe();\n\t\t};\n\t}, []);\n\n\treturn options;\n}\n\nexport function useUpdateScorecardViewState(key: keyof ScorecardViewOptions) {\n\tconst viewEngine = useScorecardViewStateEngine();\n\treturn (value: ScorecardViewOptions[keyof ScorecardViewOptions]) => {\n\t\tviewEngine.updateOption(key, value);\n\t};\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/utils/viewState.ts"],"names":["set","useScorecardViewStateEngine","useState","get","useEffect","value"],"mappings":"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","file":"viewState.js","sourcesContent":["import type { ScorecardViewOptions } from \"../schemas/config\";\nimport { get, set } from \"lodash\";\nimport { useScorecardViewStateEngine } from \"../components\";\nimport { useEffect, useState } from \"react\";\n\nexport type ViewOptionListener = {\n\tkey: keyof ScorecardViewOptions;\n\tlistener: (\n\t\tvalue?: ScorecardViewOptions[keyof ScorecardViewOptions],\n\t) => void;\n};\n\nexport type ScorecardViewStateEngine = ReturnType<\n\ttypeof createScorecardViewStateEngine\n>;\n\nexport function createScorecardViewStateEngine(\n\tdefaultOptions: ScorecardViewOptions,\n) {\n\treturn {\n\t\toptions: defaultOptions as ScorecardViewOptions,\n\t\tlisteners: [] as ViewOptionListener[],\n\t\toptionsListeners: [] as Array<(options: ScorecardViewOptions) => void>,\n\t\tupdateOption(\n\t\t\tkey: keyof ScorecardViewOptions,\n\t\t\tvalue: ScorecardViewOptions[keyof ScorecardViewOptions],\n\t\t) {\n\t\t\tset(this.options, key, value);\n\t\t\tconst listeners: ViewOptionListener[] = this.listeners.filter(\n\t\t\t\t(listener: ViewOptionListener) => listener.key === key,\n\t\t\t);\n\t\t\tfor (const listener of listeners) {\n\t\t\t\tlistener.listener(value);\n\t\t\t}\n\t\t\tfor (const listener of this.optionsListeners) {\n\t\t\t\tlistener(this.options);\n\t\t\t}\n\t\t},\n\t\tupdateOptions(options: ScorecardViewOptions) {\n\t\t\tthis.options = {\n\t\t\t\t...this.options,\n\t\t\t\t...options,\n\t\t\t};\n\t\t\tfor (const listener of this.listeners) {\n\t\t\t\tlistener.listener(options[listener.key]);\n\t\t\t}\n\t\t\tfor (const listener of this.optionsListeners) {\n\t\t\t\tlistener(this.options);\n\t\t\t}\n\t\t},\n\t\taddOptionListener(listener: (options: ScorecardViewOptions) => void) {\n\t\t\tthis.optionsListeners.push(listener);\n\n\t\t\treturn () => {\n\t\t\t\tthis.optionsListeners = this.optionsListeners.filter(\n\t\t\t\t\t(l: (options: ScorecardViewOptions) => void) =>\n\t\t\t\t\t\tl !== listener,\n\t\t\t\t);\n\t\t\t};\n\t\t},\n\t\taddListener(listener: ViewOptionListener) {\n\t\t\tthis.listeners.push(listener);\n\t\t\treturn () => {\n\t\t\t\tthis.listeners = this.listeners.filter(\n\t\t\t\t\t(l: ViewOptionListener) => l !== listener,\n\t\t\t\t);\n\t\t\t};\n\t\t},\n\t\tremoveListener(listener: ViewOptionListener) {\n\t\t\tthis.listeners = this.listeners.filter(\n\t\t\t\t(l: ViewOptionListener) => listener !== l,\n\t\t\t);\n\t\t},\n\t};\n}\n\nexport function useScorecardViewStateValue<\n\tValueType extends ScorecardViewOptions[keyof ScorecardViewOptions],\n>(key: keyof ScorecardViewOptions) {\n\tconst viewEngine = useScorecardViewStateEngine();\n\tconst [value, setValue] = useState<ValueType>(\n\t\tget(viewEngine.options, key) as ValueType,\n\t);\n\tuseEffect(() => {\n\t\tconst unsubscribe = viewEngine.addListener({\n\t\t\tkey,\n\t\t\tlistener(value) {\n\t\t\t\tsetValue(value as ValueType);\n\t\t\t},\n\t\t});\n\t\treturn () => {\n\t\t\tunsubscribe();\n\t\t};\n\t}, []);\n\treturn value;\n}\n\nexport function useScorecardViewOptions() {\n\tconst viewEngine = useScorecardViewStateEngine();\n\tconst [options, setOptions] = useState<ScorecardViewOptions>(\n\t\tviewEngine.options,\n\t);\n\n\tuseEffect(() => {\n\t\tconst unsubscribe = viewEngine.addOptionListener(setOptions);\n\n\t\treturn () => {\n\t\t\tunsubscribe();\n\t\t};\n\t}, []);\n\n\treturn options;\n}\n\nexport function useUpdateScorecardViewState(key: keyof ScorecardViewOptions) {\n\tconst viewEngine = useScorecardViewStateEngine();\n\treturn (value: ScorecardViewOptions[keyof ScorecardViewOptions]) => {\n\t\tviewEngine.updateOption(key, value);\n\t};\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hisptz/dhis2-scorecard",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.3",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"module": "./dist/esm/index.js",
|
|
6
6
|
"types": "./dist/types/index.d.ts",
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"tsup": "^8.3.0",
|
|
43
43
|
"typescript": "^5.3.3",
|
|
44
44
|
"usehooks-ts": "^2.9.2",
|
|
45
|
-
"@repo/
|
|
46
|
-
"@repo/
|
|
45
|
+
"@repo/typescript-config": "0.0.2",
|
|
46
|
+
"@repo/eslint-config": "0.0.0"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"@tanstack/react-table": "^8.21.3",
|
|
@@ -56,9 +56,9 @@
|
|
|
56
56
|
"react-jsx-parser": "^2.2.0",
|
|
57
57
|
"react-to-print": "^3.0.1",
|
|
58
58
|
"xlsx": "^0.18.5",
|
|
59
|
-
"@hisptz/dhis2-analytics": "2.1.
|
|
60
|
-
"@hisptz/dhis2-
|
|
61
|
-
"@hisptz/dhis2-
|
|
59
|
+
"@hisptz/dhis2-analytics": "2.1.11",
|
|
60
|
+
"@hisptz/dhis2-utils": "2.0.18",
|
|
61
|
+
"@hisptz/dhis2-ui": "2.0.48"
|
|
62
62
|
},
|
|
63
63
|
"peerDependencies": {
|
|
64
64
|
"@dhis2/app-runtime": "^3",
|