simple-table-core 2.6.3 → 3.0.0-beta.6

package/package.json

@@ -1,21 +1,9 @@
 {
-  "version": "2.6.3",
+  "name": "simple-table-core",
+  "version": "3.0.0-beta.6",
   "main": "dist/cjs/index.js",
   "module": "dist/index.es.js",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "build": "rollup -c",
-    "start": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "preview": "rollup -c -w",
-    "test-storybook": "test-storybook",
-    "test-storybook:watch": "test-storybook --watch",
-    "test-storybook:coverage": "test-storybook --coverage",
-    "test-storybook:ci": "test-storybook --url http://localhost:6006",
-    "version:patch": "npm version patch && git push && git push --tags",
-    "version:minor": "npm version minor && git push && git push --tags",
-    "version:major": "npm version major && git push && git push --tags"
-  },
+  "types": "dist/src/index.d.ts",
   "sideEffects": [
     "*.css",
     "**/*.css"
@@ -24,7 +12,7 @@
     ".": {
       "import": "./dist/index.es.js",
       "require": "./dist/cjs/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/src/index.d.ts"
     },
     "./styles.css": "./dist/styles.css",
     "./styles/base.css": "./src/styles/base.css",
@@ -38,53 +26,32 @@
     "EULA.txt",
     "README.md"
   ],
-  "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
-  },
   "devDependencies": {
-    "@babel/preset-react": "^7.25.7",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@size-limit/preset-small-lib": "^11.2.0",
-    "@storybook/addon-a11y": "^8.4.1",
-    "@storybook/addon-controls": "^8.4.1",
-    "@storybook/addon-docs": "^8.4.1",
-    "@storybook/addon-essentials": "^8.4.1",
-    "@storybook/addon-interactions": "^8.4.1",
-    "@storybook/addon-links": "^8.4.1",
-    "@storybook/addon-onboarding": "^8.4.1",
-    "@storybook/blocks": "^8.4.1",
-    "@storybook/preset-create-react-app": "^8.4.1",
-    "@storybook/react": "^8.4.1",
-    "@storybook/react-webpack5": "^8.4.1",
-    "@storybook/test": "^8.4.1",
-    "@storybook/test-runner": "^0.23.0",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/html": "^8.6.14",
+    "@storybook/html-webpack5": "^8.6.14",
+    "@storybook/test": "^8.6.14",
+    "@storybook/test-runner": "^0.19.1",
     "@types/node": "^16.18.111",
-    "chromatic": "^13.0.1",
     "cssnano": "^7.0.6",
-    "eslint-plugin-storybook": "^0.9.0",
     "postcss-calc": "^10.1.1",
     "postcss-custom-properties": "^14.0.4",
     "postcss-import": "^16.1.0",
     "postcss-preset-env": "^10.1.5",
-    "prop-types": "^15.8.1",
     "rollup": "^2.79.2",
-    "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-delete": "^2.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "size-limit": "^11.2.0",
-    "storybook": "^8.4.1",
-    "typescript": "^4.9.5",
-    "webpack": "^5.95.0"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest",
-      "plugin:storybook/recommended"
-    ]
+    "storybook": "^8.6.14",
+    "ts-loader": "^9.5.4",
+    "typescript": "^4.9.5"
   },
   "browserslist": {
     "production": [
@@ -103,8 +70,7 @@
       "path": "dist/cjs/index.js"
     }
   ],
-  "name": "simple-table-core",
-  "description": "Simple Table: A lightweight, free React data grid and table component with TypeScript support, sorting, filtering, and virtualization.",
+  "description": "Simple Table: A lightweight, free framework-agnostic data grid and table component with TypeScript support, sorting, filtering, and virtualization. Works with vanilla JS, React, Vue, Angular, and more.",
   "repository": {
     "type": "git",
     "url": "https://github.com/petera2c/simple-table.git"
@@ -124,15 +90,17 @@
     "data table",
     "grid",
     "table",
-    "reacttable",
-    "react-table",
-    "react-grid",
-    "react-spreadsheet",
-    "react",
-    "react data grid",
-    "react table",
-    "react-component",
     "spreadsheet",
     "spreadsheet-table"
-  ]
-}
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "preview": "rollup -c -w",
+    "start": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "version:patch": "npm version patch && git push && git push --tags",
+    "version:minor": "npm version minor && git push && git push --tags",
+    "version:major": "npm version major && git push && git push --tags",
+    "test-storybook:ci": "test-storybook --url http://localhost:6006"
+  }
+}

