@ayasofyazilim/ui 0.0.0 → 0.0.2

package/dist/custom/tanstack-table/utils/columns-by-row-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/utils/columns-by-row-data.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ColumnDef, Row } from \"@tanstack/react-table\";\r\nimport Link from \"next/link\";\r\nimport { Badge } from \"@repo/ayasofyazilim-ui/components/badge\";\r\nimport { Checkbox } from \"@repo/ayasofyazilim-ui/components/checkbox\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { tanstackTableCreateTitleWithLanguageData, testConditions } from \".\";\r\nimport DateTooltip, { Localization } from \"../../date-tooltip\";\r\nimport { TanstackTableColumnHeader } from \"../fields\";\r\nimport {\r\n  TanstackTableColumCell,\r\n  TanstackTableColumnBadge,\r\n  TanstackTableColumnClassNames,\r\n  TanstackTableColumnIcon,\r\n  TanstackTableColumnLink,\r\n  TanstackTableConfig,\r\n  TanstackTableCreateColumnsByRowId,\r\n  TanstackTableFacetedFilterType,\r\n} from \"../types\";\r\nimport { JSX } from \"react\";\r\n\r\nexport function createCell<T>(props: {\r\n  accessorKey: keyof T;\r\n  row: Row<T>;\r\n  link?: TanstackTableColumnLink;\r\n  faceted?: TanstackTableFacetedFilterType[];\r\n  badge?: TanstackTableColumnBadge;\r\n  icon?: TanstackTableColumnIcon;\r\n  className?: TanstackTableColumnClassNames[];\r\n  expandRowTrigger?: boolean;\r\n  format?: string;\r\n  custom?: TanstackTableColumCell<T>;\r\n  config?: TanstackTableConfig;\r\n  localization: Localization;\r\n}) {\r\n  const {\r\n    accessorKey,\r\n    row,\r\n    link,\r\n    badge,\r\n    icon,\r\n    className,\r\n    expandRowTrigger,\r\n    format,\r\n    custom,\r\n    config,\r\n    faceted,\r\n    localization,\r\n  } = props;\r\n\r\n  let content: JSX.Element | string | null =\r\n    row.getValue(accessorKey.toString())?.toString() || \"\";\r\n  if (format) {\r\n    if (format === \"date\" || format === \"date-time\") {\r\n      content = content ? (\r\n        <DateTooltip\r\n          date={content}\r\n          dateOptions={config?.dateOptions}\r\n          localization={localization}\r\n        />\r\n      ) : (\r\n        \"\"\r\n      );\r\n    }\r\n  }\r\n\r\n  if (icon) {\r\n    const position = icon.position || \"before\";\r\n    content = (\r\n      <div className=\"inline-flex\">\r\n        {icon.icon && position === \"before\" && (\r\n          <icon.icon className={cn(\"w-4 h-4 mr-2\", icon.iconClassName)} />\r\n        )}\r\n        {row.getValue(accessorKey.toString())}\r\n        {icon.icon && position === \"after\" && (\r\n          <icon.icon className={cn(\"w-4 h-4 ml-2\", icon.iconClassName)} />\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n  if (badge) {\r\n    const position: { before: JSX.Element[]; after: JSX.Element[] } = {\r\n      before: [],\r\n      after: [],\r\n    };\r\n    badge.values.forEach((item) => {\r\n      const itemPosition = item.position || \"before\";\r\n      item.conditions?.forEach((condition) => {\r\n        if (condition.when(row.getValue(condition.conditionAccessorKey))) {\r\n          position[itemPosition].push(\r\n            <Badge\r\n              variant=\"outline\"\r\n              className={item.badgeClassName}\r\n              key={item.label}\r\n            >\r\n              {item.label}\r\n            </Badge>\r\n          );\r\n        }\r\n        return null;\r\n      });\r\n    });\r\n    content = (\r\n      <>\r\n        {position.before}\r\n        {!badge.hideColumnValue && content}\r\n        {position.after}\r\n      </>\r\n    );\r\n  }\r\n  if (faceted) {\r\n    const facetedItem = faceted.find(\r\n      (item) =>\r\n        item.when?.(row.getValue(accessorKey.toString())) ||\r\n        row.getValue(accessorKey.toString()) === item.value\r\n    );\r\n    if (facetedItem) {\r\n      content = (\r\n        <div className={cn(\"flex items-center\", facetedItem.className)}>\r\n          {facetedItem.icon && (\r\n            <facetedItem.icon\r\n              className={cn(\r\n                \"text-muted-foreground mr-2 h-4 w-4\",\r\n                facetedItem.iconClassName\r\n              )}\r\n            />\r\n          )}\r\n          {facetedItem.hideColumnValue ? \"\" : <span>{facetedItem.label}</span>}\r\n        </div>\r\n      );\r\n    }\r\n  }\r\n  const containerClassName = className\r\n    ?.map((item) => {\r\n      if (testConditions(item.conditions, row)) {\r\n        return item.className;\r\n      }\r\n      return null;\r\n    })\r\n    .join(\" \");\r\n\r\n  if (custom) content = custom.content(row.original, row);\r\n  if (!link || !testConditions(link.conditions, row)) {\r\n    if (expandRowTrigger) {\r\n      return (\r\n        <button\r\n          type=\"button\"\r\n          onClick={row.getToggleExpandedHandler()}\r\n          data-testid={`expand-row-${accessorKey.toString()}`}\r\n          className={cn(\r\n            \"font-medium text-blue-700 flex items-center gap-2 cursor-pointer\",\r\n            containerClassName\r\n          )}\r\n        >\r\n          {content}\r\n        </button>\r\n      );\r\n    }\r\n    return (\r\n      <div className={cn(\" flex items-center gap-2\", containerClassName)}>\r\n        {content}\r\n      </div>\r\n    );\r\n  }\r\n  let url = link.prefix;\r\n  if (link.targetAccessorKey) {\r\n    url += `/${row._getAllCellsByColumnId()?.[link.targetAccessorKey || \"\"]?.getValue()?.toString()}`;\r\n  }\r\n  if (link.suffix) {\r\n    url += `/${link.suffix}`;\r\n  }\r\n  return (\r\n    <Link\r\n      href={url}\r\n      className={cn(\r\n        \"font-medium text-blue-700 flex items-center gap-2\",\r\n        containerClassName\r\n      )}\r\n    >\r\n      {content}\r\n    </Link>\r\n  );\r\n}\r\nexport function tanstackTableCreateColumnsByRowData<T>(\r\n  params: TanstackTableCreateColumnsByRowId<T>\r\n) {\r\n  const { rows, config } = params;\r\n\r\n  const {\r\n    excludeColumns,\r\n    languageData,\r\n    links,\r\n    faceted,\r\n    badges,\r\n    classNames,\r\n    icons,\r\n    expandRowTrigger,\r\n    custom,\r\n    localization,\r\n    onSelectedRowChange,\r\n  } = params;\r\n  const columns: ColumnDef<T>[] = [];\r\n  if (params.selectableRows) {\r\n    columns.push({\r\n      size: 64,\r\n      id: \"select\",\r\n      header: ({ table }) => (\r\n        <div className=\"w-full h-9 flex items-center justify-center\">\r\n          <Checkbox\r\n            checked={\r\n              table\r\n                .getRowModel()\r\n                .rows.filter((row) => !params.disabledRowIds?.includes(row.id))\r\n                .every((row) => row.getIsSelected()) &&\r\n              table\r\n                .getRowModel()\r\n                .rows.some(\r\n                  (row) =>\r\n                    !params.disabledRowIds?.includes(row.id) &&\r\n                    row.getIsSelected()\r\n                )\r\n            }\r\n            onCheckedChange={(value) => {\r\n              const selectedRows: T[] = [];\r\n              table.getRowModel().rows.forEach((row) => {\r\n                if (!params.disabledRowIds?.includes(row.id)) {\r\n                  row.toggleSelected(!!value);\r\n                  if (value) {\r\n                    selectedRows.push(row.original);\r\n                  }\r\n                }\r\n              });\r\n              onSelectedRowChange?.(selectedRows);\r\n            }}\r\n            aria-label=\"Select all\"\r\n            className=\"translate-y-0.5 align-middle\"\r\n          />\r\n        </div>\r\n      ),\r\n\r\n      cell: ({ row, table }) => (\r\n        <div className=\"w-full h-9 flex items-center justify-center\">\r\n          <Checkbox\r\n            checked={row.getIsSelected()}\r\n            onCheckedChange={(value) => {\r\n              const selectedRows: T[] = [];\r\n              table.getSelectedRowModel().rows.forEach((row) => {\r\n                selectedRows.push(row.original);\r\n              });\r\n              if (value) {\r\n                selectedRows.push(row.original);\r\n              } else {\r\n                selectedRows.splice(selectedRows.indexOf(row.original), 1);\r\n              }\r\n              row.toggleSelected(!!value);\r\n              onSelectedRowChange?.(selectedRows);\r\n            }}\r\n            disabled={params.disabledRowIds?.some((id) => id === row.id)}\r\n            aria-label=\"Select row\"\r\n            className=\"translate-y-0.5 align-top\"\r\n          />\r\n        </div>\r\n      ),\r\n      enableSorting: false,\r\n      enableHiding: false,\r\n    });\r\n  }\r\n  const rowKeys = Object.keys(rows) as (keyof T)[];\r\n  rowKeys\r\n    .filter((key) => !excludeColumns?.includes(key as keyof T))\r\n    .forEach((accessorKey) => {\r\n      const title = tanstackTableCreateTitleWithLanguageData({\r\n        languageData,\r\n        accessorKey: accessorKey.toString(),\r\n      });\r\n      const link = links?.[accessorKey as keyof T];\r\n      const { format } = rows[accessorKey];\r\n      const column: ColumnDef<T> = {\r\n        id: accessorKey.toString(),\r\n        accessorKey,\r\n        meta: title,\r\n        header:\r\n          !custom?.[accessorKey] || custom?.[accessorKey]?.showHeader\r\n            ? ({ column }) => (\r\n                <TanstackTableColumnHeader column={column} title={title} />\r\n              )\r\n            : undefined,\r\n        cell: ({ row }) =>\r\n          createCell<T>({\r\n            accessorKey,\r\n            row,\r\n            link,\r\n            faceted: faceted?.[accessorKey]?.options,\r\n            badge: badges?.[accessorKey],\r\n            icon: icons?.[accessorKey],\r\n            className: classNames?.[accessorKey],\r\n            expandRowTrigger: expandRowTrigger === accessorKey,\r\n            format,\r\n            custom: custom?.[accessorKey],\r\n            config,\r\n            localization,\r\n          }),\r\n      };\r\n      if (faceted?.[accessorKey]) {\r\n        column.filterFn = (row, id, value) => value.includes(row.getValue(id));\r\n      }\r\n      columns.push(column);\r\n    });\r\n\r\n  return columns;\r\n}\r\n"],"mappings":"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","names":["row","column"]}

