@ayasofyazilim/ui 0.0.0 → 0.0.2

package/dist/custom/master-data-grid/components/filters/inline-column-filter.js

@@ -0,0 +1,188 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../../../../components/dropdown-menu";
+import {
+  getFilterOperators,
+  validateFilterValue
+} from "../../utils/filter-fns";
+import { getTranslations } from "../../utils/translation-utils";
+import { FilterInput } from "./filter-input";
+function InlineColumnFilter({
+  column,
+  t
+}) {
+  const meta = column.columnDef.meta;
+  const schemaProperty = meta?.schemaProperty;
+  const filterOperators = meta?.filterOperators;
+  const availableOperators = useMemo(() => {
+    return filterOperators || (schemaProperty ? getFilterOperators(schemaProperty.type, schemaProperty.format) : ["contains"]);
+  }, [filterOperators, schemaProperty?.type, schemaProperty?.format]);
+  const currentFilter = column.getFilterValue();
+  const [operator, setOperator] = useState(
+    currentFilter?.operator || availableOperators[0] || "contains"
+  );
+  const [value, setValue] = useState(
+    String(currentFilter?.value || "")
+  );
+  const [value2, setValue2] = useState(
+    String(currentFilter?.value2 || "")
+  );
+  const debounceTimerRef = useRef(null);
+  const isRangeOperator = operator === "between" || operator === "inRange";
+  useEffect(() => {
+    return () => {
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+      }
+    };
+  }, []);
+  const handleValueChange = useCallback(
+    (newValue) => {
+      setValue(newValue);
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+      }
+      debounceTimerRef.current = setTimeout(() => {
+        if (!newValue && !isRangeOperator) {
+          column.setFilterValue(void 0);
+          return;
+        }
+        if (isRangeOperator) {
+          if (newValue && value2 && validateFilterValue(operator, newValue, value2)) {
+            const filter = {
+              id: column.id,
+              operator,
+              value: newValue,
+              value2
+            };
+            column.setFilterValue(filter);
+          }
+        } else if (validateFilterValue(operator, newValue)) {
+          const filter = {
+            id: column.id,
+            operator,
+            value: newValue
+          };
+          column.setFilterValue(filter);
+        }
+      }, 300);
+    },
+    [column, operator, value2, isRangeOperator]
+  );
+  const handleValue2Change = useCallback(
+    (newValue2) => {
+      setValue2(newValue2);
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+      }
+      debounceTimerRef.current = setTimeout(() => {
+        if (value && newValue2 && validateFilterValue(operator, value, newValue2)) {
+          const filter = {
+            id: column.id,
+            operator,
+            value,
+            value2: newValue2
+          };
+          column.setFilterValue(filter);
+        }
+      }, 300);
+    },
+    [column, operator, value]
+  );
+  const handleSliderChange = (values) => {
+    const [min, max] = values;
+    setValue(String(min));
+    setValue2(String(max));
+    const filter = {
+      id: column.id,
+      operator,
+      value: String(min),
+      value2: String(max)
+    };
+    column.setFilterValue(filter);
+  };
+  const handleClear = () => {
+    setValue("");
+    setValue2("");
+    column.setFilterValue(void 0);
+  };
+  const handleOperatorChange = (newOperator) => {
+    setOperator(newOperator);
+    const isNewRangeOperator = newOperator === "between" || newOperator === "inRange";
+    const needsNoInputNew = newOperator === "isEmpty" || newOperator === "isNotEmpty";
+    if (needsNoInputNew) {
+      const filter = {
+        id: column.id,
+        operator: newOperator,
+        value: ""
+      };
+      column.setFilterValue(filter);
+    } else if (isNewRangeOperator) {
+      if (value && value2 && validateFilterValue(newOperator, value, value2)) {
+        const filter = {
+          id: column.id,
+          operator: newOperator,
+          value,
+          value2
+        };
+        column.setFilterValue(filter);
+      } else {
+        column.setFilterValue(void 0);
+      }
+    } else {
+      if (value && validateFilterValue(newOperator, value)) {
+        const filter = {
+          id: column.id,
+          operator: newOperator,
+          value
+        };
+        column.setFilterValue(filter);
+      } else {
+        column.setFilterValue(void 0);
+      }
+    }
+  };
+  const showOperatorSelect = availableOperators.length > 1;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    showOperatorSelect && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("button", { className: "w-full px-2 py-1.5 text-xs font-medium hover:bg-accent rounded-md flex items-center justify-between", children: [
+        getTranslations(`filter.operator.${operator}`, t),
+        /* @__PURE__ */ jsx(ChevronDown, { className: "size-3" })
+      ] }) }),
+      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", children: availableOperators.map((op) => /* @__PURE__ */ jsx(
+        DropdownMenuItem,
+        {
+          onClick: () => handleOperatorChange(op),
+          className: "text-xs",
+          children: getTranslations(`filter.operator.${op}`, t)
+        },
+        op
+      )) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      FilterInput,
+      {
+        operator,
+        value,
+        value2,
+        columnMeta: meta,
+        onValueChange: handleValueChange,
+        onValue2Change: handleValue2Change,
+        onSliderChange: handleSliderChange,
+        onClear: handleClear,
+        t,
+        variant: "inline"
+      }
+    )
+  ] });
+}
+export {
+  InlineColumnFilter
+};
+//# sourceMappingURL=inline-column-filter.js.map

