mehdi-akbari-map 0.0.1

package/README.md

@@ -0,0 +1,111 @@
+
+Markdown# Mehdi Akbari Calendar
+
+![npm](https://img.shields.io/npm/v/mehdi-akbari-calendar?color=3b82f6&style=flat-square)
+![npm downloads](https://img.shields.io/npm/dm/mehdi-akbari-calendar?style=flat-square)
+![license](https://img.shields.io/npm/l/mehdi-akbari-calendar?style=flat-square)
+![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue?style=flat-square)
+
+یک **تقویم شمسی (جلالی) حرفه‌ای، زیبا و کاملاً قابل سفارشی‌سازی** برای React — ساخته‌شده با  توسط مهدی اکبری.
+
+ویژگی‌های کلیدی:
+- پشتیبانی کامل از تقویم **شمسی** و **میلادی** با سوئیچ آسان
+- انتخاب تک تاریخ و بازه (Range Selection)
+- DatePicker کامل با popover و بسته شدن هوشمند
+- استایل مدرن و مینیمال با CSS Variables
+- RTL/LTR هوشمند
+- بدون وابستگی سنگین (فقط date-fns و date-fns-jalali)
+- تایپ‌اسکریپت کامل
+- بیلد ESM + CJS
+
+> **این پروژه همواره در حال توسعه است** — ویژگی‌های جدید، بهبود عملکرد و رفع باگ‌ها به طور مداوم اضافه می‌شوند. پیشنهادات و مشارکت شما بسیار استقبال می‌شود! 🚀
+
+## نصب
+
+```bash
+npm install mehdi-akbari-calendar
+
+# یا با yarn
+yarn add mehdi-akbari-calendar
+
+# یا با pnpm
+pnpm add mehdi-akbari-calendar
+استفاده سریع
+1. تقویم مستقل (PersianCalendar)
+tsximport { PersianCalendar } from 'mehdi-akbari-calendar/react';
+// یا
+import { PersianCalendar } from 'mehdi-akbari-calendar/react';
+
+function App() {
+  const [date, setDate] = useState<Date | null>(null);
+
+  return (
+    <div style={{ padding: '50px', direction: 'rtl' }}>
+      <PersianCalendar
+        initialDate={date ?? new Date()}
+        onDateSelect={(selected) => {
+          setDate(selected);
+          console.log('تاریخ انتخاب شده:', selected);
+        }}
+      />
+    </div>
+  );
+}
+2. DatePicker کامل (PersianDatePicker)
+tsximport { PersianDatePicker } from 'mehdi-akbari-calendar/react';
+// یا
+import { PersianDatePicker } from 'mehdi-akbari-calendar';
+
+function App() {
+  const [date, setDate] = useState<Date | null>(null);
+
+  return (
+    <div style={{ padding: '50px', direction: 'rtl' }}>
+      <PersianDatePicker
+        initialDate={date}
+        onDateSelect={setDate}
+        placeholder="انتخاب تاریخ"
+      />
+
+      {date && (
+        <p style={{ marginTop: '20px' }}>
+          تاریخ انتخاب‌شده: {date.toLocaleDateString('fa-IR')}
+        </p>
+      )}
+    </div>
+  );
+}
+ویژگی‌ها
+
+سوئیچ بین تقویم جلالی و میلادی با آیکون زیبا
+پشتیبانی از انتخاب بازه (range) با استایل حرفه‌ای
+popover هوشمند در DatePicker (بسته شدن با کلیک بیرون)
+استایل کاملاً قابل سفارشی‌سازی با CSS Variables
+فوتر زیبا با نسخه پکیج و لینک‌های ارتباطی
+
+سفارشی‌سازی استایل
+می‌تونی با override کردن CSS Variables استایل رو تغییر بدی:
+CSS.prc-container {
+  --prc-brand-primary: #10b981;     /* رنگ اصلی سبز */
+  --prc-bg-surface: #1f2937;        /* پس‌زمینه تیره */
+  --prc-text-primary: #f3f4f6;
+  --prc-width: 350px;
+}
+پروژه در حال توسعه
+این پکیج به طور فعال در حال توسعه است. ویژگی‌های آینده:
+
+پشتیبانی از چند انتخاب (multiple dates)
+تم‌های آماده (dark, light, custom)
+ادغام با فرم‌ها (React Hook Form, Zod)
+قابلیت disable تاریخ‌های خاص
+localization بیشتر
+
+پیشنهادات، گزارش باگ و pull request بسیار خوشحال‌کننده است! ❤️
+ارتباط با من
+
+Gmail: mehdiakbarideveloper@gmail.com
+Telegram: @MehdiAkbariDev
+
+لایسنس
+MIT © Mehdi Akbari
+

package/dist/components/Map.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { MapProps } from '../types';
+declare const Map: React.FC<MapProps>;
+export default Map;
+//# sourceMappingURL=Map.d.ts.map

package/dist/components/Map.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../src/components/Map.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAyB,MAAM,UAAU,CAAC;AAE3D,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA2F3B,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.css

@@ -0,0 +1,2 @@
+/* src/styles.css */
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import './styles.css';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1 @@
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/react.cjs

@@ -0,0 +1,3 @@
+"use strict";
+"use client";
+//# sourceMappingURL=react.cjs.map

package/dist/react.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/react.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=react.d.ts.map

package/dist/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":""}

package/dist/react.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/index.d.ts

@@ -0,0 +1,33 @@
+import type { LngLatLike, LngLatBoundsLike, Map as MapboxMap, Marker as MapboxMarker, PointLike } from 'mapbox-gl';
+export interface MapOptions {
+    mapKey: string;
+    mapType?: 'neshan' | 'neshanVector' | 'osm' | string;
+    center?: LngLatLike;
+    zoom?: number;
+    [key: string]: any;
+}
+export interface MarkerData {
+    id: string | number;
+    lat: number;
+    lng: number;
+    name?: string;
+    price?: string;
+    city?: string;
+    performance?: string;
+    desc?: string;
+    phone?: string;
+    whatsapp?: string;
+    [key: string]: any;
+}
+export interface MapProps {
+    options: MapOptions;
+    markers?: MarkerData[];
+    selectedMarkerId?: string | number | null;
+    onMarkerClick?: (marker: MarkerData, index: number, map: MapboxMap) => void;
+    onMapLoad?: (map: MapboxMap) => void;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export type { LngLatLike, LngLatBoundsLike, MapboxMap, MapboxMarker, PointLike };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,GAAG,IAAI,SAAS,EAChB,MAAM,IAAI,YAAY,EACtB,SAAS,EACV,MAAM,WAAW,CAAC;AAEnB,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,KAAK,GAAG,MAAM,CAAC;IACrD,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,OAAO,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IAC5E,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "mehdi-akbari-map",
+  "version": "0.0.1",
+  "description": "A professional Map",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "react.js",
+    "react.mjs",
+    "react.d.ts"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./react": {
+      "import": {
+        "types": "./react.d.ts",
+        "default": "./react.mjs"
+      },
+      "require": {
+        "types": "./react.d.ts",
+        "default": "./react.js"
+      }
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "scripts": {
+    "clean": "npx rimraf dist",
+    "build:js": "tsup",
+    "build:types": "tsc --project tsconfig.dts.json",
+    "build": "npm run clean && npm run build:js && npm run build:types && copyfiles -u 1 src/styles.css dist",
+    "dev": "tsup --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@neshan-maps-platform/mapbox-gl": "^1.1.5",
+    "clsx": "^2.1.1",
+    "date-fns": "^3.6.0",
+    "date-fns-jalali": "^2.30.0-0"
+  },
+  "devDependencies": {
+    "@types/mapbox-gl": "^3.4.1",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "copyfiles": "^2.4.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rimraf": "^5.0.7",
+    "tsup": "^8.1.0",
+    "typescript": "^5.4.5"
+  },
+  "keywords": [
+    "react",
+    "map",
+    "googlemap",
+    "neshan",
+    "ui-component"
+  ],
+  "author": "Mehdi Akbari",
+  "license": "MIT"
+}

package/react.d.ts

@@ -0,0 +1,2 @@
+
+export * from './dist/react'

package/react.js

@@ -0,0 +1,3 @@
+'use strict'
+
+module.exports = require('./dist/react')

package/react.mjs

@@ -0,0 +1,2 @@
+
+export * from './dist/react'