kupos-ui-components-lib 10.4.13 → 10.4.15

package/src/components/FilterSortBar/SingleFilterSheet.tsx

@@ -1,82 +0,0 @@
-import React from "react";
-import { BottomSheet } from "../../ui/BottomSheet";
-import { CloseIcon } from "./icons";
-import OptionCheckboxList from "./OptionCheckboxList";
-import PriceRangeSlider from "./PriceRangeSlider";
-import SheetFooter from "./SheetFooter";
-import { FilterCategory, FilterSortBarColors, FilterSortBarIcons } from "./types";
-
-interface SingleFilterSheetProps {
-  category: FilterCategory | null;
-  onClose: () => void;
-  onToggleOption: (optionId: string) => void;
-  onPriceRangeChange: (currentMin: number, currentMax: number) => void;
-  onClear: () => void;
-  onApply: () => void;
-  currencySign: string;
-  colors: Required<FilterSortBarColors>;
-  icons?: FilterSortBarIcons;
-}
-
-const SingleFilterSheet = ({
-  category,
-  onClose,
-  onToggleOption,
-  onPriceRangeChange,
-  onClear,
-  onApply,
-  currencySign,
-  colors,
-  icons,
-}: SingleFilterSheetProps) => {
-  return (
-    <BottomSheet isOpen={!!category} onClose={onClose} showBackdrop maxHeight="75vh">
-      {category && (
-        <div>
-          <div
-            style={{
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "space-between",
-              marginBottom: 16,
-            }}
-          >
-            <span style={{ fontSize: 16, fontWeight: 700, color: "#464647" }}>
-              {category.sheetTitle || category.sectionLabel || category.label}
-            </span>
-            <div
-              onClick={onClose}
-              style={{ cursor: "pointer", padding: 4, WebkitTapHighlightColor: "transparent" }}
-            >
-              <CloseIcon size={14} src={icons?.closeIcon} />
-            </div>
-          </div>
-
-          <div style={{ maxHeight: "50vh", overflowY: "auto" }}>
-            {category.kind === "price" && category.priceRange ? (
-              <PriceRangeSlider
-                value={category.priceRange}
-                onChange={onPriceRangeChange}
-                currencySign={currencySign}
-                primaryColor={colors.primaryColor}
-              />
-            ) : (
-              <OptionCheckboxList
-                options={category.options || []}
-                kind={category.kind}
-                onToggle={onToggleOption}
-                primaryColor={colors.primaryColor}
-                starColor={colors.buttonColor || colors.primaryColor}
-                icons={icons}
-              />
-            )}
-          </div>
-
-          <SheetFooter onClear={onClear} onApply={onApply} colors={colors} />
-        </div>
-      )}
-    </BottomSheet>
-  );
-};
-
-export default SingleFilterSheet;