@rolster/react-components 18.10.2 → 18.10.4

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 (24) hide show
  1. package/dist/cjs/index.js +24 -24
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/es/index.js +24 -24
  4. package/dist/es/index.js.map +1 -1
  5. package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.js +1 -1
  6. package/dist/esm/components/organisms/AutocompleteField/AutocompleteField.js.map +1 -1
  7. package/dist/esm/components/organisms/AutocompleteField/{autocomplete-field.hook.js → AutocompleteFieldHook.js} +14 -16
  8. package/dist/esm/components/organisms/AutocompleteField/AutocompleteFieldHook.js.map +1 -0
  9. package/dist/esm/components/organisms/SelectField/SelectField.js +1 -1
  10. package/dist/esm/components/organisms/SelectField/SelectField.js.map +1 -1
  11. package/dist/esm/components/organisms/SelectField/{select-field.hook.js → SelectFieldHook.js} +12 -10
  12. package/dist/esm/components/organisms/SelectField/SelectFieldHook.js.map +1 -0
  13. package/dist/esm/hooks/{list-control.hook.js → ListControlHook.js} +1 -1
  14. package/dist/esm/hooks/ListControlHook.js.map +1 -0
  15. package/dist/esm/hooks/index.d.ts +1 -1
  16. package/dist/esm/hooks/index.js +1 -1
  17. package/dist/esm/hooks/index.js.map +1 -1
  18. package/package.json +1 -1
  19. package/dist/esm/components/organisms/AutocompleteField/autocomplete-field.hook.js.map +0 -1
  20. package/dist/esm/components/organisms/SelectField/select-field.hook.js.map +0 -1
  21. package/dist/esm/hooks/list-control.hook.js.map +0 -1
  22. /package/dist/esm/components/organisms/AutocompleteField/{autocomplete-field.hook.d.ts → AutocompleteFieldHook.d.ts} +0 -0
  23. /package/dist/esm/components/organisms/SelectField/{select-field.hook.d.ts → SelectFieldHook.d.ts} +0 -0
  24. /package/dist/esm/hooks/{list-control.hook.d.ts → ListControlHook.d.ts} +0 -0
package/dist/es/index.js CHANGED
@@ -1279,24 +1279,22 @@ function useAutocompleteField({ suggestions, disabled, formControl, onSelect, on
1279
1279
  });
1280
1280
  const { collection, inputRef, setFocused, setValue, setVisible, navigationElement, navigationInput } = listControl;
1281
1281
  const [changeInternal, setChangeInternal] = useState(false);
1282
+ useEffect(() => filterSuggestions(pattern, true), [suggestions]);
1283
+ useEffect(() => filterSuggestions(pattern), [pattern]);
1282
1284
  useEffect(() => {
1283
- filterSuggestions(pattern, true);
1284
- }, [suggestions]);
1285
- useEffect(() => {
1286
- filterSuggestions(pattern);
1287
- }, [pattern]);
1288
- useEffect(() => {
1289
- if (!changeInternal) {
1290
- redefineDescription();
1291
- }
1292
- setChangeInternal(false);
1285
+ changeInternal ? setChangeInternal(false) : resetComponent();
1293
1286
  }, [formControl?.state]);
1294
- useEffect(() => {
1295
- redefineDescription();
1296
- }, [collection]);
1297
- function redefineDescription() {
1298
- const element = formControl?.state && collection.find(formControl?.state);
1287
+ useEffect(() => setValue(requestCurrentElement()?.description || ''), [collection]);
1288
+ function requestCurrentElement() {
1289
+ return formControl?.state && collection.find(formControl.state);
1290
+ }
1291
+ function resetComponent() {
1292
+ const element = requestCurrentElement();
1299
1293
  setValue(element?.description || '');
1294
+ if (!element) {
1295
+ setChangeInternal(true);
1296
+ formControl?.setState(undefined);
1297
+ }
1300
1298
  }
1301
1299
  function onClickControl() {
1302
1300
  if (!disabled) {
@@ -1891,17 +1889,19 @@ function useSelectField({ suggestions, formControl, onSelect, onValue }) {
1891
1889
  const { collection, inputRef, visible, setFocused, setValue, setVisible, navigationElement, navigationInput } = listControl;
1892
1890
  const [changeInternal, setChangeInternal] = useState(false);
1893
1891
  useEffect(() => {
1894
- if (!changeInternal) {
1895
- redefineDescription();
1896
- }
1897
- setChangeInternal(false);
1892
+ changeInternal ? setChangeInternal(false) : resetComponent();
1898
1893
  }, [formControl?.state]);
1899
- useEffect(() => {
1900
- redefineDescription();
1901
- }, [collection]);
1902
- function redefineDescription() {
1903
- const element = formControl?.state && collection.find(formControl?.state);
1894
+ useEffect(() => setValue(requestCurrentElement()?.description || ''), [collection]);
1895
+ function requestCurrentElement() {
1896
+ return formControl?.state && collection.find(formControl.state);
1897
+ }
1898
+ function resetComponent() {
1899
+ const element = requestCurrentElement();
1904
1900
  setValue(element?.description || '');
1901
+ if (!element) {
1902
+ setChangeInternal(true);
1903
+ formControl?.setState(undefined);
1904
+ }
1905
1905
  }
1906
1906
  function onFocusInput() {
1907
1907
  setFocused(true);