package/src/styles/base.css

@@ -16,6 +16,7 @@
   --st-resize-handle-width: 2px;
   --st-resize-handle-container-width: 10px;
   --st-border-width: 1px;
+  --st-footer-height: 49px;
 
   /* Animation variables */
   --st-transition-duration: 0.2s;
@@ -149,6 +150,7 @@ input {
 .simple-table-root {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  color: var(--st-cell-color);
 }
 
 /* Wrapper for the table */
@@ -177,12 +179,15 @@ input {
 .st-content {
   display: flex;
   flex-direction: column;
+  width: 100%;
 }
 
 /* Header */
 .st-header-container {
   display: flex;
   background-color: var(--st-header-background-color);
+  flex-shrink: 0;
+  width: 100%;
 }
 
 .st-header-container.st-header-scroll-padding::after {
@@ -197,10 +202,14 @@ input {
 .st-header-pinned-left,
 .st-header-main,
 .st-header-pinned-right {
-  display: grid;
   border-bottom: var(--st-border-width) solid var(--st-border-color);
 }
 
+.st-header-grid {
+  position: relative;
+  min-width: 100%;
+}
+
 .st-horizontal-scrollbar-middle,
 .st-horizontal-scrollbar-left,
 .st-horizontal-scrollbar-right,
@@ -237,9 +246,19 @@ input {
 .st-body-pinned-right {
   border-left: var(--st-border-width) solid var(--st-border-color);
 }
+
 .st-header-main {
   flex-grow: 1;
 }
+
+/* Header must only scroll horizontally; prevent vertical scroll (vanilla refactor removed display:grid from header sections) */
+.st-header-main,
+.st-header-pinned-left,
+.st-header-pinned-right {
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
 .st-header-main::-webkit-scrollbar {
   display: none;
 }
@@ -297,7 +316,7 @@ input {
   padding: 48px 24px;
   color: var(--st-header-text-color);
   opacity: 0.6;
-  font-size: 14px;
+  font-size: 0.9em;
 }
 
 .st-body-main,
@@ -350,9 +369,9 @@ input {
 }
 .st-row.hovered .st-cell-editing,
 .st-row.hovered
-  .st-cell:not(.st-cell-selected):not(.st-cell-selected-first):not(.st-cell-column-selected):not(
-    .st-cell-column-selected-first
-  ) {
+  .st-cell:not(.st-cell-selected):not(.st-cell-selected-first):not(
+    .st-cell-column-selected
+  ):not(.st-cell-column-selected-first) {
   background-color: var(--st-hover-row-background-color);
 }
 /* Separate hover background for sub-cells */
@@ -377,9 +396,9 @@ input {
 /* Selected row hover state - should override selected background when hovering */
 .st-row.selected.hovered .st-cell-editing,
 .st-row.selected.hovered
-  .st-cell:not(.st-cell-selected):not(.st-cell-selected-first):not(.st-cell-column-selected):not(
-    .st-cell-column-selected-first
-  ) {
+  .st-cell:not(.st-cell-selected):not(.st-cell-selected-first):not(
+    .st-cell-column-selected
+  ):not(.st-cell-column-selected-first) {
   background-color: var(--st-hover-row-background-color);
 }
 
@@ -400,9 +419,34 @@ input {
   color: var(--st-cell-color);
 }
 
+/* Cell-level row background classes (for absolute positioned cells) */
+.st-cell.st-cell-even-row {
+  background-color: var(--st-even-row-background-color);
+}
+.st-cell.st-cell-odd-row {
+  background-color: var(--st-odd-row-background-color);
+}
+.st-cell.st-cell-even-row .st-cell-content {
+  color: var(--st-cell-color);
+}
+.st-cell.st-cell-odd-row .st-cell-content {
+  color: var(--st-cell-odd-row-color);
+}
+
+/* Selected row styling for cells */
+.st-cell.st-cell-selected-row {
+  background-color: var(--st-selected-row-background-color);
+}
+
+/* Row hover styling for cells */
+.st-cell.st-row-hovered:not(.st-cell-selected):not(.st-cell-selected-first):not(
+    .st-cell-column-selected
+  ):not(.st-cell-column-selected-first) {
+  background-color: var(--st-hover-row-background-color);
+}
+
 /* Styles for table header cells */
 .st-header-cell {
-  position: sticky;
   top: 0;
   background-color: var(--st-header-background-color);
   font-weight: var(--st-font-weight-bold);
@@ -555,7 +599,8 @@ input {
 .st-resizeable .st-body-pinned-right .st-cell-content,
 .st-resizeable .st-sticky-section-right .st-cell-content {
   padding-left: calc(
-    var(--st-cell-padding) + var(--st-spacing-small) + var(--st-resize-handle-container-width)
+    var(--st-cell-padding) + var(--st-spacing-small) +
+      var(--st-resize-handle-container-width)
   );
   padding-right: var(--st-cell-padding);
 }
@@ -567,7 +612,8 @@ input {
 .st-resizeable .st-sticky-section-main .st-cell-content {
   padding-left: var(--st-cell-padding);
   padding-right: calc(
-    var(--st-cell-padding) + var(--st-spacing-small) + var(--st-resize-handle-container-width)
+    var(--st-cell-padding) + var(--st-spacing-small) +
+      var(--st-resize-handle-container-width)
   );
 }
 
@@ -585,6 +631,13 @@ input {
 .st-cell {
   border: var(--st-border-width) solid transparent;
 }
+
+/* Remove browser default focus ring when Tab moves focus to a cell; selection styling indicates focus */
+.st-cell:focus,
+.st-cell:focus-visible {
+  outline: none;
+}
+
 .st-cell.even-column:not(.st-cell-selected) {
   background-color: var(--st-even-column-background-color);
 }
@@ -672,12 +725,11 @@ input {
 
 .st-row-separator {
   position: absolute;
+  width: 100%;
   min-width: 100%;
-  display: grid;
   cursor: pointer;
   height: 1px;
   background-color: var(--st-border-color);
-  grid-column: 1 / -1;
 }
 .st-row-separator.st-last-group-row {
   background-color: var(--st-last-group-row-separator-border-color);
@@ -831,6 +883,7 @@ input {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  min-height: var(--st-footer-height, 49px);
   background-color: var(--st-footer-background-color);
   padding: var(--st-spacing-medium);
   border-top: var(--st-border-width) solid var(--st-border-color);
@@ -846,7 +899,7 @@ input {
 
 .st-footer-results-text {
   color: var(--st-cell-color);
-  font-size: 0.875rem;
+  font-size: 0.9em;
   white-space: nowrap;
 }
 
@@ -865,7 +918,8 @@ input {
   background-color: transparent;
   border: none;
   border-radius: var(--st-border-radius);
-  transition: background-color var(--st-transition-duration) var(--st-transition-ease);
+  transition: background-color var(--st-transition-duration)
+    var(--st-transition-ease);
 }
 .st-next-prev-btn {
   fill: var(--st-next-prev-btn-color);
@@ -892,7 +946,8 @@ input {
   color: var(--st-page-btn-color);
   border: none;
   border-radius: var(--st-border-radius);
-  transition: background-color var(--st-transition-duration) var(--st-transition-ease);
+  transition: background-color var(--st-transition-duration)
+    var(--st-transition-ease);
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -936,7 +991,8 @@ input {
   font-size: 0.875rem;
 }
 .editable-cell-input:focus {
-  border: var(--st-border-width) solid var(--st-editable-cell-focus-border-color);
+  border: var(--st-border-width) solid
+    var(--st-editable-cell-focus-border-color);
 }
 .st-column-editor {
   display: flex;
@@ -946,6 +1002,7 @@ input {
   border-left: var(--st-border-width) solid var(--st-border-color);
   color: var(--st-column-editor-text-color);
   flex-shrink: 0;
+  height: 100%;
 }
 
 .st-column-editor-text {
@@ -1001,8 +1058,6 @@ input {
   padding-right: var(--st-spacing-medium);
   padding-left: var(--st-spacing-medium);
   padding-bottom: var(--st-spacing-medium);
-  overflow: auto;
-  flex-grow: 1;
 }
 
 .st-column-editor-lists {
@@ -1027,6 +1082,32 @@ input {
   padding-bottom: var(--st-spacing-small);
 }
 
+.st-column-editor-footer {
+  position: sticky;
+  bottom: 0;
+  padding: var(--st-spacing-small) var(--st-spacing-medium);
+  background-color: var(--st-column-editor-popout-background-color);
+  border-top: var(--st-border-width) solid var(--st-border-color);
+  z-index: 1;
+}
+
+.st-column-editor-reset-btn {
+  width: 100%;
+  padding: var(--st-spacing-small) var(--st-spacing-medium);
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: var(--st-column-editor-text-color);
+  background: transparent;
+  border: var(--st-border-width) solid var(--st-border-color);
+  border-radius: var(--st-border-radius);
+  cursor: pointer;
+  transition: background-color var(--st-transition-duration) var(--st-transition-ease);
+}
+
+.st-column-editor-reset-btn:hover {
+  background-color: var(--st-hover-background-color);
+}
+
 .st-column-pin-btn {
   display: flex;
   align-items: center;
@@ -1185,6 +1266,7 @@ input {
 .st-checkbox-label {
   display: flex;
   align-items: center;
+  justify-content: center;
   cursor: pointer;
   gap: var(--st-spacing-small);
   min-width: 0;
@@ -1260,7 +1342,8 @@ input {
   border-bottom: var(--st-border-width) solid var(--st-border-color);
   color: var(--st-cell-color);
   font-weight: var(--st-font-weight-bold);
-  transition: background-color var(--st-transition-duration) var(--st-transition-ease);
+  transition: background-color var(--st-transition-duration)
+    var(--st-transition-ease);
 }
 
 .st-group-header:hover {
@@ -1334,38 +1417,6 @@ input {
   animation: cell-flash 0.6s ease-in-out;
 }
 
-/* Animation z-index handling */
-.st-animating {
-  z-index: 10 !important;
-  position: relative;
-  /* Performance optimizations for buttery smooth animations */
-  contain: style layout paint; /* Isolate this element's rendering */
-  transform-style: preserve-3d; /* Enable 3D rendering context */
-  isolation: isolate; /* Create new stacking context */
-}
-
-/* Respect user's motion preferences */
-@media (prefers-reduced-motion: reduce) {
-  .st-animating {
-    /* For users who prefer reduced motion, keep animations short and simple */
-    transition-duration: 0.15s !important;
-    animation-duration: 0.15s !important;
-  }
-
-  /* Disable FLIP animations entirely for users who prefer no motion */
-  .st-animating {
-    transform: none !important;
-    transition: none !important;
-  }
-}
-
-/* Enhanced animation easing for modern browsers */
-@supports (transition-timing-function: cubic-bezier(0.2, 0, 0.2, 1)) {
-  .st-animating {
-    transition-timing-function: cubic-bezier(0.2, 0, 0.2, 1);
-  }
-}
-
 @keyframes copy-flash {
   0% {
     background-color: var(--st-copy-flash-color);
@@ -1460,8 +1511,10 @@ input {
   padding: var(--st-spacing-small) var(--st-spacing-medium);
   cursor: pointer;
   white-space: nowrap;
-  transition: background-color var(--st-transition-duration) var(--st-transition-ease);
+  transition: background-color var(--st-transition-duration)
+    var(--st-transition-ease);
   color: var(--st-cell-color);
+  font-size: 0.9em;
 }
 
 .st-dropdown-item:hover {
@@ -1560,7 +1613,8 @@ input {
   width: 24px;
   border-radius: 50%;
   cursor: pointer;
-  transition: background-color var(--st-transition-duration) var(--st-transition-ease);
+  transition: background-color var(--st-transition-duration)
+    var(--st-transition-ease);
   font-size: 0.9em;
 }
 
@@ -1594,7 +1648,8 @@ input {
   padding: 12px 8px;
   border-radius: var(--st-border-radius);
   cursor: pointer;
-  transition: background-color var(--st-transition-duration) var(--st-transition-ease);
+  transition: background-color var(--st-transition-duration)
+    var(--st-transition-ease);
 }
 
 .st-datepicker-month:hover,
@@ -1621,7 +1676,8 @@ input {
   border-radius: var(--st-border-radius);
   padding: 6px 12px;
   cursor: pointer;
-  transition: background-color var(--st-transition-duration) var(--st-transition-ease);
+  transition: background-color var(--st-transition-duration)
+    var(--st-transition-ease);
   color: var(--st-cell-color);
 }
 
@@ -1652,12 +1708,13 @@ input {
   padding: var(--st-spacing-small);
   border: var(--st-border-width) solid var(--st-border-color);
   border-radius: var(--st-border-radius);
-  font-size: 14px;
+  font-size: 0.9em;
   background-color: var(--st-odd-row-background-color);
   color: var(--st-cell-color);
   font-family: inherit;
   outline: none;
-  transition: border-color var(--st-transition-duration) var(--st-transition-ease);
+  transition: border-color var(--st-transition-duration)
+    var(--st-transition-ease);
 }
 
 .st-filter-input:focus {
@@ -1675,13 +1732,14 @@ input {
   padding: var(--st-spacing-medium) var(--st-spacing-medium);
   border: var(--st-border-width) solid var(--st-border-color);
   border-radius: var(--st-border-radius);
-  font-size: 14px;
+  font-size: 0.9em;
   background-color: var(--st-odd-row-background-color);
   color: var(--st-cell-color);
   font-family: inherit;
   cursor: pointer;
   outline: none;
-  transition: border-color var(--st-transition-duration) var(--st-transition-ease);
+  transition: border-color var(--st-transition-duration)
+    var(--st-transition-ease);
 }
 
 .st-filter-select:focus {
@@ -1702,10 +1760,11 @@ input {
   border: none;
   border-radius: var(--st-border-radius);
   cursor: pointer;
-  font-size: 14px;
+  font-size: 0.9em;
   font-weight: 500;
   font-family: inherit;
-  transition: background-color var(--st-transition-duration) var(--st-transition-ease);
+  transition: background-color var(--st-transition-duration)
+    var(--st-transition-ease);
 }
 .st-filter-button:focus {
   outline: 2px solid var(--st-focus-ring-color);
@@ -1754,14 +1813,15 @@ input {
   background-color: var(--st-odd-row-background-color);
   color: var(--st-cell-color);
   font-family: inherit;
-  font-size: 14px;
+  font-size: 0.9em;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--st-spacing-medium);
   outline: none;
-  transition: border-color var(--st-transition-duration) var(--st-transition-ease);
+  transition: border-color var(--st-transition-duration)
+    var(--st-transition-ease);
 }
 
 .st-custom-select-trigger:focus {
@@ -1809,12 +1869,13 @@ input {
   flex-shrink: 0;
   padding: var(--st-spacing-small);
   cursor: pointer;
-  transition: background-color var(--st-transition-duration) var(--st-transition-ease);
+  transition: background-color var(--st-transition-duration)
+    var(--st-transition-ease);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: var(--st-cell-color);
-  font-size: 14px;
+  font-size: 0.9em;
 }
 
 .st-custom-select-option:hover,
@@ -1877,7 +1938,7 @@ input {
 
 /* Enum option label */
 .st-enum-option-label {
-  font-size: 14px;
+  font-size: 0.9em;
   color: var(--st-cell-color);
   user-select: none;
 }
@@ -1886,14 +1947,14 @@ input {
 .st-enum-no-results {
   padding: var(--st-spacing-medium);
   text-align: center;
-  font-size: 14px;
+  font-size: 0.9em;
   color: var(--st-slate-400);
   font-style: italic;
 }
 
 /* Row number styling */
 .st-row-number {
-  font-size: 12px;
+  font-size: 0.8em;
   opacity: 0.6;
   user-select: none;
   font-weight: 500;
@@ -1941,18 +2002,18 @@ input {
 /* Maintain column borders on hover */
 .st-column-borders
   .st-row.hovered
-  .st-cell:not(.st-last-column):not(.st-cell-selected):not(.st-cell-selected-first):not(
-    .st-cell-column-selected
-  ):not(.st-cell-column-selected-first) {
+  .st-cell:not(.st-last-column):not(.st-cell-selected):not(
+    .st-cell-selected-first
+  ):not(.st-cell-column-selected):not(.st-cell-column-selected-first) {
   box-shadow: var(--st-border-width) 0 0 0 var(--st-border-color);
 }
 
 /* Maintain column borders on selected row hover */
 .st-column-borders
   .st-row.selected.hovered
-  .st-cell:not(.st-last-column):not(.st-cell-selected):not(.st-cell-selected-first):not(
-    .st-cell-column-selected
-  ):not(.st-cell-column-selected-first) {
+  .st-cell:not(.st-last-column):not(.st-cell-selected):not(
+    .st-cell-selected-first
+  ):not(.st-cell-column-selected):not(.st-cell-column-selected-first) {
   box-shadow: var(--st-border-width) 0 0 0 var(--st-border-color);
 }
 
@@ -1965,7 +2026,7 @@ input {
   color: var(--st-tooltip-text-color);
   padding: var(--st-tooltip-padding);
   border-radius: var(--st-tooltip-border-radius);
-  font-size: var(--st-tooltip-font-size);
+  font-size: 0.8em;
   line-height: 1.4;
   max-width: 300px;
   word-wrap: break-word;

package/dist/Animate-60695947.js

@@ -1,2 +0,0 @@
-import{_ as n,u as i,a as t,c as o,b as e,A as a,d as r,f as l,R as d}from"./index-b46195cc.js";import{jsx as u}from"react/jsx-runtime";import{useRef as f,useMemo as s,useLayoutEffect as v}from"react";var m=function(m){var p=m.children,h=m.id,c=m.parentRef,M=m.tableRow,Y=n(m,["children","id","parentRef","tableRow"]),C=i(),g=C.allowAnimations,b=C.isResizing,x=C.isScrolling,R=C.rowHeight,j=f(null),A=f(null),B=t(x),w=t(b),_=s(function(){return o(R)},[R]);return v(function(){var n,i,t,o;if(g&&j.current&&!b){var u=j.current.getBoundingClientRect(),f=A.current;if(!x)if(!B||x)if(!w||b){if(A.current=u,f){var s=u.x-f.x,v=u.y-f.y;if((Math.abs(s)>=50||Math.abs(v)>5)&&(Math.abs(s)>5||Math.abs(v)>5)){var m=e(e({},a.ROW_REORDER),{onComplete:function(){j.current&&(j.current.style.zIndex="",j.current.style.position="",j.current.style.top="")}}),p=null===(n=null==c?void 0:c.current)||void 0===n?void 0:n.scrollTop,h=null===(i=null==c?void 0:c.current)||void 0===i?void 0:i.clientHeight,Y=null===(t=null==c?void 0:c.current)||void 0===t?void 0:t.scrollHeight;if(void 0!==p&&void 0!==h&&void 0!==Y){var C=_*(R+d),k=p-C,q=p+h+C,y=f.y>k&&q>f.y,z=u.y>k&&q>u.y,D=p>u.y,E=null!==(o=null==M?void 0:M.position)&&void 0!==o?o:0,F=.6*R,G=function(n,i,t){return Math.min(900,Math.max(100,100+80*Math.log10(Math.max(1,Math.min(Math.abs(n-i),Math.abs(n-t))))))};if(y&&!z&&u.y>p+h){var H=G(u.y,p,p+h);return void r({element:j.current,options:{startY:f.y,endY:p+h+H+E%15*F*2.5+E%7*.4*R,finalY:u.y,duration:m.duration,easing:m.easing,onComplete:m.onComplete}})}if(y&&!z&&D)return H=G(u.y,p,p+h),void r({element:j.current,options:{startY:f.y,endY:p-H-E%15*F*2.5-E%7*.4*R,finalY:u.y,duration:m.duration,easing:m.easing,onComplete:m.onComplete}});if(!y&&z&&f.y>p+h)return H=G(f.y,p,p+h),void r({element:j.current,options:{startY:p+h+H+E%10*F*1,endY:u.y,duration:m.duration,easing:m.easing,onComplete:m.onComplete}});if(!y&&z&&p>f.y)return H=G(f.y,p,p+h),void r({element:j.current,options:{startY:p-H-E%10*F*1,endY:u.y,duration:m.duration,easing:m.easing,onComplete:m.onComplete}})}l({element:j.current,fromBounds:f,toBounds:u,finalConfig:m})}}}else A.current=u;else A.current=u}},[g,_,b,x,c,B,w,R,null==M?void 0:M.position,M]),u("div",e({ref:j,"data-animate-id":h,id:h+""},Y,{children:p}))};m.displayName="Animate";export{m as Animate,m as default};
-//# sourceMappingURL=Animate-60695947.js.map

package/dist/Animate-60695947.js.map

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

package/dist/DatePicker-f7a6a949.js

@@ -1,2 +0,0 @@
-import{u as e,b as n}from"./index-b46195cc.js";import{jsxs as t,Fragment as a,jsx as r}from"react/jsx-runtime";import{useState as c}from"react";var i=function(i){var d,o,s=i.onChange,l=i.onClose,u=i.value,f=e().icons,h=c(u||new Date),m=h[0],v=h[1],k=c("days"),p=k[0],w=k[1],y=function(e,n){return new Date(e,n+1,0).getDate()};return t("div",n({className:"st-datepicker"},{children:[t("div",n({className:"st-datepicker-header"},{children:["days"===p&&t(a,{children:[r("button",n({onClick:function(){v(new Date(m.getFullYear(),m.getMonth()-1,1))},className:"st-datepicker-nav-btn"},{children:f.prev})),t("div",n({className:"st-datepicker-header-label",onClick:function(){return w("months")}},{children:[(o=m,o.toLocaleString("default",{month:"long"}))," ",m.getFullYear()]})),r("button",n({onClick:function(){v(new Date(m.getFullYear(),m.getMonth()+1,1))},className:"st-datepicker-nav-btn"},{children:f.next}))]}),"months"===p&&r("div",n({className:"st-datepicker-header-label",onClick:function(){return w("years")}},{children:m.getFullYear()})),"years"===p&&r("div",n({className:"st-datepicker-header-label"},{children:"Select Year"}))]})),t("div",n({className:"st-datepicker-grid st-datepicker-".concat(p,"-grid")},{children:["days"===p&&function(){var e=[],t=m.getFullYear(),a=m.getMonth(),c=y(t,a),i=function(e,n){return new Date(e,n,1).getDay()}(t,a),d=y(t,a-1);["Su","Mo","Tu","We","Th","Fr","Sa"].forEach(function(t,a){e.push(r("div",n({className:"st-datepicker-weekday"},{children:t}),"header-".concat(a)))});for(var o=function(t){var a=d-i+t+1;e.push(r("div",n({className:"st-datepicker-day other-month",onClick:function(){return function(e){var n=new Date(m.getFullYear(),m.getMonth()-1,e,12,0,0);v(n),s(n),null==l||l()}(a)}},{children:a}),"prev-".concat(a)))},f=0;i>f;f++)o(f);for(var h=function(c){var i=c===(new Date).getDate()&&a===(new Date).getMonth()&&t===(new Date).getFullYear(),d=new Date(u),o=c===d.getDate()&&a===d.getMonth()&&t===d.getFullYear();e.push(r("div",n({className:"st-datepicker-day ".concat(i?"today":""," ").concat(o?"selected":""),onClick:function(){return function(e){var n=m.getFullYear(),t=m.getMonth(),a=new Date(n,t,e,12,0,0);v(a),s(a),null==l||l()}(c)}},{children:c}),"day-".concat(c)))},k=1;c>=k;k++)h(k);var p=35-(i+c),w=function(t){e.push(r("div",n({className:"st-datepicker-day other-month",onClick:function(){return function(e){var n=new Date(m.getFullYear(),m.getMonth()+1,e,12,0,0);v(n),s(n),null==l||l()}(t)}},{children:t}),"next-".concat(t)))};for(k=1;p>=k;k++)w(k);return e}(),"months"===p&&(d=[],Array.from({length:12},function(e,n){return new Date(2e3,n,1).toLocaleString("default",{month:"short"})}).forEach(function(e,t){var a=t===m.getMonth();d.push(r("div",n({className:"st-datepicker-month ".concat(a?"selected":""),onClick:function(){return function(e){v(new Date(m.getFullYear(),e,1)),w("days")}(t)}},{children:e}),"month-".concat(t)))}),d),"years"===p&&function(){for(var e=[],t=m.getFullYear(),a=t-6,c=function(a){e.push(r("div",n({className:"st-datepicker-year ".concat(a===t?"selected":""),onClick:function(){return function(e){v(new Date(e,m.getMonth(),1)),w("months")}(a)}},{children:a}),"year-".concat(a)))},i=a;a+12>i;i++)c(i);return e}()]})),r("div",n({className:"st-datepicker-footer"},{children:r("button",n({className:"st-datepicker-today-btn",onClick:function(){var e=new Date,n=new Date(e.getFullYear(),e.getMonth(),e.getDate(),12,0,0);v(n),s(n),null==l||l()}},{children:"Today"}))}))]}))};export{i as default};
-//# sourceMappingURL=DatePicker-f7a6a949.js.map

package/dist/DatePicker-f7a6a949.js.map

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

package/dist/cjs/Animate-5abc33cc.js

@@ -1,2 +0,0 @@
-"use strict";var n=require("./index-1fd4e5b3.js"),e=require("react/jsx-runtime"),i=require("react"),t=function(t){var o=t.children,r=t.id,a=t.parentRef,l=t.tableRow,d=n.__rest(t,["children","id","parentRef","tableRow"]),u=n.useTableContext(),v=u.allowAnimations,f=u.isResizing,s=u.isScrolling,m=u.rowHeight,h=i.useRef(null),p=i.useRef(null),M=n.usePrevious(s),c=n.usePrevious(f),Y=i.useMemo(function(){return n.calculateBufferRowCount(m)},[m]);return i.useLayoutEffect(function(){var e,i,t,o;if(v&&h.current&&!f){var r=h.current.getBoundingClientRect(),d=p.current;if(!s)if(!M||s)if(!c||f){if(p.current=r,d){var u=r.x-d.x,C=r.y-d.y;if((Math.abs(u)>=50||Math.abs(C)>5)&&(Math.abs(u)>5||Math.abs(C)>5)){var g=n.__assign(n.__assign({},n.ANIMATION_CONFIGS.ROW_REORDER),{onComplete:function(){h.current&&(h.current.style.zIndex="",h.current.style.position="",h.current.style.top="")}}),x=null===(e=null==a?void 0:a.current)||void 0===e?void 0:e.scrollTop,q=null===(i=null==a?void 0:a.current)||void 0===i?void 0:i.clientHeight,b=null===(t=null==a?void 0:a.current)||void 0===t?void 0:t.scrollHeight;if(void 0!==x&&void 0!==q&&void 0!==b){var j=Y*(m+n.ROW_SEPARATOR_WIDTH),B=x-j,R=x+q+j,w=d.y>B&&R>d.y,A=r.y>B&&R>r.y,k=x>r.y,y=null!==(o=null==l?void 0:l.position)&&void 0!==o?o:0,z=.6*m,D=function(n,e,i){return Math.min(900,Math.max(100,100+80*Math.log10(Math.max(1,Math.min(Math.abs(n-e),Math.abs(n-i))))))};if(w&&!A&&r.y>x+q){var E=D(r.y,x,x+q);return void n.animateWithCustomCoordinates({element:h.current,options:{startY:d.y,endY:x+q+E+y%15*z*2.5+y%7*.4*m,finalY:r.y,duration:g.duration,easing:g.easing,onComplete:g.onComplete}})}if(w&&!A&&k)return E=D(r.y,x,x+q),void n.animateWithCustomCoordinates({element:h.current,options:{startY:d.y,endY:x-E-y%15*z*2.5-y%7*.4*m,finalY:r.y,duration:g.duration,easing:g.easing,onComplete:g.onComplete}});if(!w&&A&&d.y>x+q)return E=D(d.y,x,x+q),void n.animateWithCustomCoordinates({element:h.current,options:{startY:x+q+E+y%10*z*1,endY:r.y,duration:g.duration,easing:g.easing,onComplete:g.onComplete}});if(!w&&A&&x>d.y)return E=D(d.y,x,x+q),void n.animateWithCustomCoordinates({element:h.current,options:{startY:x-E-y%10*z*1,endY:r.y,duration:g.duration,easing:g.easing,onComplete:g.onComplete}})}n.flipElement({element:h.current,fromBounds:d,toBounds:r,finalConfig:g})}}}else p.current=r;else p.current=r}},[v,Y,f,s,a,M,c,m,null==l?void 0:l.position,l]),e.jsx("div",n.__assign({ref:h,"data-animate-id":r,id:r+""},d,{children:o}))};t.displayName="Animate",exports.Animate=t,exports.default=t;
-//# sourceMappingURL=Animate-5abc33cc.js.map

package/dist/cjs/Animate-5abc33cc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Animate-5abc33cc.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}