ods-component-lib 1.21.2 → 1.22.1

package/README.md

@@ -1,39 +1,389 @@
-# odeon-component-library
+# Odeon Component Library (ODS Component Lib)
 
-> Odeon desgin system component library
+> Odeon Design System React Component Library - Modern, yeniden kullanılabilir UI bileşenleri.
 
-[![NPM](https://img.shields.io/npm/v/odeon-component-library.svg)](https://www.npmjs.com/package/odeon-component-library) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+[![NPM](https://img.shields.io/npm/v/ods-component-lib.svg)](https://www.npmjs.com/package/ods-component-lib)
+[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 
-## Install
+## 📋 İçindekiler
+
+- [Hakkında](#hakkında)
+- [Özellikler](#özellikler)
+- [Gereksinimler](#gereksinimler)
+- [Kurulum](#kurulum)
+- [Kullanım](#kullanım)
+- [Stil Yönetimi ve CSS/SCSS](#stil-yönetimi-ve-cssscss)
+- [Bileşenler](#bileşenler)
+- [Geliştirme](#geliştirme)
+- [Scripts](#scripts)
+- [Klasör Yapısı](#klasör-yapısı)
+- [Lisans](#lisans)
+
+---
+
+## Hakkında
+
+Odeon Component Library, kurumsal React uygulamaları için tasarlanmış kapsamlı bir UI bileşen kütüphanesidir. [Ant Design](https://ant.design/) ve [DevExtreme](https://js.devexpress.com/) üzerine inşa edilmiş olup, tutarlı ve profesyonel bir kullanıcı deneyimi sunar.
+
+## Özellikler
+
+- 🎨 **50+ Hazır Bileşen** - Form elemanlarından DataGrid'lere kadar geniş bileşen yelpazesi
+- 🚀 **Performans Odaklı Mimari** - Zero re-render hedefli memoization stratejisi ve module-level constant kullanımı
+- 🎨 **Zero-Runtime Styling** - SCSS Modules ve CSS Variables tabanlı, çalışma zamanı maliyeti olmayan stil yönetimi
+- 🧩 **Ant Design v6 Uyumluluğu** - En güncel tasarım sistemi standartları ve CSS variable köprüleme
+- 📊 **High-Density Veri İşleme** - 500+ satırlı kompleks tablolarda bile akıcı DevExtreme performansı
+- 🎯 **TypeScript Desteği** - Tam tip güvenliği
+- 📖 **Storybook Dokümantasyonu** - İnteraktif bileşen belgeleri
+- ⚡ **Tree Shaking** - Sadece kullandığınız bileşenler bundle'a dahil edilir
+
+## Gereksinimler
+
+### Peer Dependencies (Zorunlu)
+
+| Paket | Versiyon |
+|-------|----------|
+| **Node.js** | `24.11.1` |
+| **React** | `^19.2.0` |
+| **React DOM** | `^19.2.0` |
+| **DevExtreme** | `25.1.7` |
+| **DevExtreme React** | `25.1.7` |
+
+### Dahili Bağımlılıklar
+
+Kütüphane aşağıdaki paketleri içermektedir (ayrıca kurmanıza gerek yok):
+
+| Paket | Versiyon | Açıklama |
+|-------|----------|----------|
+| **Ant Design** | `^6.1.1` | UI bileşen kütüphanesi |
+| **Ant Design Icons** | `6.1.0` | İkon kütüphanesi |
+| **Day.js** | `^1.11.13` | Tarih işlemleri (Moment.js yerini almıştır) |
+| **ExcelJS** | `^4.3.0` | Excel export |
+| **jsPDF** | `^2.5.1` | PDF export |
+| **Lodash** | `^4.17.21` | Utility fonksiyonlar |
+| **Sass** | `^1.97.1` | Güçlü ve esnek stil katmanı |
+
+## Kurulum
+
+### NPM ile Projenize Kurulum
 
 ```bash
-npm install
-or
-if you want to install without running the postinstall script
-npm install --ignore-scripts
+npm install ods-component-lib
 ```
 
-## Install Odeon Component Library in a project
+### Peer Dependencies Kurulumu
+
+Aşağıdaki paketlerin projenizde yüklü olduğundan emin olun:
 
 ```bash
-npm install --save odeon-component-library
+npm install react@^19.2.0 react-dom@^19.2.0 devextreme@25.1.7 devextreme-react@25.1.7
+```
+
+### DevExtreme Stilleri
+
+DevExtreme bileşenlerini kullanıyorsanız, projenizin giriş noktasına DevExtreme CSS dosyasını eklemeyi unutmayın:
+
+```tsx
+// App.tsx veya index.tsx
+import 'devextreme/dist/css/dx.light.css'; // veya dx.dark.css
+```
+
+---
+
+## Kullanım
+
+### Temel Kullanım
+
+```tsx
+import React from 'react';
+import { OdsButton, OdsInput, OdsSelect } from 'ods-component-lib';
+
+const MyForm = () => {
+  return (
+    <div>
+      <OdsInput placeholder="Adınızı girin" />
+      <OdsSelect 
+        options={[
+          { value: '1', label: 'Seçenek 1' },
+          { value: '2', label: 'Seçenek 2' }
+        ]} 
+      />
+      <OdsButton type="primary">Gönder</OdsButton>
+    </div>
+  );
+};
+
+export default MyForm;
+```
+
+### OdsDataGrid Kullanımı
+
+DataGrid bileşeni, DevExtreme DataGrid üzerine inşa edilmiş, "Optimal Performance Architecture" yaklaşımıyla optimize edilmiş bir bileşendir:
+
+```tsx
+import React, { useRef } from 'react';
+import { OdsDataGrid, Column } from 'ods-component-lib';
+
+const data = [
+  { id: 1, name: 'Ahmet', age: 28 },
+  { id: 2, name: 'Mehmet', age: 32 },
+];
+
+const MyDataGrid = () => {
+  const dataGridRef = useRef(null);
+
+  return (
+    <OdsDataGrid
+      dataGridRef={dataGridRef}
+      dataSource={data}
+      compact={true}
+      keyExpr="id"
+      // Performans için memoized konfigürasyonlar desteklenir
+    >
+      <Column dataField="name" caption="Ad" />
+      <Column dataField="age" caption="Yaş" />
+    </OdsDataGrid>
+  );
+};
+
+export default MyDataGrid;
+```
+
+#### Performans Prensipleri
+- **Memoization:** Inline object ve callback yerine `useMemo` ve `useCallback` kullanımı.
+- **Stable Components:** Hücre render component'lerinin bileşen dışına taşınarak yeniden yaratılmasının engellenmesi.
+- **Selective Rendering:** Sadece değişen state'lerin re-render tetiklemesi için rafine edilmiş component yapısı.
+
+### OdsDataGrid Props
+
+| Prop | Tip | Varsayılan | Açıklama |
+|------|-----|------------|----------|
+| `dataGridRef` | `React.RefObject` | - | DataGrid referansı |
+| `compact` | `boolean` | `false` | Kompakt görünüm modu |
+| `hasSummaryButton` | `boolean` | `false` | Özet butonu gösterimi |
+| `disableBodyClasses` | `boolean` | `false` | Body class yönetimini devre dışı bırakır |
+| `dataGridBorderRadius` | `number \| string` | - | Border radius değeri |
+
+> **Not:** Tüm DevExtreme DataGrid props'ları da desteklenmektedir.
+
+---
+
+## Stil Yönetimi ve CSS/SCSS
+
+ODS Component Library, modern web standartlarına uygun, performanslı ve esnek bir stil yönetim sistemi sunar. Projede **Zero-Runtime CSS** stratejisi benimsenmiştir.
+
+### 💎 SCSS Modules
+Bileşene özel stiller için `.module.scss` dosyaları kullanılır. Bu yaklaşım, class isimlerinin çakışmasını (clashing) önler ve CSS bundle boyutunu optimize eder.
+
+```tsx
+import styles from './MyComponent.module.scss';
+
+const MyComponent = () => (
+  <div className={styles.wrapper}>
+    <span className={styles.title}>Merhaba</span>
+  </div>
+);
 ```
 
-## Usage
+### 📊 DataGrid Stil Katmanları
+
+DataGrid bileşenleri, Ant Design v6 ile tam uyumlu olması için üç farklı katmanda stilize edilir:
+
+#### 1. Global Overrides (`datagrid-globals.scss`)
+DevExtreme bileşenleri tarafından grid DOM'u dışında (portal üzerinden body altına) oluşturulan overlay'lerin (dropdown, checkbox, tooltip, context menu vb.) Ant Design temasıyla uyumlu hale getirilmesini sağlar.
 
+- **Kullanım:** Uygulamanın en tepesinde (App.tsx veya main.tsx) import edilmelidir.
 ```tsx
-import React, { Component } from "react";
+import 'ods-component-lib/styles/datagrid-globals.css';
+```
 
-import MyComponent from "odeon-component-library";
-import "odeon-component-library/dist/index.css";
+#### 2. Component Core Styles (`OdsDataGrid.scss`)
+`OdsDataGrid` bileşeninin tüm iç yapısını (Toolbar, Header, Rows, Pager) yöneten ana stil dosyasıdır. Performans ve CSS cascade kontrolü için bileşen seviyesinde değil, uygulama seviyesinde import edilir.
 
-class Example extends Component {
-  render() {
-    return <MyComponent />;
-  }
+- **Kullanım:** Uygulamanın en tepesinde (App.tsx veya main.tsx) import edilmelidir.
+```tsx
+import 'ods-component-lib/styles/OdsDataGrid.css';
+```
+
+#### 3. Design Tokens (`_tokens.scss`)
+Grid sistemi için kullanılan renk, radius, padding ve font büyüklüğü gibi değerlerin Ant Design standartlarına bağlandığı katmandır.
+
+### 🌍 Global Değişkenler ve Tokenlar
+Ant Design v6 CSS değişkenleri (design tokens) projede aktif olarak kullanılır. Bu sayede tema değişiklikleri dinamik olarak yansıtılır.
+
+- **Ant Design Değişkenleri:** `var(--ant-primary-color)`, `var(--ant-border-radius-base)` vb.
+- **Custom ODS Tokenlar:** `_variables.scss` dosyasında tanımlanan ve Ant Design token'larını referans alan özel değişkenler.
+
+#### Örnek SCSS Kullanımı:
+```scss
+@use 'ods-component-lib/styles/variables' as *;
+
+.my-custom-box {
+  background-color: var(--ant-primary-color);
+  border-radius: var(--ant-border-radius);
+  padding: $ods-padding-md; // Custom ODS variable
 }
 ```
 
-## License
+### 📊 DataGrid Global Stilleri
+DataGrid gibi kompleks bileşenlerin global stil override'ları için `datagrid-globals.scss` dosyası sunulur. Bu dosya, tüm DataGrid varyasyonlarında tutarlı bir görünüm sağlar.
+
+### 🛠️ CSS Variables Köprüleme
+Ant Design'ın sunduğu `ConfigProvider` üzerinden tanımlanan tüm tokenlar, otomatik olarak CSS değişkenlerine dönüştürülür. ODS, bu değişkenleri hem runtime (JS) hem de build-time (SCSS) süreçlerinde senkronize tutar.
+
+---
+
+## Bileşenler
+
+### Ant Design Tabanlı Bileşenler
+
+| Kategori | Bileşenler |
+|----------|------------|
+| **Form** | `OdsInput`, `OdsPassword`, `OdsTextArea`, `OdsSearch`, `OdsPhoneInput`, `OdsInputNumber`, `OdsCurrencyInput` |
+| **Seçim** | `OdsSelect`, `OdsMultiSelect`, `OdsCheckbox`, `OdsCheckboxGroup`, `OdsRadio`, `OdsRadioGroup`, `OdsSwitch`, `OdsTreeSelect` |
+| **Tarih/Zaman** | `OdsDatepicker`, `OdsDateRangePicker`, `OdsTimepicker`, `OdsRangeTimepicker`, `OdsCalendar` |
+| **Görüntüleme** | `OdsCard`, `OdsCollapse`, `OdsImage`, `OdsList`, `OdsTable`, `OdsBasicTable`, `OdsTag`, `OdsBadge`, `OdsDivider` |
+| **Tipografi** | `OdsTitle`, `OdsText`, `OdsParagraph`, `OdsLink` |
+| **Geri Bildirim** | `OdsAlert`, `OdsBannerAlert`, `OdsNotification`, `OdsModal`, `OdsSpin`, `OdsProgress` |
+| **Navigasyon** | `OdsTab`, `OdsDropdown`, `OdsTreeListMenu`, `OdsTimeline` |
+| **Diğer** | `OdsButton`, `OdsAutoComplete`, `OdsFileUpload`, `OdsRate`, `OdsChange` |
+
+### DevExtreme Tabanlı Bileşenler
+
+| Bileşen | Açıklama |
+|---------|----------|
+| `OdsDataGrid` | ⭐ Modern DataGrid bileşeni (önerilen) |
+| `OdsDataGridMemoized` | Memoized DataGrid versiyonu |
+| `OdsMergeCellDataGrid` | Hücre birleştirme özellikli DataGrid |
+| `OdsTimelineTable` | Zaman çizelgesi tablosu |
+| `OdsTransfer` | Transfer bileşeni |
+| `OdsTransferV2` | Transfer bileşeni v2 |
+
+#### Deprecated DataGrid Bileşenleri
+
+Aşağıdaki bileşenler ilerleyen sürümlerde kaldırılacaktır. Lütfen `OdsDataGrid` kullanımına geçin:
+
+- `OdsDataGridLegacy`
+- `OdsBasicDataGrid`
+- `OdsBatchEditDataGrid`
+- `OdsDisplayGrid`
+- `OdsInlineEditDataGrid`
+- `OdsRemoteDataGrid`
+- `OdsServerSideDatagrid`
+
+### Filtre Bileşenleri
+
+| Bileşen | Açıklama |
+|---------|----------|
+| `OdsFilter` | Temel filtre bileşeni |
+| `OdsFilterPlus` | Gelişmiş filtre bileşeni |
+| `OdsFilterTagView` | Filtre etiketleri görünümü |
+
+### Hooks
+
+| Hook | Açıklama |
+|------|----------|
+| `useBodyClasses` | Body class yönetimi için hook |
+
+---
+
+## Geliştirme
+
+### Kaynak Koddan Kurulum
+
+```bash
+# Repository'yi klonlayın
+git clone https://github.com/OdeonTechnology/ods-component-lib.git
+
+# Proje dizinine gidin
+cd odeon-component-library
+
+# Bağımlılıkları yükleyin
+npm install
+
+# veya postinstall scriptini atlamak için
+npm install --ignore-scripts
+```
+
+### Storybook ile Geliştirme
+
+Storybook, bileşenleri izole bir şekilde geliştirmek ve test etmek için kullanılır:
+
+```bash
+# Storybook'u başlatın (port: 3010)
+npm run storybook
+```
+
+Storybook başladıktan sonra tarayıcınızda `http://localhost:3010` adresini açın.
+
+### Yeni Bileşen Oluşturma
+
+Plop generator kullanarak yeni bileşen oluşturabilirsiniz:
+
+```bash
+npm run plop
+```
+
+---
+
+## Scripts
+
+| Script | Açıklama |
+|--------|----------|
+| `npm run dev` | Watch modunda build |
+| `npm run build` | Production build |
+| `npm run storybook` | Storybook'u başlat (port: 3010) |
+| `npm run build-storybook` | Storybook static build |
+| `npm run test` | Testleri çalıştır |
+| `npm run test:watch` | Testleri watch modunda çalıştır |
+| `npm run test:lint` | ESLint kontrolü |
+| `npm run plop` | Yeni bileşen oluştur |
+| `npm run patch` | Versiyon patch |
+
+---
+
+## Klasör Yapısı
+
+```
+odeon-component-library/
+├── src/
+│   ├── components/
+│   │   ├── antd/              # Ant Design tabanlı bileşenler
+│   │   │   ├── alert/
+│   │   │   ├── button/
+│   │   │   ├── input/
+│   │   │   └── ...
+│   │   ├── devextreme/        # DevExtreme tabanlı bileşenler
+│   │   │   ├── DataGrid/      # Modern OdsDataGrid
+│   │   │   ├── OdsTimelineTable/
+│   │   │   └── ...
+│   │   ├── filter/            # Filtre bileşenleri
+│   │   └── helpers/           # Yardımcı bileşenler
+│   ├── hooks/                 # Custom hooks
+│   ├── stories/               # Storybook hikayeleri
+│   ├── tokens/                # Design tokens
+│   ├── utils/                 # Utility fonksiyonlar
+│   └── index.tsx              # Ana export dosyası
+├── dist/                      # Build çıktısı
+├── .storybook/                # Storybook yapılandırması
+├── plop-templates/            # Plop template'leri
+├── package.json
+├── tsconfig.json
+├── vite.config.ts
+└── vitest.config.ts
+```
+
+---
+
+## Build Çıktısı
+
+Kütüphane aşağıdaki formatlarda build edilir:
+
+- **ES Modules**: `dist/index.es.js`
+- **CommonJS**: `dist/index.cjs.js`
+- **TypeScript Types**: `dist/index.d.ts`
+
+---
+
+## Lisans
 
 MIT © [OdeonTechnology](https://github.com/OdeonTechnology)

package/dist/_virtual/index.js

@@ -1,8 +1,6 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/react-fast-marquee/dist/index.js";
-var e = /* @__PURE__ */ t();
-const a = /* @__PURE__ */ r(e);
+import { __require as r } from "../node_modules/ods-icon/react/24/outline/index.js";
+var o = /* @__PURE__ */ r();
 export {
-  a as default
+  o
 };
 //# sourceMappingURL=index.js.map

package/dist/_virtual/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/_virtual/index2.js

@@ -1,6 +1,5 @@
-import { __require as r } from "../node_modules/ods-icon/react/24/outline/index.js";
-var o = /* @__PURE__ */ r();
+var e = {};
 export {
-  o
+  e as __exports
 };
 //# sourceMappingURL=index2.js.map

package/dist/_virtual/index2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index3.js

@@ -1,5 +1,8 @@
-var e = {};
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/raf/index.js";
+var t = /* @__PURE__ */ e();
+const m = /* @__PURE__ */ r(t);
 export {
-  e as __exports
+  m as default
 };
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index4.js

@@ -1,6 +1,8 @@
-import { __require as r } from "../node_modules/react-is/index.js";
-var a = /* @__PURE__ */ r();
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/rgbcolor/index.js";
+var t = /* @__PURE__ */ o();
+const l = /* @__PURE__ */ r(t);
 export {
-  a as r
+  l as default
 };
 //# sourceMappingURL=index4.js.map

package/dist/_virtual/index4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index5.js

@@ -1,5 +1,6 @@
-var r = {};
+import { __require as r } from "../node_modules/react-is/index.js";
+var a = /* @__PURE__ */ r();
 export {
-  r as __exports
+  a as r
 };
 //# sourceMappingURL=index5.js.map

package/dist/_virtual/index5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/_virtual/index6.js

@@ -1,8 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/raf/index.js";
-var t = /* @__PURE__ */ e();
-const m = /* @__PURE__ */ r(t);
+var r = { exports: {} };
 export {
-  m as default
+  r as __module
 };
 //# sourceMappingURL=index6.js.map

package/dist/_virtual/index6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index7.js

@@ -1,8 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/rgbcolor/index.js";
-var t = /* @__PURE__ */ o();
-const l = /* @__PURE__ */ r(t);
+var e = { exports: {} };
 export {
-  l as default
+  e as __module
 };
 //# sourceMappingURL=index7.js.map

package/dist/_virtual/index7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index8.js

@@ -1,5 +1,8 @@
-var e = { exports: {} };
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/is-mobile/index.js";
+var e = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(e);
 export {
-  e as __module
+  s as default
 };
 //# sourceMappingURL=index8.js.map

package/dist/_virtual/index8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/antd/alert/OdsAlert.js

@@ -1,12 +1,9 @@
-import { jsx as r } from "react/jsx-runtime";
-import { StyledAlert as e } from "./OdsAlert.styled.js";
-import o from "react";
-const l = (t) => {
-};
-function a(t) {
-  return /* @__PURE__ */ r(o.Fragment, { children: /* @__PURE__ */ r(e, { ...t, onClose: l }) });
+import { jsx as t } from "react/jsx-runtime";
+import o from "../../../node_modules/antd/es/alert/index.js";
+function m(r) {
+  return /* @__PURE__ */ t(o, { ...r });
 }
 export {
-  a as default
+  m as default
 };
 //# sourceMappingURL=OdsAlert.js.map

package/dist/components/antd/alert/OdsAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsAlert.js","sources":["../../../../src/components/antd/alert/OdsAlert.tsx"],"sourcesContent":["import { AlertProps } from \"antd\";\r\nimport { StyledAlert } from \"./OdsAlert.styled\";\r\nimport React from \"react\";\r\n\r\n\r\nconst onClose = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\r\n  console.log(e, 'I was closed.');\r\n};\r\n\r\nfunction OdsAlert(props:AlertProps){\r\n    \r\n    return (\r\n        <React.Fragment>\r\n            <StyledAlert {...props} onClose={onClose}></StyledAlert>\r\n        </React.Fragment>\r\n    )\r\n}\r\n\r\nexport default OdsAlert;\r\n\r\n"],"names":["onClose","e","OdsAlert","props","jsx","React","StyledAlert"],"mappings":";;;AAKA,MAAMA,IAAU,CAACC,MAAuD;AAExE;AAEA,SAASC,EAASC,GAAiB;AAE/B,SACI,gBAAAC,EAACC,EAAM,UAAN,EACG,4BAACC,GAAA,EAAa,GAAGH,GAAO,SAAAH,EAAA,CAAkB,EAAA,CAC9C;AAER;"}
+{"version":3,"file":"OdsAlert.js","sources":["../../../../src/components/antd/alert/OdsAlert.tsx"],"sourcesContent":["import Alert, { AlertProps } from \"antd/es/alert\";\r\n\r\nfunction OdsAlert(props:AlertProps){    \r\n    return <Alert {...props} />\r\n}\r\n\r\nexport default OdsAlert;\r\n\r\n"],"names":["OdsAlert","props","jsx","Alert"],"mappings":";;AAEA,SAASA,EAASC,GAAiB;AAC/B,SAAO,gBAAAC,EAACC,GAAA,EAAO,GAAGF,EAAA,CAAO;AAC7B;"}

package/dist/components/antd/autocomplete/OdsAutoComplete.js

@@ -1,12 +1,9 @@
-import { jsx as e } from "react/jsx-runtime";
-import t from "react";
-import { StyledAutoComplete as m } from "./OdsAutoComplete.styled.js";
-import { ThemeProvider as o } from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import { lightTheme as i } from "../../../tokens/design-system-light/build/js/variables.js";
-function a(r) {
-  return /* @__PURE__ */ e(t.Fragment, { children: /* @__PURE__ */ e(o, { theme: i, children: /* @__PURE__ */ e(m, { ...r, children: r.children }) }) });
+import { jsx as t } from "react/jsx-runtime";
+import e from "../../../node_modules/antd/es/auto-complete/index.js";
+function p(o) {
+  return /* @__PURE__ */ t(e, { ...o });
 }
 export {
-  a as default
+  p as default
 };
 //# sourceMappingURL=OdsAutoComplete.js.map

package/dist/components/antd/autocomplete/OdsAutoComplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsAutoComplete.js","sources":["../../../../src/components/antd/autocomplete/OdsAutoComplete.tsx"],"sourcesContent":["import { AutoCompleteProps } from \"antd\";\r\nimport React from \"react\";\r\nimport { StyledAutoComplete } from \"./OdsAutoComplete.styled\";\r\nimport { ThemeProvider } from \"styled-components\";\r\nimport { lightTheme } from \"../../../tokens/design-system-light/build/js/variables\";\r\n\r\n\r\n\r\nexport interface IAutoCompleteProps extends AutoCompleteProps {\r\n    onSelect?: React.MouseEventHandler<HTMLElement>;\r\n}\r\nfunction OdsAutoComplete(props: IAutoCompleteProps) {\r\n    return (\r\n        <React.Fragment>\r\n            <ThemeProvider theme={lightTheme}>\r\n                <StyledAutoComplete {...props}>{props.children}</StyledAutoComplete>\r\n            </ThemeProvider>\r\n        </React.Fragment>\r\n    )\r\n}\r\n\r\nexport default OdsAutoComplete;"],"names":["OdsAutoComplete","props","jsx","React","ThemeProvider","lightTheme","StyledAutoComplete"],"mappings":";;;;;AAWA,SAASA,EAAgBC,GAA2B;AAChD,SACI,gBAAAC,EAACC,EAAM,UAAN,EACG,4BAACC,GAAA,EAAc,OAAOC,GAClB,UAAA,gBAAAH,EAACI,KAAoB,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,GACnD,GACJ;AAER;"}
+{"version":3,"file":"OdsAutoComplete.js","sources":["../../../../src/components/antd/autocomplete/OdsAutoComplete.tsx"],"sourcesContent":["import AutoComplete, { AutoCompleteProps } from \"antd/es/auto-complete\";\r\n\r\nfunction OdsAutoComplete(props: AutoCompleteProps) {\r\n    return <AutoComplete {...props} />\r\n}\r\n\r\nexport default OdsAutoComplete;"],"names":["OdsAutoComplete","props","jsx","AutoComplete"],"mappings":";;AAEA,SAASA,EAAgBC,GAA0B;AAC/C,SAAO,gBAAAC,EAACC,GAAA,EAAc,GAAGF,EAAA,CAAO;AACpC;"}

package/dist/components/antd/badge/OdsBadge.js

@@ -1,10 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import t from "react";
-import { lightTheme as m } from "../../../tokens/design-system-light/build/js/variables.js";
-import { ThemeProvider as i } from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import { StyledBadge as o } from "./OdsBadge.styled.js";
+import d from "../../../node_modules/antd/es/badge/index.js";
 function n(r) {
-  return /* @__PURE__ */ e(t.Fragment, { children: /* @__PURE__ */ e(i, { theme: m, children: /* @__PURE__ */ e(o, { ...r, children: r.children }) }) });
+  return /* @__PURE__ */ e(d, { ...r, children: r.children });
 }
 export {
   n as default

package/dist/components/antd/badge/OdsBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsBadge.js","sources":["../../../../src/components/antd/badge/OdsBadge.tsx"],"sourcesContent":["import { BadgeProps } from \"antd\";\r\nimport React from \"react\";\r\nimport { lightTheme } from '../../../tokens/design-system-light/build/js/variables';\r\nimport { ThemeProvider } from \"styled-components\";\r\nimport { StyledBadge } from \"./OdsBadge.styled\";\r\n\r\nfunction OdsBadge(props: BadgeProps) {\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <ThemeProvider theme={lightTheme}>\r\n                <StyledBadge {...props}>{props.children}</StyledBadge>\r\n            </ThemeProvider>\r\n        </React.Fragment>\r\n    )\r\n}\r\n\r\nexport default OdsBadge;"],"names":["OdsBadge","props","jsx","React","ThemeProvider","lightTheme","StyledBadge"],"mappings":";;;;;AAMA,SAASA,EAASC,GAAmB;AAEjC,SACI,gBAAAC,EAACC,EAAM,UAAN,EACG,4BAACC,GAAA,EAAc,OAAOC,GAClB,UAAA,gBAAAH,EAACI,KAAa,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,GAC5C,GACJ;AAER;"}
+{"version":3,"file":"OdsBadge.js","sources":["../../../../src/components/antd/badge/OdsBadge.tsx"],"sourcesContent":["import { Badge, BadgeProps } from \"antd\";\r\n\r\nfunction OdsBadge(props: BadgeProps) {\r\n    return <Badge {...props}>{props.children}</Badge>\r\n}\r\n\r\nexport default OdsBadge;"],"names":["OdsBadge","props","jsx","Badge"],"mappings":";;AAEA,SAASA,EAASC,GAAmB;AACjC,SAAO,gBAAAC,EAACC,GAAA,EAAO,GAAGF,GAAQ,YAAM,UAAS;AAC7C;"}

package/dist/components/antd/badge/OdsBadgeRibbon.js

@@ -1,12 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
-import t from "react";
-import { lightTheme as i } from "../../../tokens/design-system-light/build/js/variables.js";
-import { ThemeProvider as m } from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import { StyledBadge as o } from "./OdsBadge.styled.js";
-function l(r) {
-  return /* @__PURE__ */ e(t.Fragment, { children: /* @__PURE__ */ e(m, { theme: i, children: /* @__PURE__ */ e(o.Ribbon, { ...r, children: r.children }) }) });
+import i from "../../../node_modules/antd/es/badge/index.js";
+function d(r) {
+  return /* @__PURE__ */ e(i.Ribbon, { ...r, children: r.children });
 }
 export {
-  l as default
+  d as default
 };
 //# sourceMappingURL=OdsBadgeRibbon.js.map

package/dist/components/antd/badge/OdsBadgeRibbon.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdsBadgeRibbon.js","sources":["../../../../src/components/antd/badge/OdsBadgeRibbon.tsx"],"sourcesContent":["import { BadgeProps } from \"antd\";\r\nimport React from \"react\";\r\nimport { lightTheme } from '../../../tokens/design-system-light/build/js/variables';\r\nimport { ThemeProvider } from \"styled-components\";\r\nimport { StyledBadge } from \"./OdsBadge.styled\";\r\n\r\nfunction OdsBadgeRibbon(props: BadgeProps) {\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <ThemeProvider theme={lightTheme}>\r\n                <StyledBadge.Ribbon {...props}>{props.children}</StyledBadge.Ribbon>\r\n            </ThemeProvider>\r\n        </React.Fragment>\r\n    )\r\n}\r\n\r\nexport default OdsBadgeRibbon;"],"names":["OdsBadgeRibbon","props","React","jsx","ThemeProvider","lightTheme","StyledBadge"],"mappings":";;;;;AAMA,SAASA,EAAeC,GAAmB;AAEvC,2BACKC,EAAM,UAAN,EACG,UAAA,gBAAAC,EAACC,KAAc,OAAOC,GAClB,UAAA,gBAAAF,EAACG,EAAY,QAAZ,EAAoB,GAAGL,GAAQ,UAAAA,EAAM,SAAA,CAAS,GACnD,GACJ;AAER;"}
+{"version":3,"file":"OdsBadgeRibbon.js","sources":["../../../../src/components/antd/badge/OdsBadgeRibbon.tsx"],"sourcesContent":["import { Badge, BadgeProps } from \"antd\";\r\n\r\nfunction OdsBadgeRibbon(props: BadgeProps) {\r\n    return <Badge.Ribbon {...props}>{props.children}</Badge.Ribbon>\r\n}\r\n\r\nexport default OdsBadgeRibbon;"],"names":["OdsBadgeRibbon","props","Badge"],"mappings":";;AAEA,SAASA,EAAeC,GAAmB;AACvC,2BAAQC,EAAM,QAAN,EAAc,GAAGD,GAAQ,YAAM,UAAS;AACpD;"}