package/dist/custom/tanstack-table/utils/editable-columns-by-row-data.js

@@ -0,0 +1,187 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Input } from "@repo/ayasofyazilim-ui/components/input";
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@repo/ayasofyazilim-ui/components/select";
+import { Switch } from "@repo/ayasofyazilim-ui/components/switch";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { createCell, tanstackTableCreateTitleWithLanguageData } from ".";
+import { TanstackTableColumnHeader } from "../fields";
+import { DatePicker } from "@repo/ayasofyazilim-ui/custom/date-picker";
+function tanstackTableEditableColumnsByRowData(params) {
+  const {
+    rows,
+    excludeColumns,
+    languageData,
+    editableColumns,
+    config,
+    faceted,
+    links,
+    badges,
+    classNames,
+    custom,
+    expandRowTrigger,
+    icons,
+    localization
+  } = params;
+  const columns = [];
+  Object.keys(rows).filter((key) => !excludeColumns?.includes(key)).forEach((accessorKey) => {
+    const title = tanstackTableCreateTitleWithLanguageData({
+      languageData,
+      accessorKey
+    });
+    const column = {
+      id: accessorKey,
+      accessorKey,
+      meta: title,
+      header: ({ column: column2 }) => /* @__PURE__ */ jsx(TanstackTableColumnHeader, { column: column2, title }),
+      cell: ({ getValue, row, column: { id }, table }) => {
+        const _accesorKey = accessorKey;
+        if (editableColumns && !editableColumns.includes(_accesorKey)) {
+          return createCell({
+            accessorKey: _accesorKey,
+            row,
+            link: links?.[_accesorKey],
+            faceted: faceted?.[_accesorKey]?.options,
+            badge: badges?.[_accesorKey],
+            icon: icons?.[_accesorKey],
+            className: classNames?.[_accesorKey],
+            expandRowTrigger: expandRowTrigger === _accesorKey,
+            format: rows[accessorKey]?.format,
+            custom: custom?.[_accesorKey],
+            config,
+            localization
+          });
+        }
+        const initialValue = getValue()?.toString() || "";
+        const [value, setValue] = useState(initialValue);
+        const rowId = row.index.toString();
+        const isRowSelected = table.getRow(rowId)?.getIsSelected();
+        const onBlur = () => {
+          let $value;
+          switch (rows[accessorKey]?.type) {
+            case "number":
+              $value = Number(value);
+              break;
+            case "boolean":
+              $value = value === "true";
+              break;
+            default:
+              $value = value;
+          }
+          table.options.meta?.updateData(row.index, id, $value);
+        };
+        function handleValueChange(newValue) {
+          setValue(newValue);
+          if (isRowSelected && newValue === initialValue) {
+            table.setRowSelection((old) => ({
+              ...old,
+              [rowId]: false
+            }));
+            return;
+          }
+          if (!isRowSelected && newValue !== initialValue) {
+            table.setRowSelection((old) => ({
+              ...old,
+              [rowId]: true
+            }));
+          }
+        }
+        useEffect(() => {
+          setValue(initialValue);
+        }, [initialValue]);
+        if (rows[accessorKey]?.enum) {
+          return /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value,
+              onValueChange: (_value) => {
+                handleValueChange(_value);
+                const $value = rows[accessorKey]?.type === "number" ? Number(_value) : _value;
+                table.options.meta?.updateData(row.index, id, $value);
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  SelectTrigger,
+                  {
+                    className: cn(
+                      "w-[180px] min-w-max border-none rounded-none focus-visible:border-none focus-within:border-none ring-0 focus-visible:ring-0 focus-within:ring-0 ring-transparent shadow-none",
+                      isRowSelected ? "font-medium italic" : "",
+                      !value && "text-muted-foreground"
+                    ),
+                    children: /* @__PURE__ */ jsx(
+                      SelectValue,
+                      {
+                        placeholder: languageData?.[accessorKey] || accessorKey
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsx(SelectGroup, { children: rows[accessorKey]?.enum?.map((item) => /* @__PURE__ */ jsx(SelectItem, { value: item.value, children: item.label }, item.value)) }) })
+              ]
+            }
+          );
+        }
+        if (rows[accessorKey]?.type === "boolean") {
+          return /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(
+            Switch,
+            {
+              className: "align-middle",
+              checked: value === "true",
+              onBlur,
+              onCheckedChange: (_value) => {
+                handleValueChange(String(value));
+                table.options.meta?.updateData(row.index, id, _value);
+              }
+            }
+          ) });
+        }
+        if (rows[accessorKey]?.format === "date-time") {
+          const date = new Date(value);
+          return /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(
+            DatePicker,
+            {
+              id: `${accessorKey}_date`,
+              defaultValue: date instanceof Date && !Number.isNaN(date.getTime()) ? date : void 0,
+              onChange: (date2) => {
+                const $value = rows[accessorKey]?.format === "date-time" ? date2?.toISOString() : date2;
+                table.options.meta?.updateData(row.index, id, $value);
+              },
+              classNames: {
+                dateInput: "border-none rounded-none"
+              }
+            }
+          ) });
+        }
+        return /* @__PURE__ */ jsx(
+          Input,
+          {
+            value,
+            className: cn(
+              "w-full border-none rounded-none focus-visible:border-none focus-within:border-none ring-0 focus-visible:ring-0 focus-within:ring-0 ring-transparent shadow-none",
+              isRowSelected ? "font-medium italic" : ""
+            ),
+            placeholder: accessorKey,
+            onChange: (e) => {
+              handleValueChange(e.target.value);
+            },
+            onBlur
+          }
+        );
+      }
+    };
+    columns.push(column);
+  });
+  return columns;
+}
+export {
+  tanstackTableEditableColumnsByRowData
+};
+//# sourceMappingURL=editable-columns-by-row-data.js.map

