@arbor-education/design-system.components 0.4.0 → 0.4.2

package/src/components/table/cellRenderers/SelectDropdownCellEditor.tsx

@@ -1,43 +0,0 @@
-import { memo, useCallback, useRef } from 'react';
-import type { CustomCellEditorProps } from 'ag-grid-react';
-import { SelectDropdown } from 'Components/formField/inputs/selectDropdown/SelectDropdown';
-import type { SelectDropdownItemProps } from 'Components/formField/inputs/selectDropdown/items/item/SelectDropdownItem';
-import { PopupParentContext } from 'Utils/PopupParentContext';
-
-export type SelectDropdownCellEditorParams = {
-  options: SelectDropdownItemProps[];
-  placeholder?: string;
-};
-
-export const SelectDropdownCellEditor = memo((props: CustomCellEditorProps & SelectDropdownCellEditorParams) => {
-  const { value, onValueChange, stopEditing } = props;
-  const options = props.options ?? [];
-  const placeholder = props.placeholder ?? 'Select';
-  const wrapperRef = useRef<HTMLDivElement>(null);
-
-  const initialSelectedValues = value != null && value !== '' ? [String(value)] : [];
-
-  const handleSelectionChange = useCallback(
-    (selected: string[]) => {
-      const newValue = selected.length > 0 ? selected[0] : '';
-      onValueChange(newValue);
-      stopEditing();
-    },
-    [onValueChange, stopEditing],
-  );
-
-  return (
-    <PopupParentContext.Provider value={wrapperRef}>
-      <div ref={wrapperRef} className="ds-table__select-dropdown-editor">
-        <SelectDropdown
-          options={options}
-          placeholder={placeholder}
-          initialSelectedValues={initialSelectedValues}
-          onSelectionChange={handleSelectionChange}
-        />
-      </div>
-    </PopupParentContext.Provider>
-  );
-});
-
-SelectDropdownCellEditor.displayName = 'SelectDropdownCellEditor';