feat: table component (#788)

Closes #142 --------- Co-authored-by: Saffet Barış Karaca <[email protected]> Co-authored-by: Levent Anil Ozen <[email protected]> Co-authored-by: Aykut Saraç <[email protected]> Co-authored-by: Enes Yıldırım <[email protected]>
Trendyol · Feb 28, 2024 · e1c54b9 · e1c54b9
1 parent ad09502
commit e1c54b9
Show file tree

Hide file tree

Showing 24 changed files with 3,006 additions and 0 deletions.
diff --git a/commitlint.config.cjs b/commitlint.config.cjs
@@ -31,6 +31,7 @@ module.exports = {
         "textarea",
         "popover",
         "notification",
+        "table",
       ],
     ],
   },

diff --git a/src/baklava.ts b/src/baklava.ts
@@ -25,4 +25,10 @@ export { default as BlDropdownGroup } from "./components/dropdown/group/bl-dropd
 export { default as BlSwitch } from "./components/switch/bl-switch";
 export { default as BlNotification } from "./components/notification/bl-notification";
 export { default as BlNotificationCard } from "./components/notification/card/bl-notification-card";
+export { default as BlTable } from "./components/table/bl-table";
+export { default as BlTableHeader } from "./components/table/table-header/bl-table-header";
+export { default as BlTableBody } from "./components/table/table-body/bl-table-body";
+export { default as BlTableRow } from "./components/table/table-row/bl-table-row";
+export { default as BlTableHeaderCell } from "./components/table/table-header-cell/bl-table-header-cell";
+export { default as BlTableCell } from "./components/table/table-cell/bl-table-cell";
 export { getIconPath, setIconPath } from "./utilities/asset-paths";
diff --git a/src/components/icon/icon-list.ts b/src/components/icon/icon-list.ts
@@ -194,6 +194,8 @@ const icons = [
   "shopping_bag_discount",
   "shopping_bag_return",
   "sorting",
+  "sorting_asc",
+  "sorting_desc",
   "sound_off",
   "sound_on",
   "split_money",

diff --git a/src/components/icon/icons/sorting_asc.svg b/src/components/icon/icons/sorting_asc.svg
diff --git a/src/components/icon/icons/sorting_desc.svg b/src/components/icon/icons/sorting_desc.svg
diff --git a/src/components/table/bl-table.css b/src/components/table/bl-table.css
@@ -0,0 +1,18 @@
+:host {
+  display: block;
+  height: 100%;
+}
+
+.table-wrapper {
+  overflow: auto;
+  border: 1px solid var(--bl-color-neutral-lighter);
+  border-radius: var(--bl-size-3xs);
+  position: relative;
+  max-height: 100%;
+}
+
+.table {
+  width: 100%;
+  display: table;
+  border-spacing: 0;
+}
diff --git a/src/components/table/bl-table.stories.mdx b/src/components/table/bl-table.stories.mdx