ar-design 0.3.28 → 0.3.30

package/dist/assets/css/components/navigation/menu/styles.css

@@ -12,9 +12,6 @@
   grid-template-rows: 0fr;
   list-style: none;
 }
-.ar-menu > ul li {
-  /* -webkit-text-stroke: 0.5px var(--black); */
-}
 
 .ar-menu > ul li .item-render {
   position: relative;
@@ -24,6 +21,12 @@
   text-wrap: nowrap;
   cursor: pointer;
 }
+.ar-menu > ul li .item-render > hr {
+  width: 100%;
+  border: none;
+  border-bottom: solid 1px currentColor;
+  margin: 0.5rem 0;
+}
 .ar-menu > ul li .item-render a {
   display: block;
   width: 100%;
@@ -90,15 +93,17 @@
   transform: rotate(135deg);
 }
 
+.ar-menu > ul li.divider {
+  color: var(--black);
+}
+
 .ar-menu > ul li.selected {
   color: var(--primary);
 }
 .ar-menu > ul li.selected .item-render > span:first-child {
   background-color: var(--primary);
   box-shadow: 0 0 0 5px rgba(var(--primary-rgb), 0.1);
-}
-.ar-menu > ul li.selected .item-render > span:first-child svg {
-  color: var(--white);
+  color: var(--white) !important;
 }
 .ar-menu > ul li.selected .item-render > span:first-child > .no-icon::before {
   display: inline-block;

package/dist/components/form/date-picker/index.js

@@ -80,10 +80,11 @@ const DatePicker = ({ variant, color, onChange, isClock, validation, ...attribut
                 const screenCenterY = window.innerHeight / 2;
                 const sx = window.scrollX || document.documentElement.scrollLeft || document.body.scrollLeft;
                 const sy = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop;
+                const _isClock = InpuRect.left > screenCenterX ? -Math.abs(isClock ? 7.5 * 16.75 : 0) : 0;
                 _arCalendar.current.style.visibility = "visible";
                 _arCalendar.current.style.opacity = "1";
                 _arCalendar.current.style.top = `${(InpuRect.top > screenCenterY ? InpuRect.top - arCalendarRect.height : InpuRect.top + InpuRect.height) + sy}px`;
-                _arCalendar.current.style.left = `${(InpuRect.left > screenCenterX ? InpuRect.right - arCalendarRect.width : InpuRect.left) + sx}px`;
+                _arCalendar.current.style.left = `${(InpuRect.left > screenCenterX ? InpuRect.right - arCalendarRect.width : InpuRect.left) + sx + _isClock}px`;
             }
         }
     };

package/dist/components/navigation/breadcrumb/IProps.d.ts

@@ -1,5 +1,3 @@
-import { MenuProps } from "../../../libs/types";
 interface IProps {
-    menus: MenuProps[];
 }
 export default IProps;

package/dist/components/navigation/breadcrumb/index.js

@@ -1,32 +1,8 @@
 "use client";
-import React, { useEffect, useState } from "react";
+import React from "react";
 import "../../../assets/css/components/navigation/breadcrumb/styles.css";