package/dist/custom/tanstack-table/utils/editable-columns-by-row-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/utils/editable-columns-by-row-data.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ColumnDef } from \"@tanstack/react-table\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { Input } from \"@repo/ayasofyazilim-ui/components/input\";\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectGroup,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from \"@repo/ayasofyazilim-ui/components/select\";\r\nimport { Switch } from \"@repo/ayasofyazilim-ui/components/switch\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { createCell, tanstackTableCreateTitleWithLanguageData } from \".\";\r\nimport { TanstackTableColumnHeader } from \"../fields\";\r\nimport {\r\n  TanstackTableCreateColumnsByRowId,\r\n  TanstacktableEditableColumnsByRowId,\r\n} from \"../types\";\r\nimport { DatePicker } from \"@repo/ayasofyazilim-ui/custom/date-picker\";\r\n\r\nexport function tanstackTableEditableColumnsByRowData<T>(\r\n  params: TanstacktableEditableColumnsByRowId<T> &\r\n    Omit<TanstackTableCreateColumnsByRowId<T>, \"rows\" | \"selectableRows\">\r\n) {\r\n  const {\r\n    rows,\r\n    excludeColumns,\r\n    languageData,\r\n    editableColumns,\r\n    config,\r\n    faceted,\r\n    links,\r\n    badges,\r\n    classNames,\r\n    custom,\r\n    expandRowTrigger,\r\n    icons,\r\n    localization,\r\n  } = params;\r\n  const columns: ColumnDef<T>[] = [];\r\n\r\n  Object.keys(rows)\r\n    .filter((key) => !excludeColumns?.includes(key as keyof T))\r\n    .forEach((accessorKey) => {\r\n      const title = tanstackTableCreateTitleWithLanguageData({\r\n        languageData,\r\n        accessorKey,\r\n      });\r\n      const column: ColumnDef<T> = {\r\n        id: accessorKey,\r\n        accessorKey,\r\n        meta: title,\r\n        header: ({ column }) => (\r\n          <TanstackTableColumnHeader column={column} title={title} />\r\n        ),\r\n        cell: ({ getValue, row, column: { id }, table }) => {\r\n          const _accesorKey = accessorKey as keyof T;\r\n          if (editableColumns && !editableColumns.includes(_accesorKey)) {\r\n            return createCell<T>({\r\n              accessorKey: _accesorKey,\r\n              row,\r\n              link: links?.[_accesorKey],\r\n              faceted: faceted?.[_accesorKey]?.options,\r\n              badge: badges?.[_accesorKey],\r\n              icon: icons?.[_accesorKey],\r\n              className: classNames?.[_accesorKey],\r\n              expandRowTrigger: expandRowTrigger === _accesorKey,\r\n              format: rows[accessorKey]?.format,\r\n              custom: custom?.[_accesorKey],\r\n              config,\r\n              localization,\r\n            });\r\n          }\r\n          const initialValue = (getValue() as string)?.toString() || \"\";\r\n          const [value, setValue] = useState(initialValue);\r\n          const rowId = row.index.toString();\r\n          const isRowSelected = table.getRow(rowId)?.getIsSelected();\r\n\r\n          // When the input is blurred, we'll call our table meta's updateData function\r\n          const onBlur = () => {\r\n            let $value: string | number | boolean;\r\n            switch (rows[accessorKey]?.type) {\r\n              case \"number\":\r\n                $value = Number(value);\r\n                break;\r\n              case \"boolean\":\r\n                $value = value === \"true\";\r\n                break;\r\n              default:\r\n                $value = value;\r\n            }\r\n            table.options.meta?.updateData(row.index, id, $value);\r\n          };\r\n\r\n          function handleValueChange(newValue: string) {\r\n            setValue(newValue);\r\n            if (isRowSelected && newValue === initialValue) {\r\n              table.setRowSelection((old) => ({\r\n                ...old,\r\n                [rowId]: false,\r\n              }));\r\n              return;\r\n            }\r\n\r\n            if (!isRowSelected && newValue !== initialValue) {\r\n              table.setRowSelection((old) => ({\r\n                ...old,\r\n                [rowId]: true,\r\n              }));\r\n            }\r\n          }\r\n\r\n          useEffect(() => {\r\n            setValue(initialValue);\r\n          }, [initialValue]);\r\n\r\n          if (rows[accessorKey]?.enum) {\r\n            return (\r\n              <Select\r\n                value={value as string}\r\n                onValueChange={(_value) => {\r\n                  handleValueChange(_value);\r\n                  const $value =\r\n                    rows[accessorKey]?.type === \"number\"\r\n                      ? Number(_value)\r\n                      : _value;\r\n                  table.options.meta?.updateData(row.index, id, $value);\r\n                }}\r\n              >\r\n                <SelectTrigger\r\n                  className={cn(\r\n                    \"w-[180px] min-w-max border-none rounded-none focus-visible:border-none focus-within:border-none ring-0 focus-visible:ring-0 focus-within:ring-0 ring-transparent shadow-none\",\r\n                    isRowSelected ? \"font-medium italic\" : \"\",\r\n                    !value && \"text-muted-foreground\"\r\n                  )}\r\n                >\r\n                  <SelectValue\r\n                    placeholder={\r\n                      (languageData?.[\r\n                        accessorKey as keyof typeof languageData\r\n                      ] as string) || accessorKey\r\n                    }\r\n                  />\r\n                </SelectTrigger>\r\n                <SelectContent>\r\n                  <SelectGroup>\r\n                    {rows[accessorKey]?.enum?.map((item) => (\r\n                      <SelectItem key={item.value} value={item.value}>\r\n                        {item.label}\r\n                      </SelectItem>\r\n                    ))}\r\n                  </SelectGroup>\r\n                </SelectContent>\r\n              </Select>\r\n            );\r\n          }\r\n          if (rows[accessorKey]?.type === \"boolean\") {\r\n            return (\r\n              <div className=\"text-center\">\r\n                <Switch\r\n                  className=\"align-middle\"\r\n                  checked={value === \"true\"}\r\n                  onBlur={onBlur}\r\n                  onCheckedChange={(_value) => {\r\n                    handleValueChange(String(value));\r\n                    table.options.meta?.updateData(row.index, id, _value);\r\n                  }}\r\n                />\r\n              </div>\r\n            );\r\n          }\r\n          if (rows[accessorKey]?.format === \"date-time\") {\r\n            const date = new Date(value);\r\n            return (\r\n              <div className=\"text-center\">\r\n                <DatePicker\r\n                  id={`${accessorKey}_date`}\r\n                  defaultValue={\r\n                    date instanceof Date && !Number.isNaN(date.getTime())\r\n                      ? date\r\n                      : undefined\r\n                  }\r\n                  onChange={(date) => {\r\n                    const $value =\r\n                      rows[accessorKey]?.format === \"date-time\"\r\n                        ? date?.toISOString()\r\n                        : date;\r\n                    table.options.meta?.updateData(row.index, id, $value);\r\n                  }}\r\n                  classNames={{\r\n                    dateInput: \"border-none rounded-none\",\r\n                  }}\r\n                />\r\n              </div>\r\n            );\r\n          }\r\n          return (\r\n            <Input\r\n              value={value as string}\r\n              className={cn(\r\n                \"w-full border-none rounded-none focus-visible:border-none focus-within:border-none ring-0 focus-visible:ring-0 focus-within:ring-0 ring-transparent shadow-none\",\r\n                isRowSelected ? \"font-medium italic\" : \"\"\r\n              )}\r\n              placeholder={accessorKey}\r\n              onChange={(e) => {\r\n                handleValueChange(e.target.value);\r\n              }}\r\n              onBlur={onBlur}\r\n            />\r\n          );\r\n        },\r\n      };\r\n      columns.push(column);\r\n    });\r\n  return columns;\r\n}\r\n"],"mappings":"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","names":["column","date"]}