package/dist/custom/master-data-grid/components/filters/inline-column-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/custom/master-data-grid/components/filters/inline-column-filter.tsx"],"sourcesContent":["import type { Column } from \"@tanstack/react-table\";\r\nimport { ChevronDown } from \"lucide-react\";\r\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuTrigger,\r\n} from \"../../../../components/dropdown-menu\";\r\nimport type {\r\n  ColumnFilter,\r\n  ColumnMeta,\r\n  FilterOperator,\r\n  MasterDataGridResources,\r\n} from \"../../types\";\r\nimport {\r\n  getFilterOperators,\r\n  validateFilterValue,\r\n} from \"../../utils/filter-fns\";\r\nimport { getTranslations } from \"../../utils/translation-utils\";\r\nimport { FilterInput } from \"./filter-input\";\r\n\r\ninterface InlineColumnFilterProps<TData> {\r\n  column: Column<TData, unknown>;\r\n  t?: MasterDataGridResources;\r\n}\r\n\r\nexport function InlineColumnFilter<TData>({\r\n  column,\r\n  t,\r\n}: InlineColumnFilterProps<TData>) {\r\n  const meta = column.columnDef.meta as ColumnMeta | undefined;\r\n  const schemaProperty = meta?.schemaProperty;\r\n  const filterOperators = meta?.filterOperators;\r\n\r\n  const availableOperators = useMemo<FilterOperator[]>(() => {\r\n    return (\r\n      filterOperators ||\r\n      (schemaProperty\r\n        ? getFilterOperators(schemaProperty.type, schemaProperty.format)\r\n        : [\"contains\"])\r\n    );\r\n  }, [filterOperators, schemaProperty?.type, schemaProperty?.format]);\r\n\r\n  const currentFilter = column.getFilterValue() as ColumnFilter | undefined;\r\n  const [operator, setOperator] = useState<FilterOperator>(\r\n    currentFilter?.operator || availableOperators[0] || \"contains\"\r\n  );\r\n  const [value, setValue] = useState<string>(\r\n    String(currentFilter?.value || \"\")\r\n  );\r\n  const [value2, setValue2] = useState<string>(\r\n    String(currentFilter?.value2 || \"\")\r\n  );\r\n  const debounceTimerRef = useRef<NodeJS.Timeout | null>(null);\r\n\r\n  const isRangeOperator = operator === \"between\" || operator === \"inRange\";\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (debounceTimerRef.current) {\r\n        clearTimeout(debounceTimerRef.current);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  const handleValueChange = useCallback(\r\n    (newValue: string) => {\r\n      setValue(newValue);\r\n\r\n      if (debounceTimerRef.current) {\r\n        clearTimeout(debounceTimerRef.current);\r\n      }\r\n\r\n      debounceTimerRef.current = setTimeout(() => {\r\n        if (!newValue && !isRangeOperator) {\r\n          column.setFilterValue(undefined);\r\n          return;\r\n        }\r\n\r\n        if (isRangeOperator) {\r\n          if (\r\n            newValue &&\r\n            value2 &&\r\n            validateFilterValue(operator, newValue, value2)\r\n          ) {\r\n            const filter: ColumnFilter = {\r\n              id: column.id,\r\n              operator,\r\n              value: newValue,\r\n              value2,\r\n            };\r\n            column.setFilterValue(filter);\r\n          }\r\n        } else if (validateFilterValue(operator, newValue)) {\r\n          const filter: ColumnFilter = {\r\n            id: column.id,\r\n            operator,\r\n            value: newValue,\r\n          };\r\n          column.setFilterValue(filter);\r\n        }\r\n      }, 300);\r\n    },\r\n    [column, operator, value2, isRangeOperator]\r\n  );\r\n\r\n  const handleValue2Change = useCallback(\r\n    (newValue2: string) => {\r\n      setValue2(newValue2);\r\n      if (debounceTimerRef.current) {\r\n        clearTimeout(debounceTimerRef.current);\r\n      }\r\n      debounceTimerRef.current = setTimeout(() => {\r\n        if (\r\n          value &&\r\n          newValue2 &&\r\n          validateFilterValue(operator, value, newValue2)\r\n        ) {\r\n          const filter: ColumnFilter = {\r\n            id: column.id,\r\n            operator,\r\n            value,\r\n            value2: newValue2,\r\n          };\r\n          column.setFilterValue(filter);\r\n        }\r\n      }, 300);\r\n    },\r\n    [column, operator, value]\r\n  );\r\n\r\n  const handleSliderChange = (values: number[]) => {\r\n    const [min, max] = values;\r\n    setValue(String(min));\r\n    setValue2(String(max));\r\n\r\n    const filter: ColumnFilter = {\r\n      id: column.id,\r\n      operator,\r\n      value: String(min),\r\n      value2: String(max),\r\n    };\r\n    column.setFilterValue(filter);\r\n  };\r\n\r\n  const handleClear = () => {\r\n    setValue(\"\");\r\n    setValue2(\"\");\r\n    column.setFilterValue(undefined);\r\n  };\r\n\r\n  const handleOperatorChange = (newOperator: FilterOperator) => {\r\n    setOperator(newOperator);\r\n\r\n    const isNewRangeOperator =\r\n      newOperator === \"between\" || newOperator === \"inRange\";\r\n    const needsNoInputNew =\r\n      newOperator === \"isEmpty\" || newOperator === \"isNotEmpty\";\r\n\r\n    if (needsNoInputNew) {\r\n      const filter: ColumnFilter = {\r\n        id: column.id,\r\n        operator: newOperator,\r\n        value: \"\",\r\n      };\r\n      column.setFilterValue(filter);\r\n    } else if (isNewRangeOperator) {\r\n      if (value && value2 && validateFilterValue(newOperator, value, value2)) {\r\n        const filter: ColumnFilter = {\r\n          id: column.id,\r\n          operator: newOperator,\r\n          value,\r\n          value2,\r\n        };\r\n        column.setFilterValue(filter);\r\n      } else {\r\n        column.setFilterValue(undefined);\r\n      }\r\n    } else {\r\n      if (value && validateFilterValue(newOperator, value)) {\r\n        const filter: ColumnFilter = {\r\n          id: column.id,\r\n          operator: newOperator,\r\n          value,\r\n        };\r\n        column.setFilterValue(filter);\r\n      } else {\r\n        column.setFilterValue(undefined);\r\n      }\r\n    }\r\n  };\r\n  const showOperatorSelect = availableOperators.length > 1;\r\n\r\n  return (\r\n    <div className=\"space-y-2\">\r\n      {showOperatorSelect && (\r\n        <DropdownMenu>\r\n          <DropdownMenuTrigger asChild>\r\n            <button className=\"w-full px-2 py-1.5 text-xs font-medium hover:bg-accent rounded-md flex items-center justify-between\">\r\n              {getTranslations(`filter.operator.${operator}`, t)}\r\n              <ChevronDown className=\"size-3\" />\r\n            </button>\r\n          </DropdownMenuTrigger>\r\n          <DropdownMenuContent align=\"start\">\r\n            {availableOperators.map((op) => (\r\n              <DropdownMenuItem\r\n                key={op}\r\n                onClick={() => handleOperatorChange(op)}\r\n                className=\"text-xs\"\r\n              >\r\n                {getTranslations(`filter.operator.${op}`, t)}\r\n              </DropdownMenuItem>\r\n            ))}\r\n          </DropdownMenuContent>\r\n        </DropdownMenu>\r\n      )}\r\n\r\n      <FilterInput\r\n        operator={operator}\r\n        value={value}\r\n        value2={value2}\r\n        columnMeta={meta}\r\n        onValueChange={handleValueChange}\r\n        onValue2Change={handleValue2Change}\r\n        onSliderChange={handleSliderChange}\r\n        onClear={handleClear}\r\n        t={t}\r\n        variant=\"inline\"\r\n      />\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/custom/master-data-grid/components/filters/multi-filter-dialog.js

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+} from "@repo/ayasofyazilim-ui/components/tabs";
+import { useIsMobile } from "@repo/ayasofyazilim-ui/hooks/use-mobile";
+import { useState } from "react";
+import {
+  Drawer,
+  DrawerContent,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger
+} from "../../../../components/drawer";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "../../../../components/popover";
+import { getTranslations } from "../../utils/translation-utils";
+import { ClientFilterContent } from "./client-filter";
+import { ServerFilterContent } from "./server-filter";
+function MultiFilterDialog({
+  table,
+  config,
+  children
+}) {
+  const { t } = config;
+  const isMobile = useIsMobile();
+  const [open, setOpen] = useState(false);
+  const filterContent = /* @__PURE__ */ jsxs(Tabs, { defaultValue: "client", children: [
+    config.serverFilters && /* @__PURE__ */ jsxs(TabsList, { children: [
+      /* @__PURE__ */ jsx(TabsTrigger, { value: "client", children: t?.["toolbar.client"] }),
+      /* @__PURE__ */ jsx(TabsTrigger, { value: "server", children: t?.["toolbar.server"] })
+    ] }),
+    /* @__PURE__ */ jsx(TabsContent, { value: "client", className: "w-full", children: /* @__PURE__ */ jsx(ClientFilterContent, { setOpen, table, config }) }),
+    /* @__PURE__ */ jsx(
+      TabsContent,
+      {
+        value: "server",
+        className: "w-full min-w-lg max-w-lg [&>fieldset]:p-0",
+        children: /* @__PURE__ */ jsx(ServerFilterContent, { table, config })
+      }
+    )
+  ] });
+  if (isMobile) {
+    return /* @__PURE__ */ jsxs(Drawer, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(DrawerTrigger, { asChild: true, children }),
+      /* @__PURE__ */ jsxs(DrawerContent, { children: [
+        /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsx(DrawerTitle, { children: getTranslations("filter.title", t) }) }),
+        /* @__PURE__ */ jsx("div", { className: "px-4 pb-4 max-h-[70vh] overflow-y-auto", children: filterContent })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto max-w-3xl", align: "end", children: filterContent })
+  ] });
+}
+export {
+  MultiFilterDialog
+};
+//# sourceMappingURL=multi-filter-dialog.js.map

