Feat/implementing adjusting icons and changelog

CHANGELOG.md

@@ -7,6 +7,20 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased] - yyyy-mm-dd
 
+## [1.0.0] - 2026-Mar-23
+
+### Added
+
+- Complete unit test suite covering `TableComponent`, `FilterComponent`, `SearchComponent`, `PaginationComponent`, and all utility functions.
+- Pre-commit validation hooks (Husky + lint-staged) that run linting, type-checking, and the full test suite before each commit.
+- GitHub Actions PR validation workflow that runs lint, type-check, and tests on every pull request.
+- ESLint configuration for TypeScript and React.
+- Filter feature in `TableComponent` with support for `input`, `date`, `datetime`, `checkbox`, and `radio` filter types; includes sidebar and dialog modal layouts driven by a `location` prop.
+- `FilterComponent` exported publicly alongside `TableComponent` and `SearchComponent`.
+- Search functionality in `TableComponent` with support for both internal and external searching modes.
+- Custom theming capabilities with three predefined color palettes: `classic`, `modernDark`, and `softEarth`.
+- Sorting logic in `TableComponent` supporting both internal and external sorting.
+
 ## [0.0.1] - 2025-Aug-28
 
 ### Added

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-agnostic-table",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "description": "React Agnostic Table",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -54,7 +54,7 @@
     "typescript": "^5.7.3"
   },
   "dependencies": {
-    "js-pretty-icons": "^0.1.1",
+    "js-pretty-icons": "^0.1.2",
     "rollup": "^4.34.6"
   },
   "files": [
@@ -65,4 +65,4 @@
       "eslint --max-warnings=0"
     ]
   }
-}
+}

src/components/FilterComponent/FilterComponent.module.css

@@ -15,6 +15,7 @@
   background-color: var(--table-content-bg);
   color: var(--table-content-text);
   cursor: pointer;
+  margin-right: 8px;
 }
 
 .filterTrigger svg path {

src/components/FilterComponent/FilterComponent.tsx

@@ -103,7 +103,7 @@ const FilterComponent = ({
         className={styles.filterTrigger}
         onClick={openModal}
       >
-        <PrettyIcons icon="search" width={16} height={16} />
+        <PrettyIcons icon="filter" width={16} height={16} />
       </button>
 
       {appliedFilters && Object.keys(appliedFilters).length > 0 && (
@@ -113,7 +113,7 @@ const FilterComponent = ({
           className={styles.filterTrigger}
           onClick={clearFilters}
         >
-          <PrettyIcons icon="half-star" width={16} height={16} />
+          <PrettyIcons icon="close" width={16} height={16} />
         </button>
       )}
 

src/components/PaginationComponent/PaginationComponent.tsx

@@ -44,8 +44,7 @@ const PaginationComponent = ({
           disabled={currentPage === 1}
           className={`pagination-button-first ${styles.paginationButton}`}
         >
-          <PrettyIcons icon="chevron-left" width={16} height={16} />
-          <PrettyIcons icon="chevron-left" width={16} height={16} />
+          <PrettyIcons icon="double-chevron-left" width={16} height={16} />
         </button>
         <button
           aria-label="Previous Page"
@@ -83,8 +82,7 @@ const PaginationComponent = ({
           disabled={currentPage === totalPages}
           className={`pagination-button-last ${styles.paginationButton}`}
         >
-          <PrettyIcons icon="chevron-right" width={16} height={16} />
-          <PrettyIcons icon="chevron-right" width={16} height={16} />
+          <PrettyIcons icon="double-chevron-right" width={16} height={16} />
         </button>
       </div>
     </div>