@sukritt/pivot 0.1.0 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +9 -3
- package/dist/pivot.js +5580 -5482
- package/dist/pivot.umd.cjs +35 -35
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pivot-table-root{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:#1f2937;border:1px solid #e5e7eb;background:#fff;border-radius:6px;overflow:hidden}.pivot-table-root.has-sidebar .pivot-grid-wrapper{flex:1}.pivot-toolbar{display:flex;gap:8px;padding:8px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.pivot-toolbar button{font-size:12px;padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;color:#374151}.pivot-toolbar button:hover{background:#f3f4f6}.pivot-main{display:flex;flex:1;min-height:0}.pivot-sidebar{width:
|
|
1
|
+
.pivot-table-root{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:#1f2937;border:1px solid #e5e7eb;background:#fff;border-radius:6px;overflow:hidden;position:relative;container-type:inline-size;container-name:pivot;height:480px}.pivot-table-root.has-sidebar .pivot-grid-wrapper{flex:1}.pivot-toolbar{display:flex;gap:8px;padding:8px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-wrap:wrap;align-items:center}.pivot-toolbar button{font-size:12px;padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;color:#374151;white-space:nowrap}.pivot-toolbar button:hover{background:#f3f4f6}.pivot-sidebar-toggle{display:block;order:-1;background:none;border:none;padding:4px 6px;cursor:pointer;line-height:1;color:#6b7280;border-radius:4px}.pivot-sidebar-toggle:hover{background:#e5e7eb;color:#111827}.pivot-sidebar-toggle svg{display:block}.pivot-toolbar-actions{display:flex;gap:8px;margin-left:auto;align-items:center}.pivot-main{display:flex;flex:1;min-height:0;overflow:hidden;min-width:0}.pivot-sidebar{width:0;min-width:0;overflow:hidden;border-right:none;background:#f9fafb;display:flex;flex-direction:column;gap:12px;transition:width .2s ease,min-width .2s ease,padding .2s ease;padding:0}.pivot-sidebar.open{width:240px;min-width:240px;border-right:1px solid #e5e7eb;padding:12px;overflow-y:auto}.pivot-sidebar h4{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-weight:600}.pivot-grid-wrapper{overflow:auto;flex:1;background:#fff;-webkit-overflow-scrolling:touch}.pivot-grid{border-collapse:collapse;min-width:100%}.pivot-grid th,.pivot-grid td{border:1px solid #e5e7eb;padding:6px 10px;text-align:right;white-space:nowrap}.pivot-grid thead th{background:#f3f4f6;font-weight:600;text-align:center;position:sticky;top:0;z-index:1}.pivot-row-header{background:#f9fafb;text-align:left;font-weight:500;position:sticky;left:0;z-index:0}.pivot-corner{background:#e5e7eb;text-align:left;font-weight:600;color:#374151;position:sticky;left:0;z-index:2}.pivot-col-header{background:#f3f4f6}.pivot-value-header{background:#eef2ff;color:#4338ca;font-size:11px;font-weight:600}.pivot-cell{font-variant-numeric:tabular-nums}.pivot-total-header,.pivot-total-cell{background:#fef3c7;font-weight:600}.pivot-grand-cell{background:#fde68a;font-weight:700}.pivot-total-row td,.pivot-total-row th{border-top:2px solid #d1d5db}.pivot-dropzone{border:1px dashed #d1d5db;border-radius:4px;padding:8px;min-height:56px;background:#fff;display:flex;flex-direction:column;gap:4px}.pivot-dropzone.is-over{border-color:#6366f1;background:#eef2ff}.pivot-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 8px;background:#e0e7ff;color:#3730a3;border-radius:4px;font-size:12px;cursor:grab;-webkit-user-select:none;user-select:none}.pivot-chip-list{display:flex;flex-wrap:wrap;gap:4px}.pivot-chip button{background:transparent;border:none;color:#3730a3;cursor:pointer;font-size:14px;line-height:1;padding:0}.pivot-chip select{font-size:11px;border:1px solid #c7d2fe;border-radius:3px;background:#fff;padding:1px 3px}.pivot-fields-list .pivot-chip{margin:2px}.pivot-chip.has-filter{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.pivot-chip.has-filter button{color:#92400e}.pivot-chip-label-btn{all:unset;cursor:pointer;font-size:12px;color:inherit}.pivot-filter-dropdown{position:absolute;z-index:100;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 16px #0000001f;min-width:180px;max-height:260px;display:flex;flex-direction:column;overflow:hidden}.pivot-filter-dropdown-header{padding:8px 10px 4px;border-bottom:1px solid #f3f4f6;display:flex;gap:6px;align-items:center}.pivot-filter-dropdown-header input{flex:1;font-size:12px;border:1px solid #d1d5db;border-radius:4px;padding:3px 7px;outline:none}.pivot-filter-dropdown-header input:focus{border-color:#6366f1}.pivot-filter-dropdown-actions{display:flex;gap:4px;padding:4px 10px;border-bottom:1px solid #f3f4f6}.pivot-filter-dropdown-actions button{font-size:11px;border:none;background:none;color:#6366f1;cursor:pointer;padding:0;text-decoration:underline}.pivot-filter-dropdown-list{overflow-y:auto;flex:1;padding:4px 0}.pivot-filter-dropdown-item{display:flex;align-items:center;gap:8px;padding:4px 10px;font-size:12px;cursor:pointer}.pivot-filter-dropdown-item:hover{background:#f3f4f6}.pivot-filter-dropdown-item input[type=checkbox]{cursor:pointer;accent-color:#6366f1}.pivot-filter-dropdown-footer{padding:6px 10px;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;gap:6px}.pivot-filter-dropdown-footer button{font-size:12px;padding:4px 12px;border-radius:4px;cursor:pointer;border:1px solid #d1d5db;background:#fff}.pivot-filter-dropdown-footer button.confirm{background:#6366f1;color:#fff;border-color:#6366f1}.pivot-filter-chip-wrapper{position:relative}.pivot-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.pivot-sortable:hover{background:#e5e7eb!important}.pivot-sort-icon{display:inline-block;margin-left:4px;font-size:10px;opacity:.4}.pivot-sortable:hover .pivot-sort-icon,.pivot-sort-active .pivot-sort-icon{opacity:1}.pivot-sort-active{background:#e0e7ff!important;color:#3730a3}.pivot-sidebar-backdrop{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:9}@container pivot (max-width: 768px){.pivot-sidebar-backdrop.visible{display:block}}@container pivot (max-width: 768px){.pivot-sidebar{position:absolute;top:0;left:0;bottom:0;z-index:10;transform:translate(-100%);box-shadow:4px 0 16px #0000001f;width:260px!important;min-width:260px!important;padding:12px!important;overflow-y:auto!important;transition:transform .2s ease}.pivot-sidebar.open{transform:translate(0);border-right:1px solid #e5e7eb}.pivot-sidebar:not(.open){transform:translate(-100%)}}@container pivot (max-width: 480px){.pivot-table-root{font-size:12px;border-radius:4px}.pivot-grid th,.pivot-grid td{padding:4px 6px;font-size:11px}.pivot-toolbar{padding:6px 8px;gap:6px}.pivot-toolbar button{padding:5px 8px;font-size:11px}.pivot-sidebar{width:85cqw!important;min-width:unset!important;max-width:320px}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sukritt/pivot",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"description": "React pivot table component with Excel-like drag-and-drop field config",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/pivot.umd.cjs",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"@dnd-kit/core": "^6.1.0",
|
|
29
29
|
"@dnd-kit/sortable": "^8.0.0",
|
|
30
30
|
"xlsx": "^0.18.5",
|
|
31
|
-
"@sukritt/pivot-core": "
|
|
31
|
+
"@sukritt/pivot-core": "1.0.0"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@types/react": "^18.3.0",
|