package/dist/custom/master-data-grid/components/filters/multi-filter-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/custom/master-data-grid/components/filters/multi-filter-dialog.tsx"],"sourcesContent":["import {\r\n  Tabs,\r\n  TabsContent,\r\n  TabsList,\r\n  TabsTrigger,\r\n} from \"@repo/ayasofyazilim-ui/components/tabs\";\r\nimport type { Table } from \"@tanstack/react-table\";\r\n\r\nimport { useIsMobile } from \"@repo/ayasofyazilim-ui/hooks/use-mobile\";\r\nimport { useState } from \"react\";\r\nimport {\r\n  Drawer,\r\n  DrawerContent,\r\n  DrawerHeader,\r\n  DrawerTitle,\r\n  DrawerTrigger,\r\n} from \"../../../../components/drawer\";\r\nimport {\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n} from \"../../../../components/popover\";\r\nimport type { MasterDataGridConfig } from \"../../types\";\r\nimport { getTranslations } from \"../../utils/translation-utils\";\r\nimport { ClientFilterContent } from \"./client-filter\";\r\nimport { ServerFilterContent } from \"./server-filter\";\r\n\r\nexport interface BaseMultiFilterDialogProps<TData> {\r\n  table: Table<TData>;\r\n  config: MasterDataGridConfig<TData>;\r\n}\r\ninterface MultiFilterDialogProps<TData>\r\n  extends BaseMultiFilterDialogProps<TData> {\r\n  children: React.ReactNode;\r\n}\r\n\r\nexport function MultiFilterDialog<TData>({\r\n  table,\r\n  config,\r\n  children,\r\n}: MultiFilterDialogProps<TData>) {\r\n  const { t } = config;\r\n  const isMobile = useIsMobile();\r\n  const [open, setOpen] = useState(false);\r\n\r\n  const filterContent = (\r\n    <Tabs defaultValue=\"client\">\r\n      {config.serverFilters && (\r\n        <TabsList>\r\n          <TabsTrigger value=\"client\">{t?.[\"toolbar.client\"]}</TabsTrigger>\r\n          <TabsTrigger value=\"server\">{t?.[\"toolbar.server\"]}</TabsTrigger>\r\n        </TabsList>\r\n      )}\r\n      <TabsContent value=\"client\" className=\"w-full\">\r\n        <ClientFilterContent setOpen={setOpen} table={table} config={config} />\r\n      </TabsContent>\r\n      <TabsContent\r\n        value=\"server\"\r\n        className=\"w-full min-w-lg max-w-lg [&>fieldset]:p-0\"\r\n      >\r\n        <ServerFilterContent table={table} config={config} />\r\n      </TabsContent>\r\n    </Tabs>\r\n  );\r\n\r\n  if (isMobile) {\r\n    return (\r\n      <Drawer open={open} onOpenChange={setOpen}>\r\n        <DrawerTrigger asChild>{children}</DrawerTrigger>\r\n        <DrawerContent>\r\n          <DrawerHeader>\r\n            <DrawerTitle>{getTranslations(\"filter.title\", t)}</DrawerTitle>\r\n          </DrawerHeader>\r\n          <div className=\"px-4 pb-4 max-h-[70vh] overflow-y-auto\">\r\n            {filterContent}\r\n          </div>\r\n        </DrawerContent>\r\n      </Drawer>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Popover open={open} onOpenChange={setOpen}>\r\n      <PopoverTrigger asChild>{children}</PopoverTrigger>\r\n      <PopoverContent className=\"w-auto max-w-3xl\" align=\"end\">\r\n        {filterContent}\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n}\r\n"],"mappings":"AAgDQ,SACE,KADF;AAhDR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AAW7B,SAAS,kBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC,QAAM,EAAE,EAAE,IAAI;AACd,QAAM,WAAW,YAAY;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,gBACJ,qBAAC,QAAK,cAAa,UAChB;AAAA,WAAO,iBACN,qBAAC,YACC;AAAA,0BAAC,eAAY,OAAM,UAAU,cAAI,gBAAgB,GAAE;AAAA,MACnD,oBAAC,eAAY,OAAM,UAAU,cAAI,gBAAgB,GAAE;AAAA,OACrD;AAAA,IAEF,oBAAC,eAAY,OAAM,UAAS,WAAU,UACpC,8BAAC,uBAAoB,SAAkB,OAAc,QAAgB,GACvE;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,WAAU;AAAA,QAEV,8BAAC,uBAAoB,OAAc,QAAgB;AAAA;AAAA,IACrD;AAAA,KACF;AAGF,MAAI,UAAU;AACZ,WACE,qBAAC,UAAO,MAAY,cAAc,SAChC;AAAA,0BAAC,iBAAc,SAAO,MAAE,UAAS;AAAA,MACjC,qBAAC,iBACC;AAAA,4BAAC,gBACC,8BAAC,eAAa,0BAAgB,gBAAgB,CAAC,GAAE,GACnD;AAAA,QACA,oBAAC,SAAI,WAAU,0CACZ,yBACH;AAAA,SACF;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,wBAAC,kBAAe,SAAO,MAAE,UAAS;AAAA,IAClC,oBAAC,kBAAe,WAAU,oBAAmB,OAAM,OAChD,yBACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/custom/master-data-grid/components/filters/server-filter.js

