@performant-software/semantic-components 0.5.12 → 0.5.13

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.
Files changed (5) hide show
  1. package/build/index.js +1 -1
  2. package/build/index.js.map +1 -1
  3. package/package.json +3 -3
  4. package/src/components/ReferenceCodeFormDropdown.js +10 -18
  5. package/types/components/ReferenceCodeFormDropdown.js.flow +10 -18
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@performant-software/semantic-components",
3
- "version": "0.5.12",
3
+ "version": "0.5.13",
4
4
  "description": "A package of shared components based on the Semantic UI Framework.",
5
5
  "license": "MIT",
6
6
  "main": "./build/index.js",
@@ -12,7 +12,7 @@
12
12
  "build": "webpack --mode production && flow-copy-source -v src types"
13
13
  },
14
14
  "dependencies": {
15
- "@performant-software/shared-components": "^0.5.12",
15
+ "@performant-software/shared-components": "^0.5.13",
16
16
  "@react-google-maps/api": "^2.8.1",
17
17
  "axios": "^0.26.1",
18
18
  "i18next": "^19.4.4",
@@ -33,7 +33,7 @@
33
33
  "react-dom": ">= 16.13.1 < 18.0.0"
34
34
  },
35
35
  "devDependencies": {
36
- "@performant-software/webpack-config": "^0.5.12",
36
+ "@performant-software/webpack-config": "^0.5.13",
37
37
  "flow-copy-source": "^2.0.9",
38
38
  "less": "^4.1.2",
39
39
  "less-loader": "^11.0.0",
package/src/components/ReferenceCodeFormDropdown.js CHANGED
@@ -1,7 +1,7 @@
1
1
  // @flow
2
2
 
3
3
  import { ReferenceTablesService } from '@performant-software/shared-components';
4
- import React, { type ComponentType, useEffect, useState } from 'react';
4
+ import React, { type ComponentType, useState } from 'react';
5
5
  import { Form } from 'semantic-ui-react';
6
6
  import EditModal from './EditModal';
7
7
  import ReferenceCodeDropdown from './ReferenceCodeDropdown';
@@ -20,25 +20,12 @@ const ReferenceCodeFormDropdown: ComponentType<any> = (props: Props) => {
20
20
  error,
21
21
  label,
22
22
  required,
23
- referenceTable: key,
23
+ referenceTable,
24
24
  ...rest
25
25
  } = props;
26
26
 
27
27
  const [modal, setModal] = useState(false);
28
28
  const [dropdownKey, setDropdownKey] = useState(0);
29
- const [referenceTable, setReferenceTable] = useState({ key });
30
-
31
- /**
32
- * Looks up the existing reference table base on the passed key.
33
- */
34
- useEffect(() => (
35
- ReferenceTablesService
36
- .fetchByKey(key)
37
- .then(({ data }) => setReferenceTable((prevTable) => ({
38
- ...prevTable,
39
- ...data.reference_table
40
- })))
41
- ), [key]);
42
29
 
43
30
  return (
44
31
  <>
@@ -48,7 +35,7 @@ const ReferenceCodeFormDropdown: ComponentType<any> = (props: Props) => {
48
35
  <ReferenceCodeFormLabel
49
36
  label={label}
50
37
  onClick={() => setModal(true)}
51
- referenceTable={referenceTable.key}
38
+ referenceTable={referenceTable}
52
39
  />
53
40
  )}
54
41
  required={required}
@@ -56,15 +43,20 @@ const ReferenceCodeFormDropdown: ComponentType<any> = (props: Props) => {
56
43
  <ReferenceCodeDropdown
57
44
  {...rest}
58
45
  id={referenceTable}
59
- referenceTable={referenceTable.key}
46
+ referenceTable={referenceTable}
60
47
  key={dropdownKey}
61
48
  />
62
49
  </Form.Input>
63
50
  { modal && (
64
51
  <EditModal
65
52
  component={ReferenceTableModal}
66
- item={referenceTable}
53
+ item={{ id: referenceTable }}
67
54
  onClose={() => setModal(false)}
55
+ onInitialize={(key) => (
56
+ ReferenceTablesService
57
+ .fetchByKey(key)
58
+ .then(({ data }) => data.reference_table)
59
+ )}
68
60
  onSave={(record) => (
69
61
  ReferenceTablesService
70
62
  .save(record)
package/types/components/ReferenceCodeFormDropdown.js.flow CHANGED
@@ -1,7 +1,7 @@
1
1
  // @flow
2
2
 
3
3
  import { ReferenceTablesService } from '@performant-software/shared-components';
4
- import React, { type ComponentType, useEffect, useState } from 'react';
4
+ import React, { type ComponentType, useState } from 'react';
5
5
  import { Form } from 'semantic-ui-react';
6
6
  import EditModal from './EditModal';
7
7
  import ReferenceCodeDropdown from './ReferenceCodeDropdown';
@@ -20,25 +20,12 @@ const ReferenceCodeFormDropdown: ComponentType<any> = (props: Props) => {
20
20
  error,
21
21
  label,
22
22
  required,
23
- referenceTable: key,
23
+ referenceTable,
24
24
  ...rest
25
25
  } = props;
26
26
 
27
27
  const [modal, setModal] = useState(false);
28
28
  const [dropdownKey, setDropdownKey] = useState(0);
29
- const [referenceTable, setReferenceTable] = useState({ key });
30
-
31
- /**
32
- * Looks up the existing reference table base on the passed key.
33
- */
34
- useEffect(() => (
35
- ReferenceTablesService
36
- .fetchByKey(key)
37
- .then(({ data }) => setReferenceTable((prevTable) => ({
38
- ...prevTable,
39
- ...data.reference_table
40
- })))
41
- ), [key]);
42
29
 
43
30
  return (
44
31
  <>
@@ -48,7 +35,7 @@ const ReferenceCodeFormDropdown: ComponentType<any> = (props: Props) => {
48
35
  <ReferenceCodeFormLabel
49
36
  label={label}
50
37
  onClick={() => setModal(true)}
51
- referenceTable={referenceTable.key}
38
+ referenceTable={referenceTable}
52
39
  />
53
40
  )}
54
41
  required={required}
@@ -56,15 +43,20 @@ const ReferenceCodeFormDropdown: ComponentType<any> = (props: Props) => {
56
43
  <ReferenceCodeDropdown
57
44
  {...rest}
58
45
  id={referenceTable}
59
- referenceTable={referenceTable.key}
46
+ referenceTable={referenceTable}
60
47
  key={dropdownKey}
61
48
  />
62
49
  </Form.Input>
63
50
  { modal && (
64
51
  <EditModal
65
52
  component={ReferenceTableModal}
66
- item={referenceTable}
53
+ item={{ id: referenceTable }}
67
54
  onClose={() => setModal(false)}
55
+ onInitialize={(key) => (
56
+ ReferenceTablesService
57
+ .fetchByKey(key)
58
+ .then(({ data }) => data.reference_table)
59
+ )}
68
60
  onSave={(record) => (
69
61
  ReferenceTablesService
70
62
  .save(record)