package/dist/custom/tanstack-table/utils/faceted-boolean-options.js

@@ -0,0 +1,25 @@
+import { CheckCircle, XCircle } from "lucide-react";
+const BooleanOptions = {
+  options: [
+    {
+      label: "Yes",
+      when: (value) => Boolean(value),
+      value: "true",
+      icon: CheckCircle,
+      iconClassName: "text-green-700",
+      hideColumnValue: true
+    },
+    {
+      label: "No",
+      when: (value) => !value,
+      value: "false",
+      icon: XCircle,
+      iconClassName: "text-red-700",
+      hideColumnValue: true
+    }
+  ]
+};
+export {
+  BooleanOptions
+};
+//# sourceMappingURL=faceted-boolean-options.js.map

package/dist/custom/tanstack-table/utils/faceted-boolean-options.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/utils/faceted-boolean-options.tsx"],"sourcesContent":["import { CheckCircle, XCircle } from \"lucide-react\";\r\n\r\nexport const BooleanOptions = {\r\n  options: [\r\n    {\r\n      label: \"Yes\",\r\n      when: (value: string | number | boolean | Date) => Boolean(value),\r\n      value: \"true\",\r\n      icon: CheckCircle,\r\n      iconClassName: \"text-green-700\",\r\n      hideColumnValue: true,\r\n    },\r\n    {\r\n      label: \"No\",\r\n      when: (value: string | number | boolean | Date) => !value,\r\n      value: \"false\",\r\n      icon: XCircle,\r\n      iconClassName: \"text-red-700\",\r\n      hideColumnValue: true,\r\n    },\r\n  ],\r\n};\r\n"],"mappings":"AAAA,SAAS,aAAa,eAAe;AAE9B,MAAM,iBAAiB;AAAA,EAC5B,SAAS;AAAA,IACP;AAAA,MACE,OAAO;AAAA,MACP,MAAM,CAAC,UAA4C,QAAQ,KAAK;AAAA,MAChE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,eAAe;AAAA,MACf,iBAAiB;AAAA,IACnB;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,MAAM,CAAC,UAA4C,CAAC;AAAA,MACpD,OAAO;AAAA,MACP,MAAM;AAAA,MACN,eAAe;AAAA,MACf,iBAAiB;AAAA,IACnB;AAAA,EACF;AACF;","names":[]}