-const Breadcrumb = ({ menus }) => {
-    // useState
-    const [pathname, setPathname] = useState("");
-    // const [breadcrumb, setBreadcrumb] = useState<any[]>([]);
-    const handleBreadcrumb = (pathname) => {
-        if (pathname === undefined)
-            pathname = window.location.pathname;
-        // let _menus: any, _parents: any;
-        if (pathname) {
-            // console.log(menus.filter(x=>x.));
-            // Recursive
-            // handleBreadcrumb(_menus);
-        }
-        else {
-            // Recursive
-            // handleBreadcrumb(_parents.parentId);
-        }
-    };
-    // useEffects
-    useEffect(() => {
-        if (menus.length === 0)
-            return;
-        handleBreadcrumb(undefined);
-        setPathname(window.location.pathname);
-    }, [menus, pathname]);
-    return (React.createElement("nav", { className: "ar-breadcrumb" }));
+const Breadcrumb = () => {
+    return React.createElement("nav", { className: "ar-breadcrumb" });
 };
 Breadcrumb.displayName = "Breadcrumb";
 export default Breadcrumb;

package/dist/components/navigation/menu/IProps.d.ts

@@ -1,32 +1,7 @@
 import React from "react";
 import { MenuItemVariants, MenuProps } from "../../../libs/types";
 interface IProps extends React.HTMLAttributes<HTMLElement> {
-    /**
-     * Menüde gösterilecek öğeler listesi.
-     *
-     * Örneğin;
-     *
-     * ```jsx
-     * <Menu data={[
-     *   { render: "Anasayfa", icon: SVGElement | HTMLImageElement },
-     *   { render: <b>Hakkımızda</b>, type: "group", submenu: [{ render: "Ekibimiz" }] }
-     * ]} />
-     * ```
-     */
     data: MenuProps[];
-    /**
-     * Menü öğelerinin varyantı (stili).
-     *
-     * - `vertical`: Stil türünü belirtir ("filled" | "outlined" | "dashed" | "borderless").
-     * - `horizontal`: Bileşenin soluna içerik ekler (örneğin ₺, %, vb.).
-     * - `after`: Bileşenin sağına içerik ekler.
-     *
-     * Örneğin;
-     *
-     * ```jsx
-     * <Menu variant="vertical" />
-     * ```
-     */
     variant?: MenuItemVariants;
 }
 export default IProps;

package/dist/components/navigation/menu/index.js

@@ -1,7 +1,6 @@
 "use client";
 import React, { useState } from "react";
 import "../../../assets/css/components/navigation/menu/styles.css";
-import Divider from "../../data-display/divider";
 const handleClick = (event) => {
     event.stopPropagation();
     const target = event.currentTarget;
@@ -16,7 +15,9 @@ const handleClick = (event) => {
     else {
         const selectedItems = document.querySelectorAll(".selected");
         selectedItems.forEach((item) => item.classList.remove("selected"));
-        target.classList.add("selected");
+        if (!target.classList.contains("divider")) {
+            target.classList.add("selected");
+        }
     }
 };
 /**
@@ -31,10 +32,10 @@ const SubMenu = ({ items, variant, setSelectedMenu, selectedMenu, setSelectedIte
         return null;
     return (React.createElement("ul", null,
         React.createElement("div", null, items.map((item, index) => {
-            return (React.createElement("li", { key: index, onClick: handleClick },
+            return (React.createElement("li", { key: index, className: item.type === "divider" ? "divider" : "", onClick: handleClick },
                 React.createElement("div", { className: "item-render" },
-                    React.createElement("span", null, item.icon ? item.icon : React.createElement("span", { className: "no-icon" })),
-                    item.type === "divider" ? React.createElement(Divider, null) : React.createElement("span", { className: "item" }, item.render),
+                    item.type !== "divider" && React.createElement("span", null, item.icon ? item.icon : React.createElement("span", { className: "no-icon" })),
+                    item.type === "divider" ? React.createElement("hr", null) : React.createElement("span", { className: "item" }, item.render),
                     item.type === "group" && React.createElement("span", { className: "angel-down" })),
                 item.submenu && (React.createElement(SubMenu, { items: item.submenu, variant: variant, setSelectedMenu: setSelectedMenu, selectedMenu: selectedMenu, setSelectedItem: setSelectedItem, selectedItem: selectedItem }))));
         }))));
@@ -44,15 +45,14 @@ const Menu = ({ data, variant = "vertical", ...attributes }) => {
     const [selectedMenu, setSelectedMenu] = useState([]);
     const [selectedItem, setSelectedItem] = useState(null);
     return (React.createElement("nav", { className: "ar-menu", ...attributes },
-        React.createElement("ul", null,
-            React.createElement("div", null, data.map((item, index) => {
-                return (React.createElement("li", { key: index, onClick: handleClick },
-                    React.createElement("div", { className: "item-render" },
-                        React.createElement("span", null, item.icon ? item.icon : React.createElement("span", { className: "no-icon" })),
-                        item.type === "divider" ? React.createElement(Divider, null) : React.createElement("span", { className: "item" }, item.render),
-                        item.type === "group" && React.createElement("span", { className: "angel-down" })),
-                    item.submenu && (React.createElement(SubMenu, { items: item.submenu, variant: variant, setSelectedMenu: setSelectedMenu, selectedMenu: selectedMenu, setSelectedItem: setSelectedItem, selectedItem: selectedItem }))));
-            })))));
+        React.createElement("ul", null, data.map((item, index) => {
+            return (React.createElement("li", { key: index, className: item.type === "divider" ? "divider" : "", onClick: handleClick },
+                React.createElement("div", { className: "item-render" },
+                    item.type !== "divider" && React.createElement("span", null, item.icon ? item.icon : React.createElement("span", { className: "no-icon" })),
+                    item.type === "divider" ? React.createElement("hr", null) : React.createElement("span", { className: "item" }, item.render),
+                    item.type === "group" && React.createElement("span", { className: "angel-down" })),
+                item.submenu && (React.createElement(SubMenu, { items: item.submenu, variant: variant, setSelectedMenu: setSelectedMenu, selectedMenu: selectedMenu, setSelectedItem: setSelectedItem, selectedItem: selectedItem }))));
+        }))));
 };
 Menu.displayName = "Menu";
 export default Menu;

package/dist/components/navigation/pagination/IProps.d.ts

@@ -1,34 +1,8 @@
 interface IProps {
-    /**
-     * Varsayılan olarak seçili olan sayfa numarası.
-     * Eğer belirtilmezse, 1. sayfa varsayılan olarak kabul edilir.
-     *
-     * Örneğin;
-     *
-     * ```tsx
-     * <Pagination defaultCurrent={3} />
-     * ```
-     */
     defaultCurrent?: number;
-    /**
-     * Şu anda aktif olan sayfa numarası.
-     */
     currentPage: number;
-    /**
-     * Toplam kayıt sayısı.
-     * Sayfa başına gösterilecek öğe sayısına göre toplam sayfa sayısı hesaplanacaktır.
-     */
     totalRecords: number;
-    /**
-     * Her sayfada gösterilecek kayıt sayısı.
-     * Varsayılan değer sağlanmamışsa, genellikle 10 veya 20 olarak kabul edilir.
-     */
     perPage?: number;
-    /**
-     * Sayfa değiştiğinde tetiklenen geri çağırma fonksiyonu.
-     *
-     * @param currentPage - Kullanıcının seçtiği yeni sayfa numarası.
-     */
     onChange: (currentPage: number) => void;
 }
 export default IProps;

package/dist/components/navigation/pagination/index.js

@@ -79,4 +79,5 @@ const Pagination = ({ defaultCurrent = 1, currentPage, totalRecords, perPage, on
                 } },
                 React.createElement("span", null, "»")))));
 };
