@rolster/react-components 18.10.2 → 18.10.5

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 (26) hide show
  1. package/dist/cjs/index.js +26 -26
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/es/index.js +26 -26
  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/DateField/DateField.js +2 -2
  10. package/dist/esm/components/organisms/DateField/DateField.js.map +1 -1
  11. package/dist/esm/components/organisms/SelectField/SelectField.js +1 -1
  12. package/dist/esm/components/organisms/SelectField/SelectField.js.map +1 -1
  13. package/dist/esm/components/organisms/SelectField/{select-field.hook.js → SelectFieldHook.js} +12 -10
  14. package/dist/esm/components/organisms/SelectField/SelectFieldHook.js.map +1 -0
  15. package/dist/esm/hooks/{list-control.hook.js → ListControlHook.js} +1 -1
  16. package/dist/esm/hooks/ListControlHook.js.map +1 -0
  17. package/dist/esm/hooks/index.d.ts +1 -1
  18. package/dist/esm/hooks/index.js +1 -1
  19. package/dist/esm/hooks/index.js.map +1 -1
  20. package/package.json +1 -1
  21. package/dist/esm/components/organisms/AutocompleteField/autocomplete-field.hook.js.map +0 -1
  22. package/dist/esm/components/organisms/SelectField/select-field.hook.js.map +0 -1
  23. package/dist/esm/hooks/list-control.hook.js.map +0 -1
  24. /package/dist/esm/components/organisms/AutocompleteField/{autocomplete-field.hook.d.ts → AutocompleteFieldHook.d.ts} +0 -0
  25. /package/dist/esm/components/organisms/SelectField/{select-field.hook.d.ts → SelectFieldHook.d.ts} +0 -0
  26. /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) : resetState();
1293
1286
  }, [formControl?.state]);
1294
- useEffect(() => {
1295
- redefineDescription();
1296
- }, [collection]);
1297
- function redefineDescription() {
1298
- const element = formControl?.state && collection.find(formControl?.state);
1287
+ useEffect(() => resetState(), [collection]);
1288
+ function requestCurrentElement() {
1289
+ return formControl?.state && collection.find(formControl.state);
1290
+ }
1291
+ function resetState() {
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) {
@@ -1744,9 +1742,9 @@ function RlsDateField({ children, date, disabled, formControl, maxDate, minDate,
1744
1742
  }
1745
1743
  function onChange(value, ignoreControl = false) {
1746
1744
  if (!ignoreControl) {
1747
- formControl?.setState(undefined);
1745
+ formControl?.setState(value);
1748
1746
  }
1749
- setValue(undefined);
1747
+ setValue(value);
1750
1748
  if (onValue) {
1751
1749
  onValue(value);
1752
1750
  }
@@ -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) : resetState();
1898
1893
  }, [formControl?.state]);
1899
- useEffect(() => {
1900
- redefineDescription();
1901
- }, [collection]);
1902
- function redefineDescription() {
1903
- const element = formControl?.state && collection.find(formControl?.state);
1894
+ useEffect(() => resetState(), [collection]);
1895
+ function requestCurrentElement() {
1896
+ return formControl?.state && collection.find(formControl.state);
1897
+ }
1898
+ function resetState() {
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);