package/dist/custom/tanstack-table/utils/index.js

@@ -0,0 +1,10 @@
+"use client";
+export * from "./table";
+export * from "./column-names";
+export * from "./cell-with-actions";
+export * from "./columns-by-row-data";
+export * from "./editable-columns-by-row-data";
+export * from "./pinning-styles";
+export * from "./test-conditions";
+export * from "./faceted-boolean-options";
+//# sourceMappingURL=index.js.map

package/dist/custom/tanstack-table/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/utils/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nexport * from \"./table\";\r\nexport * from \"./column-names\";\r\nexport * from \"./cell-with-actions\";\r\nexport * from \"./columns-by-row-data\";\r\nexport * from \"./editable-columns-by-row-data\";\r\nexport * from \"./pinning-styles\";\r\nexport * from \"./test-conditions\";\r\nexport * from \"./faceted-boolean-options\";\r\n"],"mappings":";AAEA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/custom/tanstack-table/utils/pinning-styles.js

@@ -0,0 +1,38 @@
+function getCommonPinningStyles({
+  column,
+  fillerColumn,
+  withBorder,
+  resizeable
+}) {
+  const isPinned = column.getIsPinned();
+  const isLastLeftPinnedColumn = isPinned === "left" && column.getIsLastColumn("left");
+  const isFirstRightPinnedColumn = isPinned === "right" && column.getIsFirstColumn("right");
+  let width = column.getSize();
+  if (resizeable) {
+    if (fillerColumn === column.id) {
+      width = 2e3;
+    } else {
+      width = column.getSize();
+    }
+  } else if (fillerColumn === column.id) {
+    width = "100%";
+  } else {
+    width = column.getSize();
+  }
+  return {
+    boxShadow: withBorder ? isLastLeftPinnedColumn ? "-4px 0 4px -4px var(--border) inset" : isFirstRightPinnedColumn ? "4px 0 4px -4px var(--border) inset" : void 0 : void 0,
+    left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
+    right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
+    opacity: isPinned ? 0.97 : 1,
+    width,
+    position: isPinned ? "sticky" : "relative",
+    background: isPinned ? "var(--background)" : "",
+    zIndex: isPinned ? 1 : 0,
+    textWrap: "nowrap",
+    ...column.id === "select" && { minWidth: "40px", padding: 0 }
+  };
+}
+export {
+  getCommonPinningStyles
+};
+//# sourceMappingURL=pinning-styles.js.map

package/dist/custom/tanstack-table/utils/pinning-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/utils/pinning-styles.ts"],"sourcesContent":["import { Column } from \"@tanstack/react-table\";\r\nimport { CSSProperties } from \"react\";\r\n\r\nexport function getCommonPinningStyles<TData>({\r\n  column,\r\n  fillerColumn,\r\n  withBorder,\r\n  resizeable,\r\n}: {\r\n  resizeable?: boolean;\r\n  column: Column<TData>;\r\n  fillerColumn?: keyof TData;\r\n\r\n  /**\r\n   * Show box shadow between pinned and scrollable columns.\r\n   * @default false\r\n   */\r\n  withBorder?: boolean;\r\n}): CSSProperties {\r\n  const isPinned = column.getIsPinned();\r\n  const isLastLeftPinnedColumn =\r\n    isPinned === \"left\" && column.getIsLastColumn(\"left\");\r\n  const isFirstRightPinnedColumn =\r\n    isPinned === \"right\" && column.getIsFirstColumn(\"right\");\r\n\r\n  let width: string | number = column.getSize();\r\n  if (resizeable) {\r\n    if (fillerColumn === column.id) {\r\n      width = 2000;\r\n    } else {\r\n      width = column.getSize();\r\n    }\r\n  } else if (fillerColumn === column.id) {\r\n    width = \"100%\";\r\n  } else {\r\n    width = column.getSize();\r\n  }\r\n\r\n  return {\r\n    boxShadow: withBorder\r\n      ? isLastLeftPinnedColumn\r\n        ? \"-4px 0 4px -4px var(--border) inset\"\r\n        : isFirstRightPinnedColumn\r\n          ? \"4px 0 4px -4px var(--border) inset\"\r\n          : undefined\r\n      : undefined,\r\n    left: isPinned === \"left\" ? `${column.getStart(\"left\")}px` : undefined,\r\n    right: isPinned === \"right\" ? `${column.getAfter(\"right\")}px` : undefined,\r\n    opacity: isPinned ? 0.97 : 1,\r\n    width,\r\n    position: isPinned ? \"sticky\" : \"relative\",\r\n    background: isPinned ? \"var(--background)\" : \"\",\r\n    zIndex: isPinned ? 1 : 0,\r\n    textWrap: \"nowrap\",\r\n    ...(column.id === \"select\" && { minWidth: \"40px\", padding: 0 }),\r\n  };\r\n}\r\n"],"mappings":"AAGO,SAAS,uBAA8B;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAUkB;AAChB,QAAM,WAAW,OAAO,YAAY;AACpC,QAAM,yBACJ,aAAa,UAAU,OAAO,gBAAgB,MAAM;AACtD,QAAM,2BACJ,aAAa,WAAW,OAAO,iBAAiB,OAAO;AAEzD,MAAI,QAAyB,OAAO,QAAQ;AAC5C,MAAI,YAAY;AACd,QAAI,iBAAiB,OAAO,IAAI;AAC9B,cAAQ;AAAA,IACV,OAAO;AACL,cAAQ,OAAO,QAAQ;AAAA,IACzB;AAAA,EACF,WAAW,iBAAiB,OAAO,IAAI;AACrC,YAAQ;AAAA,EACV,OAAO;AACL,YAAQ,OAAO,QAAQ;AAAA,EACzB;AAEA,SAAO;AAAA,IACL,WAAW,aACP,yBACE,wCACA,2BACE,uCACA,SACJ;AAAA,IACJ,MAAM,aAAa,SAAS,GAAG,OAAO,SAAS,MAAM,CAAC,OAAO;AAAA,IAC7D,OAAO,aAAa,UAAU,GAAG,OAAO,SAAS,OAAO,CAAC,OAAO;AAAA,IAChE,SAAS,WAAW,OAAO;AAAA,IAC3B;AAAA,IACA,UAAU,WAAW,WAAW;AAAA,IAChC,YAAY,WAAW,sBAAsB;AAAA,IAC7C,QAAQ,WAAW,IAAI;AAAA,IACvB,UAAU;AAAA,IACV,GAAI,OAAO,OAAO,YAAY,EAAE,UAAU,QAAQ,SAAS,EAAE;AAAA,EAC/D;AACF;","names":[]}