+Pagination.displayName = "Pagination";
 export default Pagination;

package/dist/components/navigation/steps/IProps.d.ts

@@ -1,32 +1,10 @@
 import { StepProps, ValidationProperties } from "../../../libs/types";
 import { IChildren } from "../../../libs/types/IGlobalProps";
 interface IProps<TData extends object> extends IChildren {
-    /**
-     * Step'leri temsil eden dizisi.
-     * Her bir `Step` için gerekli özellikler `StepProps` tipinde olmalıdır.
-     */
     steps: StepProps[];
-    /**
-     * Adım değiştiğinde tetiklenen geri çağırma fonksiyonu.
-     * @param currentStep - Kullanıcının geçerli olduğu adım numarası.
-     */
     onChange: (currentStep: number) => void;
-    /**
-     * Doğrulama için kullanılan veri nesnesi.
-     *
-     * `TData` tipi ile esnek şekilde tanımlanır.
-     */
     validation?: {
-        /**
-         * Doğrulama yapılacak veri.
-         */
         data: TData;
-        /**
-         * Doğrulama kuralları dizisi.
-         *
-         * `ValidationProperties<TData>` tipiyle tanımlanır ve
-         * `data` üzerindeki alanlara uygulanacak doğrulama kurallarını içerir.
-         */
         rules: ValidationProperties<TData>[];
     };
 }

package/dist/index.d.ts

@@ -31,7 +31,8 @@ import Progress from "./components/feedback/progress";
 import Tooltip from "./components/feedback/tooltip";
 import Breadcrumb from "./components/navigation/breadcrumb";
 import Menu from "./components/navigation/menu";
+import Pagination from "./components/navigation/pagination";
 import Steps from "./components/navigation/steps";
 import Grid from "./components/data-display/grid-system";
 import Layout from "./components/layout";
-export { Button, ButtonAction, ButtonGroup, Checkbox, DatePicker, Input, InputNumber, InputTag, Radio, Select, Switch, TextEditor, Upload, Card, Chip, Diagram, Divider, DnD, KanbanBoard, Paper, SyntaxHighlighter, Table, Tabs, Typography, Alert, Drawer, Modal, Popover, Progress, Tooltip, Breadcrumb, Menu, Steps, Grid, Layout, };
+export { Button, ButtonAction, ButtonGroup, Checkbox, DatePicker, Input, InputNumber, InputTag, Radio, Select, Switch, TextEditor, Upload, Card, Chip, Diagram, Divider, DnD, KanbanBoard, Paper, SyntaxHighlighter, Table, Tabs, Typography, Alert, Drawer, Modal, Popover, Progress, Tooltip, Breadcrumb, Menu, Pagination, Steps, Grid, Layout, };

package/dist/index.js

@@ -35,6 +35,7 @@ import Tooltip from "./components/feedback/tooltip";
 // Navigation
 import Breadcrumb from "./components/navigation/breadcrumb";
 import Menu from "./components/navigation/menu";
+import Pagination from "./components/navigation/pagination";
 import Steps from "./components/navigation/steps";
 // Layout
 import Grid from "./components/data-display/grid-system";
@@ -47,6 +48,6 @@ Card, Chip, Diagram, Divider, DnD, KanbanBoard, Paper, SyntaxHighlighter, Table,
 // Feedback
 Alert, Drawer, Modal, Popover, Progress, Tooltip, 
 // Navigation
-Breadcrumb, Menu, Steps, 
+Breadcrumb, Menu, Pagination, Steps, 
 // Layout
 Grid, Layout, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ar-design",
-  "version": "0.3.28",
+  "version": "0.3.30",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",