@@ -0,0 +1,213 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import {
+  Field,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+  FieldSet
+} from "@repo/ayasofyazilim-ui/components/field";
+import { Selectable } from "@repo/ayasofyazilim-ui/custom/selectable";
+import { Loader2, RotateCcw, Search, XCircle } from "lucide-react";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { useCallback, useState, useTransition } from "react";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput
+} from "@repo/ayasofyazilim-ui/components/input-group";
+import {
+  ScrollArea,
+  ScrollBar
+} from "@repo/ayasofyazilim-ui/components/scroll-area";
+import { getTranslations } from "../../utils";
+function ServerFilterContent({
+  config
+}) {
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const [isPending, startTransition] = useTransition();
+  const { serverFilters } = config;
+  if (!serverFilters) return null;
+  const [resetCount, setResetCount] = useState(0);
+  const [localValues, setLocalValues] = useState(
+    () => {
+      const initial = {};
+      serverFilters.forEach((filter) => {
+        const val = searchParams.get(filter.key);
+        if (filter.type === "array") {
+          initial[filter.key] = searchParams.getAll(filter.key);
+        } else if (filter.type === "boolean") {
+          initial[filter.key] = val === "true" ? true : val === "false" ? false : void 0;
+        } else if (filter.type === "number") {
+          initial[filter.key] = val ? Number(val) : void 0;
+        } else {
+          initial[filter.key] = val || void 0;
+        }
+      });
+      return initial;
+    }
+  );
+  const [errors, setErrors] = useState({});
+  const onValueChange = useCallback(
+    (filter, rawValue) => {
+      let processedValue = rawValue;
+      if (rawValue === "" || Array.isArray(rawValue) && rawValue.length === 0) {
+        processedValue = void 0;
+      }
+      if (filter.validator) {
+        const result = filter.validator.safeParse(processedValue);
+        setErrors((prev) => ({
+          ...prev,
+          [filter.key]: result.success ? "" : result.error.issues[0]?.message || "Hata"
+        }));
+      }
+      setLocalValues((prev) => ({ ...prev, [filter.key]: processedValue }));
+    },
+    []
+  );
+  const handleApply = () => {
+    const params = new URLSearchParams(searchParams.toString());
+    let hasValidationError = false;
+    serverFilters.forEach((filter) => {
+      const val = localValues[filter.key];
+      params.delete(filter.key);
+      const isEmpty = val === void 0 || val === null || val === "" || Array.isArray(val) && val.length === 0;
+      if (!isEmpty) {
+        if (filter.validator) {
+          const result = filter.validator.safeParse(val);
+          if (!result.success) {
+            hasValidationError = true;
+            setErrors((prev) => ({
+              ...prev,
+              [filter.key]: result.error.issues[0]?.message || "Hata"
+            }));
+            return;
+          }
+        }
+        if (Array.isArray(val)) {
+          val.forEach((v) => params.append(filter.key, String(v)));
+        } else {
+          params.set(filter.key, String(val));
+        }
+      } else {
+        setErrors((prev) => ({ ...prev, [filter.key]: "" }));
+      }
+    });
+    if (hasValidationError) return;
+    params.delete("page");
+    startTransition(() => {
+      router.push(`${pathname}?${params.toString()}`, { scroll: false });
+    });
+  };
+  const handleReset = () => {
+    const initial = {};
+    serverFilters.forEach((f) => {
+      initial[f.key] = f.type === "array" ? [] : void 0;
+    });
+    setLocalValues(initial);
+    setErrors({});
+    setResetCount((prev) => prev + 1);
+    startTransition(() => router.push(pathname, { scroll: false }));
+  };
+  const clearSingleFilter = useCallback((filter) => {
+    const emptyValue = filter.type === "array" ? [] : filter.type === "boolean" ? void 0 : "";
+    setLocalValues((prev) => ({ ...prev, [filter.key]: emptyValue }));
+    setErrors((prev) => ({ ...prev, [filter.key]: "" }));
+    if (["select", "array", "boolean"].includes(filter.type)) {
+      setResetCount((prev) => prev + 1);
+    }
+  }, []);
+  return /* @__PURE__ */ jsxs(FieldSet, { className: "p-2", children: [
+    /* @__PURE__ */ jsxs(ScrollArea, { className: "pr-4", children: [
+      /* @__PURE__ */ jsx(ScrollBar, {}),
+      /* @__PURE__ */ jsx(FieldGroup, { className: "gap-3 max-h-80", children: serverFilters.map((filter) => {
+        const value = localValues[filter.key];
+        const isSelectable = filter.type === "select" || filter.type === "array" || filter.type === "boolean";
+        if (isSelectable) {
+          return /* @__PURE__ */ jsxs(Field, { className: "gap-1", children: [
+            /* @__PURE__ */ jsx(FieldLabel, { htmlFor: filter.key, children: filter.label }),
+            /* @__PURE__ */ jsx(
+              Selectable,
+              {
+                id: filter.key,
+                singular: filter.type !== "array",
+                options: filter.options,
+                defaultValue: filter.options.filter(
+                  (opt) => Array.isArray(value) ? value.some(
+                    (v) => v === opt.value || String(v) === String(opt.value)
+                  ) : value === opt.value || String(value) === String(opt.value)
+                ),
+                getKey: (opt) => String(opt.value),
+                getLabel: (opt) => opt.label,
+                onChange: (selected) => {
+                  const values = selected.map((s) => s.value);
+                  onValueChange(
+                    filter,
+                    filter.type === "array" ? values : values[0] ?? void 0
+                  );
+                },
+                searchPlaceholderText: filter.placeholder,
+                makeAChoiceText: filter.placeholder
+              },
+              `${filter.key}-${resetCount}`
+            ),
+            errors[filter.key] && /* @__PURE__ */ jsx(FieldError, { children: errors[filter.key] })
+          ] }, filter.key);
+        }
+        return /* @__PURE__ */ jsxs(Field, { className: "gap-1", children: [
+          /* @__PURE__ */ jsx(FieldLabel, { htmlFor: filter.key, children: filter.label }),
+          /* @__PURE__ */ jsxs(InputGroup, { children: [
+            /* @__PURE__ */ jsx(
+              InputGroupInput,
+              {
+                id: filter.key,
+                type: filter.type === "number" ? "number" : "text",
+                value: typeof value === "boolean" || typeof value === "object" ? "" : value ?? "",
+                placeholder: filter.placeholder,
+                onKeyDown: (e) => e.key === "Enter" && handleApply(),
+                onChange: (e) => onValueChange(filter, e.target.value),
+                className: errors[filter.key] ? "border-destructive" : ""
+              }
+            ),
+            localValues[filter.key] && /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx(
+              InputGroupButton,
+              {
+                onClick: () => clearSingleFilter(filter),
+                children: /* @__PURE__ */ jsx(XCircle, {})
+              }
+            ) })
+          ] }),
+          errors[filter.key] && /* @__PURE__ */ jsx(FieldError, { children: errors[filter.key] })
+        ] }, filter.key);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Field, { orientation: "horizontal", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          onClick: handleReset,
+          disabled: isPending,
+          children: [
+            /* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 h-4 w-4" }),
+            " ",
+            getTranslations("filter.clear", config.t)
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(Button, { type: "button", onClick: handleApply, disabled: isPending, children: [
+        isPending ? /* @__PURE__ */ jsx(Loader2, { className: "animate-spin" }) : /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4" }),
+        getTranslations("filter.apply", config.t)
+      ] })
+    ] })
+  ] });
+}
+export {
+  ServerFilterContent
+};
+//# sourceMappingURL=server-filter.js.map

package/dist/custom/master-data-grid/components/filters/server-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/custom/master-data-grid/components/filters/server-filter.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Button } from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport {\r\n  Field,\r\n  FieldError,\r\n  FieldGroup,\r\n  FieldLabel,\r\n  FieldSet,\r\n} from \"@repo/ayasofyazilim-ui/components/field\";\r\nimport { Selectable } from \"@repo/ayasofyazilim-ui/custom/selectable\";\r\nimport { Loader2, RotateCcw, Search, XCircle } from \"lucide-react\";\r\nimport { usePathname, useRouter, useSearchParams } from \"next/navigation\";\r\nimport { useCallback, useState, useTransition } from \"react\";\r\nimport { ServerFilterConfig } from \"../../types\";\r\nimport { BaseMultiFilterDialogProps } from \"./multi-filter-dialog\";\r\nimport {\r\n  InputGroup,\r\n  InputGroupAddon,\r\n  InputGroupButton,\r\n  InputGroupInput,\r\n} from \"@repo/ayasofyazilim-ui/components/input-group\";\r\nimport {\r\n  ScrollArea,\r\n  ScrollBar,\r\n} from \"@repo/ayasofyazilim-ui/components/scroll-area\";\r\nimport { getTranslations } from \"../../utils\";\r\n\r\ntype FilterValue =\r\n  | string\r\n  | number\r\n  | boolean\r\n  | Array<string | boolean>\r\n  | undefined;\r\n\r\nexport function ServerFilterContent<TData>({\r\n  config,\r\n}: BaseMultiFilterDialogProps<TData>) {\r\n  const router = useRouter();\r\n  const pathname = usePathname();\r\n  const searchParams = useSearchParams();\r\n  const [isPending, startTransition] = useTransition();\r\n\r\n  const { serverFilters } = config;\r\n  if (!serverFilters) return null;\r\n\r\n  const [resetCount, setResetCount] = useState(0);\r\n\r\n  const [localValues, setLocalValues] = useState<Record<string, FilterValue>>(\r\n    () => {\r\n      const initial: Record<string, FilterValue> = {};\r\n      serverFilters.forEach((filter) => {\r\n        const val = searchParams.get(filter.key);\r\n        if (filter.type === \"array\") {\r\n          initial[filter.key] = searchParams.getAll(filter.key);\r\n        } else if (filter.type === \"boolean\") {\r\n          initial[filter.key] =\r\n            val === \"true\" ? true : val === \"false\" ? false : undefined;\r\n        } else if (filter.type === \"number\") {\r\n          initial[filter.key] = val ? Number(val) : undefined;\r\n        } else {\r\n          initial[filter.key] = val || undefined;\r\n        }\r\n      });\r\n      return initial;\r\n    }\r\n  );\r\n\r\n  const [errors, setErrors] = useState<Record<string, string>>({});\r\n\r\n  const onValueChange = useCallback(\r\n    (filter: ServerFilterConfig, rawValue: FilterValue) => {\r\n      let processedValue: FilterValue = rawValue;\r\n      if (\r\n        rawValue === \"\" ||\r\n        (Array.isArray(rawValue) && rawValue.length === 0)\r\n      ) {\r\n        processedValue = undefined;\r\n      }\r\n\r\n      if (filter.validator) {\r\n        const result = filter.validator.safeParse(processedValue);\r\n        setErrors((prev) => ({\r\n          ...prev,\r\n          [filter.key]: result.success\r\n            ? \"\"\r\n            : result.error.issues[0]?.message || \"Hata\",\r\n        }));\r\n      }\r\n\r\n      setLocalValues((prev) => ({ ...prev, [filter.key]: processedValue }));\r\n    },\r\n    []\r\n  );\r\n\r\n  const handleApply = () => {\r\n    const params = new URLSearchParams(searchParams.toString());\r\n    let hasValidationError = false;\r\n\r\n    serverFilters.forEach((filter) => {\r\n      const val = localValues[filter.key];\r\n      params.delete(filter.key);\r\n      const isEmpty =\r\n        val === undefined ||\r\n        val === null ||\r\n        val === \"\" ||\r\n        (Array.isArray(val) && val.length === 0);\r\n\r\n      if (!isEmpty) {\r\n        if (filter.validator) {\r\n          const result = filter.validator.safeParse(val);\r\n          if (!result.success) {\r\n            hasValidationError = true;\r\n            setErrors((prev) => ({\r\n              ...prev,\r\n              [filter.key]: result.error.issues[0]?.message || \"Hata\",\r\n            }));\r\n            return;\r\n          }\r\n        }\r\n        if (Array.isArray(val)) {\r\n          val.forEach((v) => params.append(filter.key, String(v)));\r\n        } else {\r\n          params.set(filter.key, String(val));\r\n        }\r\n      } else {\r\n        setErrors((prev) => ({ ...prev, [filter.key]: \"\" }));\r\n      }\r\n    });\r\n    if (hasValidationError) return;\r\n    params.delete(\"page\");\r\n    startTransition(() => {\r\n      router.push(`${pathname}?${params.toString()}`, { scroll: false });\r\n    });\r\n  };\r\n\r\n  const handleReset = () => {\r\n    const initial: Record<string, FilterValue> = {};\r\n    serverFilters.forEach((f) => {\r\n      initial[f.key] = f.type === \"array\" ? [] : undefined;\r\n    });\r\n    setLocalValues(initial);\r\n    setErrors({});\r\n    setResetCount((prev) => prev + 1);\r\n    startTransition(() => router.push(pathname, { scroll: false }));\r\n  };\r\n\r\n  const clearSingleFilter = useCallback((filter: ServerFilterConfig) => {\r\n    const emptyValue =\r\n      filter.type === \"array\" ? [] : filter.type === \"boolean\" ? undefined : \"\";\r\n    setLocalValues((prev) => ({ ...prev, [filter.key]: emptyValue }));\r\n    setErrors((prev) => ({ ...prev, [filter.key]: \"\" }));\r\n    if ([\"select\", \"array\", \"boolean\"].includes(filter.type)) {\r\n      setResetCount((prev) => prev + 1);\r\n    }\r\n  }, []);\r\n\r\n  return (\r\n    <FieldSet className=\"p-2\">\r\n      <ScrollArea className=\"pr-4\">\r\n        <ScrollBar />\r\n        <FieldGroup className={\"gap-3 max-h-80\"}>\r\n          {serverFilters.map((filter) => {\r\n            const value = localValues[filter.key];\r\n\r\n            const isSelectable =\r\n              filter.type === \"select\" ||\r\n              filter.type === \"array\" ||\r\n              filter.type === \"boolean\";\r\n            if (isSelectable) {\r\n              return (\r\n                <Field key={filter.key} className=\"gap-1\">\r\n                  <FieldLabel htmlFor={filter.key}>{filter.label}</FieldLabel>\r\n                  <Selectable\r\n                    id={filter.key}\r\n                    key={`${filter.key}-${resetCount}`}\r\n                    singular={filter.type !== \"array\"}\r\n                    options={filter.options}\r\n                    defaultValue={filter.options.filter((opt) =>\r\n                      Array.isArray(value)\r\n                        ? value.some(\r\n                            (v) =>\r\n                              v === opt.value || String(v) === String(opt.value)\r\n                          )\r\n                        : value === opt.value ||\r\n                          String(value) === String(opt.value)\r\n                    )}\r\n                    getKey={(opt) => String(opt.value)}\r\n                    getLabel={(opt) => opt.label}\r\n                    onChange={(selected) => {\r\n                      const values = selected.map((s) => s.value);\r\n                      onValueChange(\r\n                        filter,\r\n                        filter.type === \"array\"\r\n                          ? values\r\n                          : values[0] ?? undefined\r\n                      );\r\n                    }}\r\n                    searchPlaceholderText={filter.placeholder}\r\n                    makeAChoiceText={filter.placeholder}\r\n                  />\r\n                  {errors[filter.key] && (\r\n                    <FieldError>{errors[filter.key]}</FieldError>\r\n                  )}\r\n                </Field>\r\n              );\r\n            }\r\n            return (\r\n              <Field key={filter.key} className=\"gap-1\">\r\n                <FieldLabel htmlFor={filter.key}>{filter.label}</FieldLabel>\r\n                <InputGroup>\r\n                  <InputGroupInput\r\n                    id={filter.key}\r\n                    type={filter.type === \"number\" ? \"number\" : \"text\"}\r\n                    value={\r\n                      typeof value === \"boolean\" || typeof value === \"object\"\r\n                        ? \"\"\r\n                        : value ?? \"\"\r\n                    }\r\n                    placeholder={filter.placeholder}\r\n                    onKeyDown={(e) => e.key === \"Enter\" && handleApply()}\r\n                    onChange={(e) => onValueChange(filter, e.target.value)}\r\n                    className={errors[filter.key] ? \"border-destructive\" : \"\"}\r\n                  />\r\n                  {localValues[filter.key] && (\r\n                    <InputGroupAddon align=\"inline-end\">\r\n                      <InputGroupButton\r\n                        onClick={() => clearSingleFilter(filter)}\r\n                      >\r\n                        <XCircle />\r\n                      </InputGroupButton>\r\n                    </InputGroupAddon>\r\n                  )}\r\n                </InputGroup>\r\n                {errors[filter.key] && (\r\n                  <FieldError>{errors[filter.key]}</FieldError>\r\n                )}\r\n              </Field>\r\n            );\r\n          })}\r\n        </FieldGroup>\r\n      </ScrollArea>\r\n      <Field orientation=\"horizontal\">\r\n        <Button\r\n          type=\"button\"\r\n          variant=\"ghost\"\r\n          onClick={handleReset}\r\n          disabled={isPending}\r\n        >\r\n          <RotateCcw className=\"mr-2 h-4 w-4\" />{\" \"}\r\n          {getTranslations(\"filter.clear\", config.t)}\r\n        </Button>\r\n        <Button type=\"button\" onClick={handleApply} disabled={isPending}>\r\n          {isPending ? (\r\n            <Loader2 className=\"animate-spin\" />\r\n          ) : (\r\n            <Search className=\"mr-2 h-4 w-4\" />\r\n          )}\r\n          {getTranslations(\"filter.apply\", config.t)}\r\n        </Button>\r\n      </Field>\r\n    </FieldSet>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}