package/dist/custom/tanstack-table/utils/table.js

@@ -0,0 +1,66 @@
+"use client";
+import { useState, useEffect } from "react";
+function NonEditableTanstackTable(data, rowCount) {
+  const [columnFilters, setColumnFilters] = useState([]);
+  const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 10 });
+  return {
+    data,
+    rowCount,
+    pagination,
+    columnFilters,
+    onPaginationChange: setPagination,
+    onColumnFiltersChange: setColumnFilters
+  };
+}
+function EditableTanstackTable({
+  initialData,
+  onTableDataChange
+}) {
+  const [tableData, setTableData] = useState(initialData);
+  useEffect(() => {
+    setTableData(initialData);
+  }, [initialData]);
+  return {
+    data: tableData,
+    meta: {
+      removeRow: (rowIndex) => {
+        const newData = [...tableData];
+        newData.splice(rowIndex, 1);
+        setTableData(newData);
+        onTableDataChange?.(newData);
+      },
+      updateData: (rowIndex, columnId, value) => {
+        const newData = [...tableData];
+        newData[rowIndex] = {
+          ...newData[rowIndex],
+          [columnId]: value
+        };
+        setTableData(newData);
+        onTableDataChange?.(newData);
+      },
+      addRow: () => {
+        const newData = [...tableData, {}];
+        setTableData(newData);
+        onTableDataChange?.(newData);
+      },
+      duplicateRow: (rowIndex, value) => {
+        const newData = [...tableData];
+        newData.splice(rowIndex, 0, value);
+        setTableData(newData);
+        onTableDataChange?.(newData);
+      },
+      orderRow: (newIndex, oldIndex) => {
+        const newData = [...tableData];
+        const item = newData.splice(oldIndex, 1)[0];
+        newData.splice(newIndex, 0, item);
+        setTableData(newData);
+        onTableDataChange?.(newData);
+      }
+    }
+  };
+}
+export {
+  EditableTanstackTable,
+  NonEditableTanstackTable
+};
+//# sourceMappingURL=table.js.map

package/dist/custom/tanstack-table/utils/table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/utils/table.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ColumnFiltersState } from \"@tanstack/react-table\";\r\nimport { useState, useEffect } from \"react\";\r\nimport {\r\n  EditableTanstackTableProps,\r\n  NonEditableTanstackTableProps,\r\n} from \"../types\";\r\n\r\nexport function NonEditableTanstackTable<TData>(\r\n  data: TData[],\r\n  rowCount: number\r\n): NonEditableTanstackTableProps<TData> {\r\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);\r\n\r\n  const [pagination, setPagination] = useState<{\r\n    pageIndex: number;\r\n    pageSize: number;\r\n  }>({ pageIndex: 0, pageSize: 10 });\r\n\r\n  return {\r\n    data,\r\n    rowCount,\r\n    pagination,\r\n    columnFilters,\r\n    onPaginationChange: setPagination,\r\n    onColumnFiltersChange: setColumnFilters,\r\n  };\r\n}\r\n\r\nexport function EditableTanstackTable<TData>({\r\n  initialData,\r\n  onTableDataChange,\r\n}: {\r\n  initialData: TData[];\r\n  onTableDataChange?: (data: TData[]) => void;\r\n}): EditableTanstackTableProps<TData> {\r\n  const [tableData, setTableData] = useState<TData[]>(initialData);\r\n  useEffect(() => {\r\n    // When user submits the form, the initialData changes with the new data\r\n    // so we need to update the table data\r\n    setTableData(initialData);\r\n  }, [initialData]);\r\n\r\n  return {\r\n    data: tableData,\r\n    meta: {\r\n      removeRow: (rowIndex) => {\r\n        const newData = [...tableData];\r\n        newData.splice(rowIndex, 1);\r\n        setTableData(newData);\r\n        onTableDataChange?.(newData);\r\n      },\r\n      updateData: (rowIndex, columnId, value) => {\r\n        const newData = [...tableData];\r\n        newData[rowIndex] = {\r\n          ...newData[rowIndex],\r\n          [columnId]: value,\r\n        } as TData;\r\n        setTableData(newData);\r\n        onTableDataChange?.(newData);\r\n      },\r\n      addRow: () => {\r\n        const newData = [...tableData, {} as TData];\r\n        setTableData(newData);\r\n        onTableDataChange?.(newData);\r\n      },\r\n      duplicateRow: (rowIndex, value) => {\r\n        const newData = [...tableData];\r\n        newData.splice(rowIndex, 0, value);\r\n        setTableData(newData);\r\n        onTableDataChange?.(newData);\r\n      },\r\n      orderRow: (newIndex, oldIndex) => {\r\n        const newData = [...tableData];\r\n        const item = newData.splice(oldIndex, 1)[0] as TData;\r\n        newData.splice(newIndex, 0, item);\r\n        setTableData(newData);\r\n        onTableDataChange?.(newData);\r\n      },\r\n    },\r\n  };\r\n}\r\n"],"mappings":";AAGA,SAAS,UAAU,iBAAiB;AAM7B,SAAS,yBACd,MACA,UACsC;AACtC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAA6B,CAAC,CAAC;AAEzE,QAAM,CAAC,YAAY,aAAa,IAAI,SAGjC,EAAE,WAAW,GAAG,UAAU,GAAG,CAAC;AAEjC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB,uBAAuB;AAAA,EACzB;AACF;AAEO,SAAS,sBAA6B;AAAA,EAC3C;AAAA,EACA;AACF,GAGsC;AACpC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAkB,WAAW;AAC/D,YAAU,MAAM;AAGd,iBAAa,WAAW;AAAA,EAC1B,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,WAAW,CAAC,aAAa;AACvB,cAAM,UAAU,CAAC,GAAG,SAAS;AAC7B,gBAAQ,OAAO,UAAU,CAAC;AAC1B,qBAAa,OAAO;AACpB,4BAAoB,OAAO;AAAA,MAC7B;AAAA,MACA,YAAY,CAAC,UAAU,UAAU,UAAU;AACzC,cAAM,UAAU,CAAC,GAAG,SAAS;AAC7B,gBAAQ,QAAQ,IAAI;AAAA,UAClB,GAAG,QAAQ,QAAQ;AAAA,UACnB,CAAC,QAAQ,GAAG;AAAA,QACd;AACA,qBAAa,OAAO;AACpB,4BAAoB,OAAO;AAAA,MAC7B;AAAA,MACA,QAAQ,MAAM;AACZ,cAAM,UAAU,CAAC,GAAG,WAAW,CAAC,CAAU;AAC1C,qBAAa,OAAO;AACpB,4BAAoB,OAAO;AAAA,MAC7B;AAAA,MACA,cAAc,CAAC,UAAU,UAAU;AACjC,cAAM,UAAU,CAAC,GAAG,SAAS;AAC7B,gBAAQ,OAAO,UAAU,GAAG,KAAK;AACjC,qBAAa,OAAO;AACpB,4BAAoB,OAAO;AAAA,MAC7B;AAAA,MACA,UAAU,CAAC,UAAU,aAAa;AAChC,cAAM,UAAU,CAAC,GAAG,SAAS;AAC7B,cAAM,OAAO,QAAQ,OAAO,UAAU,CAAC,EAAE,CAAC;AAC1C,gBAAQ,OAAO,UAAU,GAAG,IAAI;AAChC,qBAAa,OAAO;AACpB,4BAAoB,OAAO;AAAA,MAC7B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/custom/tanstack-table/utils/test-conditions.js

