3157 refactor scoped states to move to v3 (#3180)

* renaming * renaming * create getDropdownScopeInjectors * update useDropdown * create internal hooks folder * update record-table states to be scoped states * update record-table selectors to be scoped selectors * create utils scope injector * refactor record-table wip * refactor record-table wip * wip * inject scopeId in selectors * update intenal hooks * update intenal hooks * update intenal hooks * update intenal hooks * update intenal hooks * update intenal hooks * update internal hooks * update internal hooks * update internal hooks * update internal hooks * update useTableColumns * update states and hooks * refactoring * refactoring * refactoring * refactoring * refactoring * refactoring * refactoring * refactoring * refactoring * fix scopeId not in context * fix lint errors * fix error in story * fix errors: wip * fix errors * fix error * fix jest test * fix scopeId not defined * fix jest test * Bug fixes --------- Co-authored-by: Charles Bochet <charles@twenty.com>
2024-01-03 19:45:14 +01:00
parent 65250839fb
commit b0d3e6d8d3
112 changed files with 1447 additions and 716 deletions
--- a/packages/twenty-front/src/modules/ui/input/components/IconPicker.tsx
+++ b/packages/twenty-front/src/modules/ui/input/components/IconPicker.tsx
@ -95,7 +95,7 @@ export const IconPicker = ({
    setHotkeyScopeAndMemorizePreviousScope,
  } = usePreviousHotkeyScope();

-  const { closeDropdown } = useDropdown({ dropdownScopeId });
+  const { closeDropdown } = useDropdown(dropdownScopeId);

  const { getIcons, getIcon } = useIcons();
  const icons = getIcons();
--- a/packages/twenty-front/src/modules/ui/input/components/Select.tsx
+++ b/packages/twenty-front/src/modules/ui/input/components/Select.tsx
@ -74,7 +74,7 @@ export const Select = <Value extends string | number | null>({
  const selectedOption =
    options.find(({ value: key }) => key === value) || options[0];

-  const { closeDropdown } = useDropdown({ dropdownScopeId });
+  const { closeDropdown } = useDropdown(dropdownScopeId);

  const selectControl = (
    <StyledControlContainer disabled={disabled} fullWidth={fullWidth}>
--- a/packages/twenty-front/src/modules/ui/input/components/internal/phone/components/CountryPickerDropdownButton.tsx
+++ b/packages/twenty-front/src/modules/ui/input/components/internal/phone/components/CountryPickerDropdownButton.tsx
@ -75,9 +75,7 @@ export const CountryPickerDropdownButton = ({

  const [selectedCountry, setSelectedCountry] = useState<Country>();

-  const { isDropdownOpen, closeDropdown } = useDropdown({
-    dropdownScopeId: 'country-picker',
-  });
+  const { isDropdownOpen, closeDropdown } = useDropdown('country-picker');

  const handleChange = (countryCode: string) => {
    onChange(countryCode);