@@ -0,0 +1,10 @@
+function testConditions(conditions, row) {
+  if (!conditions) return true;
+  return conditions.map(
+    (condition) => condition.when(row.getValue(condition.conditionAccessorKey))
+  ).filter((i) => !i).length === 0;
+}
+export {
+  testConditions
+};
+//# sourceMappingURL=test-conditions.js.map

package/dist/custom/tanstack-table/utils/test-conditions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/utils/test-conditions.ts"],"sourcesContent":["import { Row } from \"@tanstack/react-table\";\r\nimport { TanstackTableCellCondition } from \"../types\";\r\n\r\nexport function testConditions<T>(\r\n  conditions: TanstackTableCellCondition[] | undefined,\r\n  row: Row<T>\r\n) {\r\n  if (!conditions) return true;\r\n\r\n  return (\r\n    conditions\r\n      .map((condition) =>\r\n        condition.when(row.getValue(condition.conditionAccessorKey))\r\n      )\r\n      .filter((i) => !i).length === 0\r\n  );\r\n}\r\n"],"mappings":"AAGO,SAAS,eACd,YACA,KACA;AACA,MAAI,CAAC,WAAY,QAAO;AAExB,SACE,WACG;AAAA,IAAI,CAAC,cACJ,UAAU,KAAK,IAAI,SAAS,UAAU,oBAAoB,CAAC;AAAA,EAC7D,EACC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW;AAEpC;","names":[]}

package/dist/custom/timeline.js

@@ -0,0 +1,165 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "radix-ui";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+const TimelineContext = React.createContext(
+  void 0
+);
+const useTimeline = () => {
+  const context = React.useContext(TimelineContext);
+  if (!context) {
+    throw new Error("useTimeline must be used within a Timeline");
+  }
+  return context;
+};
+function Timeline({
+  defaultValue = 1,
+  value,
+  onValueChange,
+  orientation = "vertical",
+  className,
+  ...props
+}) {
+  const [activeStep, setInternalStep] = React.useState(defaultValue);
+  const setActiveStep = React.useCallback(
+    (step) => {
+      if (value === void 0) {
+        setInternalStep(step);
+      }
+      onValueChange?.(step);
+    },
+    [value, onValueChange]
+  );
+  const currentStep = value ?? activeStep;
+  return /* @__PURE__ */ jsx(
+    TimelineContext.Provider,
+    {
+      value: { activeStep: currentStep, setActiveStep },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "timeline",
+          className: cn(
+            "group/timeline flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",
+            className
+          ),
+          "data-orientation": orientation,
+          ...props
+        }
+      )
+    }
+  );
+}
+function TimelineContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "timeline-content",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function TimelineDate({
+  asChild = false,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "time";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "timeline-date",
+      className: cn(
+        "mb-1 block text-xs font-medium text-muted-foreground group-data-[orientation=vertical]/timeline:max-sm:h-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TimelineHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "timeline-header", className: cn(className), ...props });
+}
+function TimelineIndicator({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "timeline-indicator",
+      className: cn(
+        "absolute size-4 rounded-full border-2 border-primary/20 group-data-completed/timeline-item:border-primary group-data-[orientation=horizontal]/timeline:-top-6 group-data-[orientation=horizontal]/timeline:left-0 group-data-[orientation=horizontal]/timeline:-translate-y-1/2 group-data-[orientation=vertical]/timeline:top-0 group-data-[orientation=vertical]/timeline:-left-6 group-data-[orientation=vertical]/timeline:-translate-x-1/2",
+        className
+      ),
+      "aria-hidden": "true",
+      ...props,
+      children
+    }
+  );
+}
+function TimelineItem({ step, className, ...props }) {
+  const { activeStep } = useTimeline();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "timeline-item",
+      className: cn(
+        "group/timeline-item relative flex flex-1 flex-col gap-0.5 group-data-[orientation=horizontal]/timeline:mt-8 group-data-[orientation=horizontal]/timeline:not-last:pe-8 group-data-[orientation=vertical]/timeline:ms-8 group-data-[orientation=vertical]/timeline:not-last:pb-12 has-[+[data-completed]]:**:data-[slot=timeline-separator]:bg-primary",
+        className
+      ),
+      "data-completed": step <= activeStep || void 0,
+      ...props
+    }
+  );
+}
+function TimelineSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "timeline-separator",
+      className: cn(
+        "absolute self-start bg-primary/10 group-last/timeline-item:hidden group-data-[orientation=horizontal]/timeline:-top-6 group-data-[orientation=horizontal]/timeline:h-0.5 group-data-[orientation=horizontal]/timeline:w-[calc(100%-1rem-0.25rem)] group-data-[orientation=horizontal]/timeline:translate-x-4.5 group-data-[orientation=horizontal]/timeline:-translate-y-1/2 group-data-[orientation=vertical]/timeline:-left-6 group-data-[orientation=vertical]/timeline:h-[calc(100%-1rem-0.25rem)] group-data-[orientation=vertical]/timeline:w-0.5 group-data-[orientation=vertical]/timeline:-translate-x-1/2 group-data-[orientation=vertical]/timeline:translate-y-4.5",
+        className
+      ),
+      "aria-hidden": "true",
+      ...props
+    }
+  );
+}
+function TimelineTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "h3",
+    {
+      "data-slot": "timeline-title",
+      className: cn("text-sm font-medium", className),
+      ...props
+    }
+  );
+}
+export {
+  Timeline,
+  TimelineContent,
+  TimelineDate,
+  TimelineHeader,
+  TimelineIndicator,
+  TimelineItem,
+  TimelineSeparator,
+  TimelineTitle
+};
+//# sourceMappingURL=timeline.js.map

package/dist/custom/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/custom/timeline.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Slot } from \"radix-ui\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\n\r\n// Types\r\ntype TimelineContextValue = {\r\n  activeStep: number;\r\n  setActiveStep: (step: number) => void;\r\n};\r\n\r\n// Context\r\nconst TimelineContext = React.createContext<TimelineContextValue | undefined>(\r\n  undefined\r\n);\r\n\r\nconst useTimeline = () => {\r\n  const context = React.useContext(TimelineContext);\r\n  if (!context) {\r\n    throw new Error(\"useTimeline must be used within a Timeline\");\r\n  }\r\n  return context;\r\n};\r\n\r\n// Components\r\ninterface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  defaultValue?: number;\r\n  value?: number;\r\n  onValueChange?: (value: number) => void;\r\n  orientation?: \"horizontal\" | \"vertical\";\r\n}\r\n\r\nfunction Timeline({\r\n  defaultValue = 1,\r\n  value,\r\n  onValueChange,\r\n  orientation = \"vertical\",\r\n  className,\r\n  ...props\r\n}: TimelineProps) {\r\n  const [activeStep, setInternalStep] = React.useState(defaultValue);\r\n\r\n  const setActiveStep = React.useCallback(\r\n    (step: number) => {\r\n      if (value === undefined) {\r\n        setInternalStep(step);\r\n      }\r\n      onValueChange?.(step);\r\n    },\r\n    [value, onValueChange]\r\n  );\r\n\r\n  const currentStep = value ?? activeStep;\r\n\r\n  return (\r\n    <TimelineContext.Provider\r\n      value={{ activeStep: currentStep, setActiveStep }}\r\n    >\r\n      <div\r\n        data-slot=\"timeline\"\r\n        className={cn(\r\n          \"group/timeline flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col\",\r\n          className\r\n        )}\r\n        data-orientation={orientation}\r\n        {...props}\r\n      />\r\n    </TimelineContext.Provider>\r\n  );\r\n}\r\n\r\n// TimelineContent\r\nfunction TimelineContent({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) {\r\n  return (\r\n    <div\r\n      data-slot=\"timeline-content\"\r\n      className={cn(\"text-sm text-muted-foreground\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\n// TimelineDate\r\ninterface TimelineDateProps extends React.HTMLAttributes<HTMLTimeElement> {\r\n  asChild?: boolean;\r\n}\r\n\r\nfunction TimelineDate({\r\n  asChild = false,\r\n  className,\r\n  ...props\r\n}: TimelineDateProps) {\r\n  const Comp = asChild ? Slot.Root : \"time\";\r\n\r\n  return (\r\n    <Comp\r\n      data-slot=\"timeline-date\"\r\n      className={cn(\r\n        \"mb-1 block text-xs font-medium text-muted-foreground group-data-[orientation=vertical]/timeline:max-sm:h-4\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\n// TimelineHeader\r\nfunction TimelineHeader({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) {\r\n  return (\r\n    <div data-slot=\"timeline-header\" className={cn(className)} {...props} />\r\n  );\r\n}\r\n\r\n// TimelineIndicator\r\ninterface TimelineIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  asChild?: boolean;\r\n}\r\n\r\nfunction TimelineIndicator({\r\n  className,\r\n  children,\r\n  ...props\r\n}: TimelineIndicatorProps) {\r\n  return (\r\n    <div\r\n      data-slot=\"timeline-indicator\"\r\n      className={cn(\r\n        \"absolute size-4 rounded-full border-2 border-primary/20 group-data-completed/timeline-item:border-primary group-data-[orientation=horizontal]/timeline:-top-6 group-data-[orientation=horizontal]/timeline:left-0 group-data-[orientation=horizontal]/timeline:-translate-y-1/2 group-data-[orientation=vertical]/timeline:top-0 group-data-[orientation=vertical]/timeline:-left-6 group-data-[orientation=vertical]/timeline:-translate-x-1/2\",\r\n        className\r\n      )}\r\n      aria-hidden=\"true\"\r\n      {...props}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n}\r\n\r\n// TimelineItem\r\ninterface TimelineItemProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  step: number;\r\n}\r\n\r\nfunction TimelineItem({ step, className, ...props }: TimelineItemProps) {\r\n  const { activeStep } = useTimeline();\r\n\r\n  return (\r\n    <div\r\n      data-slot=\"timeline-item\"\r\n      className={cn(\r\n        \"group/timeline-item relative flex flex-1 flex-col gap-0.5 group-data-[orientation=horizontal]/timeline:mt-8 group-data-[orientation=horizontal]/timeline:not-last:pe-8 group-data-[orientation=vertical]/timeline:ms-8 group-data-[orientation=vertical]/timeline:not-last:pb-12 has-[+[data-completed]]:**:data-[slot=timeline-separator]:bg-primary\",\r\n        className\r\n      )}\r\n      data-completed={step <= activeStep || undefined}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\n// TimelineSeparator\r\nfunction TimelineSeparator({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) {\r\n  return (\r\n    <div\r\n      data-slot=\"timeline-separator\"\r\n      className={cn(\r\n        \"absolute self-start bg-primary/10 group-last/timeline-item:hidden group-data-[orientation=horizontal]/timeline:-top-6 group-data-[orientation=horizontal]/timeline:h-0.5 group-data-[orientation=horizontal]/timeline:w-[calc(100%-1rem-0.25rem)] group-data-[orientation=horizontal]/timeline:translate-x-4.5 group-data-[orientation=horizontal]/timeline:-translate-y-1/2 group-data-[orientation=vertical]/timeline:-left-6 group-data-[orientation=vertical]/timeline:h-[calc(100%-1rem-0.25rem)] group-data-[orientation=vertical]/timeline:w-0.5 group-data-[orientation=vertical]/timeline:-translate-x-1/2 group-data-[orientation=vertical]/timeline:translate-y-4.5\",\r\n        className\r\n      )}\r\n      aria-hidden=\"true\"\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\n// TimelineTitle\r\nfunction TimelineTitle({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLHeadingElement>) {\r\n  return (\r\n    <h3\r\n      data-slot=\"timeline-title\"\r\n      className={cn(\"text-sm font-medium\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {\r\n  Timeline,\r\n  TimelineContent,\r\n  TimelineDate,\r\n  TimelineHeader,\r\n  TimelineIndicator,\r\n  TimelineItem,\r\n  TimelineSeparator,\r\n  TimelineTitle,\r\n};\r\n"],"mappings":"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","names":[]}