@akshar-technosoft/ui 1.3.1 → 1.3.3
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/README.md +0 -0
- package/dist/components/core/error.cjs +3 -0
- package/dist/components/core/error.cjs.map +1 -0
- package/dist/components/core/error.d.cts +5 -0
- package/dist/components/core/error.d.ts +5 -0
- package/dist/components/core/error.js +3 -0
- package/dist/components/core/error.js.map +1 -0
- package/dist/components/core/event-success.cjs +3 -0
- package/dist/components/core/event-success.cjs.map +1 -0
- package/dist/components/core/event-success.d.cts +5 -0
- package/dist/components/core/event-success.d.ts +5 -0
- package/dist/components/core/event-success.js +3 -0
- package/dist/components/core/event-success.js.map +1 -0
- package/dist/components/core/index.cjs +3 -0
- package/dist/components/core/index.cjs.map +1 -0
- package/dist/components/core/index.d.cts +7 -0
- package/dist/components/core/index.d.ts +7 -0
- package/dist/components/core/index.js +3 -0
- package/dist/components/core/index.js.map +1 -0
- package/dist/components/core/loader.cjs +3 -0
- package/dist/components/core/loader.cjs.map +1 -0
- package/dist/components/core/loader.d.cts +5 -0
- package/dist/components/core/loader.d.ts +5 -0
- package/dist/components/core/loader.js +3 -0
- package/dist/components/core/loader.js.map +1 -0
- package/dist/components/core/notfound.cjs +3 -0
- package/dist/components/core/notfound.cjs.map +1 -0
- package/dist/components/core/notfound.d.cts +5 -0
- package/dist/components/core/notfound.d.ts +5 -0
- package/dist/components/core/notfound.js +3 -0
- package/dist/components/core/notfound.js.map +1 -0
- package/dist/components/core/offline-content.cjs +3 -0
- package/dist/components/core/offline-content.cjs.map +1 -0
- package/dist/components/core/offline-content.d.cts +5 -0
- package/dist/components/core/offline-content.d.ts +5 -0
- package/dist/components/core/offline-content.js +3 -0
- package/dist/components/core/offline-content.js.map +1 -0
- package/dist/components/core/unauthorized.cjs +3 -0
- package/dist/components/core/unauthorized.cjs.map +1 -0
- package/dist/components/core/unauthorized.d.cts +5 -0
- package/dist/components/core/unauthorized.d.ts +5 -0
- package/dist/components/core/unauthorized.js +3 -0
- package/dist/components/core/unauthorized.js.map +1 -0
- package/dist/components/data/data-table/data-table-action-bar.cjs +3 -0
- package/dist/components/data/data-table/data-table-action-bar.cjs.map +1 -0
- package/dist/components/data/data-table/data-table-action-bar.d.cts +26 -0
- package/dist/components/data/data-table/data-table-action-bar.d.ts +26 -0
- package/dist/components/data/data-table/data-table-action-bar.js +3 -0
- package/dist/components/data/data-table/data-table-action-bar.js.map +1 -0
- package/dist/components/data/data-table/data-table-aggregation.cjs +3 -0
- package/dist/components/data/data-table/data-table-aggregation.cjs.map +1 -0
- package/dist/components/data/data-table/data-table-aggregation.d.cts +25 -0
- package/dist/components/data/data-table/data-table-aggregation.d.ts +25 -0
- package/dist/components/data/data-table/data-table-aggregation.js +3 -0
- package/dist/components/data/data-table/data-table-aggregation.js.map +1 -0
- package/dist/components/data/data-table/data-table-columns.cjs +3 -0
- package/dist/components/data/data-table/data-table-columns.cjs.map +1 -0
- package/dist/components/data/data-table/data-table-columns.d.cts +20 -0
- package/dist/components/data/data-table/data-table-columns.d.ts +20 -0
- package/dist/components/data/data-table/data-table-columns.js +3 -0
- package/dist/components/data/data-table/data-table-columns.js.map +1 -0
- package/dist/components/data/data-table/data-table-export.cjs +3 -0
- package/dist/components/data/data-table/data-table-export.cjs.map +1 -0
- package/dist/components/data/data-table/data-table-export.d.cts +38 -0
- package/dist/components/data/data-table/data-table-export.d.ts +38 -0
- package/dist/components/data/data-table/data-table-export.js +3 -0
- package/dist/components/data/data-table/data-table-export.js.map +1 -0
- package/dist/components/data/data-table/data-table-filtering.cjs +3 -0
- package/dist/components/data/data-table/data-table-filtering.cjs.map +1 -0
- package/dist/components/data/data-table/data-table-filtering.d.cts +17 -0
- package/dist/components/data/data-table/data-table-filtering.d.ts +17 -0
- package/dist/components/data/data-table/data-table-filtering.js +3 -0
- package/dist/components/data/data-table/data-table-filtering.js.map +1 -0
- package/dist/components/data/data-table/data-table-footer.cjs +3 -0
- package/dist/components/data/data-table/data-table-footer.cjs.map +1 -0
- package/dist/components/data/data-table/data-table-footer.d.cts +21 -0
- package/dist/components/data/data-table/data-table-footer.d.ts +21 -0
- package/dist/components/data/data-table/data-table-footer.js +3 -0
- package/dist/components/data/data-table/data-table-footer.js.map +1 -0
- package/dist/components/data/data-table/data-table-header.cjs +3 -0
- package/dist/components/data/data-table/data-table-header.cjs.map +1 -0
- package/dist/components/data/data-table/data-table-header.d.cts +23 -0
- package/dist/components/data/data-table/data-table-header.d.ts +23 -0
- package/dist/components/data/data-table/data-table-header.js +3 -0
- package/dist/components/data/data-table/data-table-header.js.map +1 -0
- package/dist/components/data/data-table/data-table-pagination.cjs +3 -0
- package/dist/components/data/data-table/data-table-pagination.cjs.map +1 -0
- package/dist/components/data/data-table/data-table-pagination.d.cts +14 -0
- package/dist/components/data/data-table/data-table-pagination.d.ts +14 -0
- package/dist/components/data/data-table/data-table-pagination.js +3 -0
- package/dist/components/data/data-table/data-table-pagination.js.map +1 -0
- package/dist/components/data/data-table/data-table-persist.cjs +3 -0
- package/dist/components/data/data-table/data-table-persist.cjs.map +1 -0
- package/dist/components/data/data-table/data-table-persist.d.cts +103 -0
- package/dist/components/data/data-table/data-table-persist.d.ts +103 -0
- package/dist/components/data/data-table/data-table-persist.js +3 -0
- package/dist/components/data/data-table/data-table-persist.js.map +1 -0
- package/dist/components/data/data-table/data-table-pinning.cjs +3 -0
- package/dist/components/data/data-table/data-table-pinning.cjs.map +1 -0
- package/dist/components/data/data-table/data-table-pinning.d.cts +39 -0
- package/dist/components/data/data-table/data-table-pinning.d.ts +39 -0
- package/dist/components/data/data-table/data-table-pinning.js +3 -0
- package/dist/components/data/data-table/data-table-pinning.js.map +1 -0
- package/dist/components/data/data-table/data-table-toolbar-menus.cjs +3 -0
- package/dist/components/data/data-table/data-table-toolbar-menus.cjs.map +1 -0
- package/dist/components/data/data-table/data-table-toolbar-menus.d.cts +21 -0
- package/dist/components/data/data-table/data-table-toolbar-menus.d.ts +21 -0
- package/dist/components/data/data-table/data-table-toolbar-menus.js +3 -0
- package/dist/components/data/data-table/data-table-toolbar-menus.js.map +1 -0
- package/dist/components/data/data-table/data-table-toolbar.cjs +3 -0
- package/dist/components/data/data-table/data-table-toolbar.cjs.map +1 -0
- package/dist/components/data/data-table/data-table-toolbar.d.cts +36 -0
- package/dist/components/data/data-table/data-table-toolbar.d.ts +36 -0
- package/dist/components/data/data-table/data-table-toolbar.js +3 -0
- package/dist/components/data/data-table/data-table-toolbar.js.map +1 -0
- package/dist/components/data/data-table/data-table-types.cjs +3 -0
- package/dist/components/data/data-table/data-table-types.cjs.map +1 -0
- package/dist/components/data/data-table/data-table-types.d.cts +536 -0
- package/dist/components/data/data-table/data-table-types.d.ts +536 -0
- package/dist/components/data/data-table/data-table-types.js +2 -0
- package/dist/components/data/data-table/data-table-types.js.map +1 -0
- package/dist/components/data/data-table/data-table.cjs +3 -0
- package/dist/components/data/data-table/data-table.cjs.map +1 -0
- package/dist/components/data/data-table/data-table.d.cts +10 -0
- package/dist/components/data/data-table/data-table.d.ts +10 -0
- package/dist/components/data/data-table/data-table.js +3 -0
- package/dist/components/data/data-table/data-table.js.map +1 -0
- package/dist/components/data/data-table/index.cjs +3 -0
- package/dist/components/data/data-table/index.cjs.map +1 -0
- package/dist/components/data/data-table/index.d.cts +16 -0
- package/dist/components/data/data-table/index.d.ts +16 -0
- package/dist/components/data/data-table/index.js +3 -0
- package/dist/components/data/data-table/index.js.map +1 -0
- package/dist/components/data/data-table/use-table-filter-param.cjs +3 -0
- package/dist/components/data/data-table/use-table-filter-param.cjs.map +1 -0
- package/dist/components/data/data-table/use-table-filter-param.d.cts +37 -0
- package/dist/components/data/data-table/use-table-filter-param.d.ts +37 -0
- package/dist/components/data/data-table/use-table-filter-param.js +3 -0
- package/dist/components/data/data-table/use-table-filter-param.js.map +1 -0
- package/dist/components/data/data-table/use-table-persist.cjs +3 -0
- package/dist/components/data/data-table/use-table-persist.cjs.map +1 -0
- package/dist/components/data/data-table/use-table-persist.d.cts +36 -0
- package/dist/components/data/data-table/use-table-persist.d.ts +36 -0
- package/dist/components/data/data-table/use-table-persist.js +3 -0
- package/dist/components/data/data-table/use-table-persist.js.map +1 -0
- package/dist/components/data/data-template/data-template-action-bar.cjs +3 -0
- package/dist/components/data/data-template/data-template-action-bar.cjs.map +1 -0
- package/dist/components/data/data-template/data-template-action-bar.d.cts +14 -0
- package/dist/components/data/data-template/data-template-action-bar.d.ts +14 -0
- package/dist/components/data/data-template/data-template-action-bar.js +3 -0
- package/dist/components/data/data-template/data-template-action-bar.js.map +1 -0
- package/dist/components/data/data-template/data-template-pagination.cjs +3 -0
- package/dist/components/data/data-template/data-template-pagination.cjs.map +1 -0
- package/dist/components/data/data-template/data-template-pagination.d.cts +17 -0
- package/dist/components/data/data-template/data-template-pagination.d.ts +17 -0
- package/dist/components/data/data-template/data-template-pagination.js +3 -0
- package/dist/components/data/data-template/data-template-pagination.js.map +1 -0
- package/dist/components/data/data-template/data-template-toolbar.cjs +3 -0
- package/dist/components/data/data-template/data-template-toolbar.cjs.map +1 -0
- package/dist/components/data/data-template/data-template-toolbar.d.cts +27 -0
- package/dist/components/data/data-template/data-template-toolbar.d.ts +27 -0
- package/dist/components/data/data-template/data-template-toolbar.js +3 -0
- package/dist/components/data/data-template/data-template-toolbar.js.map +1 -0
- package/dist/components/data/data-template/data-template-types.cjs +3 -0
- package/dist/components/data/data-template/data-template-types.cjs.map +1 -0
- package/dist/components/data/data-template/data-template-types.d.cts +105 -0
- package/dist/components/data/data-template/data-template-types.d.ts +105 -0
- package/dist/components/data/data-template/data-template-types.js +2 -0
- package/dist/components/data/data-template/data-template-types.js.map +1 -0
- package/dist/components/data/data-template/data-template.cjs +3 -0
- package/dist/components/data/data-template/data-template.cjs.map +1 -0
- package/dist/components/data/data-template/data-template.d.cts +8 -0
- package/dist/components/data/data-template/data-template.d.ts +8 -0
- package/dist/components/data/data-template/data-template.js +3 -0
- package/dist/components/data/data-template/data-template.js.map +1 -0
- package/dist/components/data/data-template/index.cjs +3 -0
- package/dist/components/data/data-template/index.cjs.map +1 -0
- package/dist/components/data/data-template/index.d.cts +8 -0
- package/dist/components/data/data-template/index.d.ts +8 -0
- package/dist/components/data/data-template/index.js +3 -0
- package/dist/components/data/data-template/index.js.map +1 -0
- package/dist/components/date-helper.cjs +0 -0
- package/dist/components/date-helper.cjs.map +0 -0
- package/dist/components/date-helper.d.cts +0 -0
- package/dist/components/date-helper.d.ts +0 -0
- package/dist/components/date-helper.js +0 -0
- package/dist/components/date-helper.js.map +0 -0
- package/dist/components/general.cjs +0 -0
- package/dist/components/general.cjs.map +0 -0
- package/dist/components/general.d.cts +0 -0
- package/dist/components/general.d.ts +0 -0
- package/dist/components/general.js +0 -0
- package/dist/components/general.js.map +0 -0
- package/dist/components/helper/date-filter.cjs +3 -0
- package/dist/components/helper/date-filter.cjs.map +1 -0
- package/dist/components/helper/date-filter.d.cts +19 -0
- package/dist/components/helper/date-filter.d.ts +19 -0
- package/dist/components/helper/date-filter.js +3 -0
- package/dist/components/helper/date-filter.js.map +1 -0
- package/dist/components/layouts/app-container.cjs +3 -0
- package/dist/components/layouts/app-container.cjs.map +1 -0
- package/dist/components/layouts/app-container.d.cts +11 -0
- package/dist/components/layouts/app-container.d.ts +11 -0
- package/dist/components/layouts/app-container.js +3 -0
- package/dist/components/layouts/app-container.js.map +1 -0
- package/dist/components/layouts/app-content.cjs +3 -0
- package/dist/components/layouts/app-content.cjs.map +1 -0
- package/dist/components/layouts/app-content.d.cts +53 -0
- package/dist/components/layouts/app-content.d.ts +53 -0
- package/dist/components/layouts/app-content.js +3 -0
- package/dist/components/layouts/app-content.js.map +1 -0
- package/dist/components/layouts/app-footer.cjs +3 -0
- package/dist/components/layouts/app-footer.cjs.map +1 -0
- package/dist/components/layouts/app-footer.d.cts +17 -0
- package/dist/components/layouts/app-footer.d.ts +17 -0
- package/dist/components/layouts/app-footer.js +3 -0
- package/dist/components/layouts/app-footer.js.map +1 -0
- package/dist/components/layouts/app-header.cjs +3 -0
- package/dist/components/layouts/app-header.cjs.map +1 -0
- package/dist/components/layouts/app-header.d.cts +32 -0
- package/dist/components/layouts/app-header.d.ts +32 -0
- package/dist/components/layouts/app-header.js +3 -0
- package/dist/components/layouts/app-header.js.map +1 -0
- package/dist/components/layouts/index.cjs +3 -0
- package/dist/components/layouts/index.cjs.map +1 -0
- package/dist/components/layouts/index.d.cts +7 -0
- package/dist/components/layouts/index.d.ts +7 -0
- package/dist/components/layouts/index.js +3 -0
- package/dist/components/layouts/index.js.map +1 -0
- package/dist/components/ui/badge.cjs +3 -0
- package/dist/components/ui/badge.cjs.map +1 -0
- package/dist/components/ui/badge.d.cts +13 -0
- package/dist/components/ui/badge.d.ts +13 -0
- package/dist/components/ui/badge.js +3 -0
- package/dist/components/ui/badge.js.map +1 -0
- package/dist/components/ui/button.cjs +3 -0
- package/dist/components/ui/button.cjs.map +1 -0
- package/dist/components/ui/button.d.cts +14 -0
- package/dist/components/ui/button.d.ts +14 -0
- package/dist/components/ui/button.js +3 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/calendar.cjs +3 -0
- package/dist/components/ui/calendar.cjs.map +1 -0
- package/dist/components/ui/calendar.d.cts +13 -0
- package/dist/components/ui/calendar.d.ts +13 -0
- package/dist/components/ui/calendar.js +3 -0
- package/dist/components/ui/calendar.js.map +1 -0
- package/dist/components/ui/card.cjs +3 -0
- package/dist/components/ui/card.cjs.map +1 -0
- package/dist/components/ui/card.d.cts +12 -0
- package/dist/components/ui/card.d.ts +12 -0
- package/dist/components/ui/card.js +3 -0
- package/dist/components/ui/card.js.map +1 -0
- package/dist/components/ui/checkbox.cjs +3 -0
- package/dist/components/ui/checkbox.cjs.map +1 -0
- package/dist/components/ui/checkbox.d.cts +7 -0
- package/dist/components/ui/checkbox.d.ts +7 -0
- package/dist/components/ui/checkbox.js +3 -0
- package/dist/components/ui/checkbox.js.map +1 -0
- package/dist/components/ui/command.cjs +3 -0
- package/dist/components/ui/command.cjs.map +1 -0
- package/dist/components/ui/command.d.cts +20 -0
- package/dist/components/ui/command.d.ts +20 -0
- package/dist/components/ui/command.js +3 -0
- package/dist/components/ui/command.js.map +1 -0
- package/dist/components/ui/dialog.cjs +3 -0
- package/dist/components/ui/dialog.cjs.map +1 -0
- package/dist/components/ui/dialog.d.cts +16 -0
- package/dist/components/ui/dialog.d.ts +16 -0
- package/dist/components/ui/dialog.js +3 -0
- package/dist/components/ui/dialog.js.map +1 -0
- package/dist/components/ui/dropdown-menu.cjs +3 -0
- package/dist/components/ui/dropdown-menu.cjs.map +1 -0
- package/dist/components/ui/dropdown-menu.d.cts +28 -0
- package/dist/components/ui/dropdown-menu.d.ts +28 -0
- package/dist/components/ui/dropdown-menu.js +3 -0
- package/dist/components/ui/dropdown-menu.js.map +1 -0
- package/dist/components/ui/input.cjs +3 -0
- package/dist/components/ui/input.cjs.map +1 -0
- package/dist/components/ui/input.d.cts +6 -0
- package/dist/components/ui/input.d.ts +6 -0
- package/dist/components/ui/input.js +3 -0
- package/dist/components/ui/input.js.map +1 -0
- package/dist/components/ui/popover.cjs +3 -0
- package/dist/components/ui/popover.cjs.map +1 -0
- package/dist/components/ui/popover.d.cts +10 -0
- package/dist/components/ui/popover.d.ts +10 -0
- package/dist/components/ui/popover.js +3 -0
- package/dist/components/ui/popover.js.map +1 -0
- package/dist/components/ui/select.cjs +3 -0
- package/dist/components/ui/select.cjs.map +1 -0
- package/dist/components/ui/select.d.cts +18 -0
- package/dist/components/ui/select.d.ts +18 -0
- package/dist/components/ui/select.js +3 -0
- package/dist/components/ui/select.js.map +1 -0
- package/dist/components/ui/separator.cjs +3 -0
- package/dist/components/ui/separator.cjs.map +1 -0
- package/dist/components/ui/separator.d.cts +7 -0
- package/dist/components/ui/separator.d.ts +7 -0
- package/dist/components/ui/separator.js +3 -0
- package/dist/components/ui/separator.js.map +1 -0
- package/dist/components/ui/sheet.cjs +3 -0
- package/dist/components/ui/sheet.cjs.map +1 -0
- package/dist/components/ui/sheet.d.cts +18 -0
- package/dist/components/ui/sheet.d.ts +18 -0
- package/dist/components/ui/sheet.js +3 -0
- package/dist/components/ui/sheet.js.map +1 -0
- package/dist/components/ui/table.cjs +3 -0
- package/dist/components/ui/table.cjs.map +1 -0
- package/dist/components/ui/table.d.cts +13 -0
- package/dist/components/ui/table.d.ts +13 -0
- package/dist/components/ui/table.js +3 -0
- package/dist/components/ui/table.js.map +1 -0
- package/dist/components/ui/toggle.cjs +3 -0
- package/dist/components/ui/toggle.cjs.map +1 -0
- package/dist/components/ui/toggle.d.cts +16 -0
- package/dist/components/ui/toggle.d.ts +16 -0
- package/dist/components/ui/toggle.js +3 -0
- package/dist/components/ui/toggle.js.map +1 -0
- package/dist/components/ui/tooltip.cjs +3 -0
- package/dist/components/ui/tooltip.cjs.map +1 -0
- package/dist/components/ui/tooltip.d.cts +10 -0
- package/dist/components/ui/tooltip.d.ts +10 -0
- package/dist/components/ui/tooltip.js +3 -0
- package/dist/components/ui/tooltip.js.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +28 -920
- package/dist/index.d.ts +28 -920
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/lib/utils.cjs +0 -0
- package/dist/lib/utils.cjs.map +0 -0
- package/dist/lib/utils.d.cts +0 -0
- package/dist/lib/utils.d.ts +0 -0
- package/dist/lib/utils.js +0 -0
- package/dist/lib/utils.js.map +0 -0
- package/package.json +92 -92
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
"use strict";var a=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var f=(n,e)=>{for(var t in e)a(n,t,{get:e[t],enumerable:!0})},g=(n,e,t,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of u(e))!c.call(n,r)&&r!==t&&a(n,r,{get:()=>e[r],enumerable:!(s=l(e,r))||s.enumerable});return n};var m=n=>g(a({},"__esModule",{value:!0}),n);var F={};f(F,{useTableFilterParam:()=>y});module.exports=m(F);var d=require("react-router");function y(n,e){let[t,s]=(0,d.useSearchParams)();return[t.get(e)||void 0,o=>{let i=new URLSearchParams(window.location.search);i.set(e,o??""),s(i,{replace:!0})}]}0&&(module.exports={useTableFilterParam});
|
|
3
|
+
//# sourceMappingURL=use-table-filter-param.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/data/data-table/use-table-filter-param.ts"],"sourcesContent":["import { useSearchParams } from \"react-router\"\n\n/** The union of every `key`/`id` declared in a `filters` array — same array you already pass\n * to `<DataTable filters={...} />`, so there's nothing new to author or keep in sync. Accepts\n * `| undefined` because `DataTableProps<T>[\"filters\"]` (the type most call sites annotate their\n * local `filters` const with) is optional. Deliberately structural (`key?`/`id?`) and a plain\n * indexed access, NOT `FilterConfig<any>` + conditional inference: `PathFilterConfig.key` is the\n * recursive `Paths<T>`, and inferring through it against a union pattern made the checker blow\n * its instantiation-depth budget (TS2589) at real call sites. Indexed access reads the same keys\n * without re-instantiating any of that machinery. */\nexport type FilterKeys<F extends readonly { key?: string; id?: string }[] | undefined> =\n Extract<NonNullable<F>[number][\"key\" | \"id\"], string>\n\n/**\n * Live, typed escape hatch onto a table's filter state — for the case DataTable itself can't\n * cover: reading (or driving) a specific filter's CURRENT value from outside the table's own\n * subtree, as if it were a controlled `useState`.\n *\n * DataTable keeps `columnFilters` as private internal state — there's no prop/ref that exposes\n * it. But when the table's `persist` is on (the default now syncs filters to the URL, not just\n * memory — see `use-table-persist.ts`), the URL itself becomes that bridge: any component\n * anywhere can read or write a filter's value through it, live, without prop-drilling and\n * without DataTable exposing anything new.\n *\n * Reuses `useSearchParams` (react-router) directly — no separate subscription/store to keep in\n * sync, no effect, so no loop to guard against; `value` is a pure per-render derivation and\n * `setValue` writes with `replace: true` so it doesn't spam browser history.\n *\n * @example\n * const [lotNo, setLotNo] = useTableFilterParam(lotReportFilters, \"LotNo\")\n */\nexport function useTableFilterParam<F extends readonly { key?: string; id?: string }[] | undefined, K extends FilterKeys<F>>(\n _filters: F, // not read at runtime — only anchors `K` to this table's real filter keys\n key: K,\n): readonly [string | undefined, (next: string | undefined) => void] {\n const [searchParams, setSearchParams] = useSearchParams()\n // \"\" is the in-flight explicit-clear signal (see setValue), not a value — report it as unset\n const value = searchParams.get(key) || undefined\n\n const setValue = (next: string | undefined) => {\n // Live URL, not the hook's render-time params — same staleness hardening as the table's own\n // flushURL. Clearing writes an EXPLICITLY EMPTY param (`?Code=`) rather than deleting: to\n // the table, an absent param means \"bare navigation — restore from memory\", so a bare\n // delete here would be silently undone. The empty param is the unambiguous clear signal;\n // the table applies it and its echo then removes the empty param from the URL.\n const p = new URLSearchParams(window.location.search)\n p.set(key, next ?? \"\")\n setSearchParams(p, { replace: true })\n }\n\n return [value, setValue] as const\n}\n"],"mappings":";yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAgC,wBA+BzB,SAASF,EACdG,EACAC,EACmE,CACnE,GAAM,CAACC,EAAcC,CAAe,KAAI,mBAAgB,EAexD,MAAO,CAbOD,EAAa,IAAID,CAAG,GAAK,OAErBG,GAA6B,CAM7C,IAAMC,EAAI,IAAI,gBAAgB,OAAO,SAAS,MAAM,EACpDA,EAAE,IAAIJ,EAAKG,GAAQ,EAAE,EACrBD,EAAgBE,EAAG,CAAE,QAAS,EAAK,CAAC,CACtC,CAEuB,CACzB","names":["use_table_filter_param_exports","__export","useTableFilterParam","__toCommonJS","import_react_router","_filters","key","searchParams","setSearchParams","next","p"]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/** The union of every `key`/`id` declared in a `filters` array — same array you already pass
|
|
2
|
+
* to `<DataTable filters={...} />`, so there's nothing new to author or keep in sync. Accepts
|
|
3
|
+
* `| undefined` because `DataTableProps<T>["filters"]` (the type most call sites annotate their
|
|
4
|
+
* local `filters` const with) is optional. Deliberately structural (`key?`/`id?`) and a plain
|
|
5
|
+
* indexed access, NOT `FilterConfig<any>` + conditional inference: `PathFilterConfig.key` is the
|
|
6
|
+
* recursive `Paths<T>`, and inferring through it against a union pattern made the checker blow
|
|
7
|
+
* its instantiation-depth budget (TS2589) at real call sites. Indexed access reads the same keys
|
|
8
|
+
* without re-instantiating any of that machinery. */
|
|
9
|
+
type FilterKeys<F extends readonly {
|
|
10
|
+
key?: string;
|
|
11
|
+
id?: string;
|
|
12
|
+
}[] | undefined> = Extract<NonNullable<F>[number]["key" | "id"], string>;
|
|
13
|
+
/**
|
|
14
|
+
* Live, typed escape hatch onto a table's filter state — for the case DataTable itself can't
|
|
15
|
+
* cover: reading (or driving) a specific filter's CURRENT value from outside the table's own
|
|
16
|
+
* subtree, as if it were a controlled `useState`.
|
|
17
|
+
*
|
|
18
|
+
* DataTable keeps `columnFilters` as private internal state — there's no prop/ref that exposes
|
|
19
|
+
* it. But when the table's `persist` is on (the default now syncs filters to the URL, not just
|
|
20
|
+
* memory — see `use-table-persist.ts`), the URL itself becomes that bridge: any component
|
|
21
|
+
* anywhere can read or write a filter's value through it, live, without prop-drilling and
|
|
22
|
+
* without DataTable exposing anything new.
|
|
23
|
+
*
|
|
24
|
+
* Reuses `useSearchParams` (react-router) directly — no separate subscription/store to keep in
|
|
25
|
+
* sync, no effect, so no loop to guard against; `value` is a pure per-render derivation and
|
|
26
|
+
* `setValue` writes with `replace: true` so it doesn't spam browser history.
|
|
27
|
+
*
|
|
28
|
+
* @example
|
|
29
|
+
* const [lotNo, setLotNo] = useTableFilterParam(lotReportFilters, "LotNo")
|
|
30
|
+
*/
|
|
31
|
+
declare function useTableFilterParam<F extends readonly {
|
|
32
|
+
key?: string;
|
|
33
|
+
id?: string;
|
|
34
|
+
}[] | undefined, K extends FilterKeys<F>>(_filters: F, // not read at runtime — only anchors `K` to this table's real filter keys
|
|
35
|
+
key: K): readonly [string | undefined, (next: string | undefined) => void];
|
|
36
|
+
|
|
37
|
+
export { type FilterKeys, useTableFilterParam };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/** The union of every `key`/`id` declared in a `filters` array — same array you already pass
|
|
2
|
+
* to `<DataTable filters={...} />`, so there's nothing new to author or keep in sync. Accepts
|
|
3
|
+
* `| undefined` because `DataTableProps<T>["filters"]` (the type most call sites annotate their
|
|
4
|
+
* local `filters` const with) is optional. Deliberately structural (`key?`/`id?`) and a plain
|
|
5
|
+
* indexed access, NOT `FilterConfig<any>` + conditional inference: `PathFilterConfig.key` is the
|
|
6
|
+
* recursive `Paths<T>`, and inferring through it against a union pattern made the checker blow
|
|
7
|
+
* its instantiation-depth budget (TS2589) at real call sites. Indexed access reads the same keys
|
|
8
|
+
* without re-instantiating any of that machinery. */
|
|
9
|
+
type FilterKeys<F extends readonly {
|
|
10
|
+
key?: string;
|
|
11
|
+
id?: string;
|
|
12
|
+
}[] | undefined> = Extract<NonNullable<F>[number]["key" | "id"], string>;
|
|
13
|
+
/**
|
|
14
|
+
* Live, typed escape hatch onto a table's filter state — for the case DataTable itself can't
|
|
15
|
+
* cover: reading (or driving) a specific filter's CURRENT value from outside the table's own
|
|
16
|
+
* subtree, as if it were a controlled `useState`.
|
|
17
|
+
*
|
|
18
|
+
* DataTable keeps `columnFilters` as private internal state — there's no prop/ref that exposes
|
|
19
|
+
* it. But when the table's `persist` is on (the default now syncs filters to the URL, not just
|
|
20
|
+
* memory — see `use-table-persist.ts`), the URL itself becomes that bridge: any component
|
|
21
|
+
* anywhere can read or write a filter's value through it, live, without prop-drilling and
|
|
22
|
+
* without DataTable exposing anything new.
|
|
23
|
+
*
|
|
24
|
+
* Reuses `useSearchParams` (react-router) directly — no separate subscription/store to keep in
|
|
25
|
+
* sync, no effect, so no loop to guard against; `value` is a pure per-render derivation and
|
|
26
|
+
* `setValue` writes with `replace: true` so it doesn't spam browser history.
|
|
27
|
+
*
|
|
28
|
+
* @example
|
|
29
|
+
* const [lotNo, setLotNo] = useTableFilterParam(lotReportFilters, "LotNo")
|
|
30
|
+
*/
|
|
31
|
+
declare function useTableFilterParam<F extends readonly {
|
|
32
|
+
key?: string;
|
|
33
|
+
id?: string;
|
|
34
|
+
}[] | undefined, K extends FilterKeys<F>>(_filters: F, // not read at runtime — only anchors `K` to this table's real filter keys
|
|
35
|
+
key: K): readonly [string | undefined, (next: string | undefined) => void];
|
|
36
|
+
|
|
37
|
+
export { type FilterKeys, useTableFilterParam };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import{useSearchParams as a}from"react-router";function u(i,e){let[t,r]=a();return[t.get(e)||void 0,s=>{let n=new URLSearchParams(window.location.search);n.set(e,s??""),r(n,{replace:!0})}]}export{u as useTableFilterParam};
|
|
3
|
+
//# sourceMappingURL=use-table-filter-param.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/data/data-table/use-table-filter-param.ts"],"sourcesContent":["import { useSearchParams } from \"react-router\"\n\n/** The union of every `key`/`id` declared in a `filters` array — same array you already pass\n * to `<DataTable filters={...} />`, so there's nothing new to author or keep in sync. Accepts\n * `| undefined` because `DataTableProps<T>[\"filters\"]` (the type most call sites annotate their\n * local `filters` const with) is optional. Deliberately structural (`key?`/`id?`) and a plain\n * indexed access, NOT `FilterConfig<any>` + conditional inference: `PathFilterConfig.key` is the\n * recursive `Paths<T>`, and inferring through it against a union pattern made the checker blow\n * its instantiation-depth budget (TS2589) at real call sites. Indexed access reads the same keys\n * without re-instantiating any of that machinery. */\nexport type FilterKeys<F extends readonly { key?: string; id?: string }[] | undefined> =\n Extract<NonNullable<F>[number][\"key\" | \"id\"], string>\n\n/**\n * Live, typed escape hatch onto a table's filter state — for the case DataTable itself can't\n * cover: reading (or driving) a specific filter's CURRENT value from outside the table's own\n * subtree, as if it were a controlled `useState`.\n *\n * DataTable keeps `columnFilters` as private internal state — there's no prop/ref that exposes\n * it. But when the table's `persist` is on (the default now syncs filters to the URL, not just\n * memory — see `use-table-persist.ts`), the URL itself becomes that bridge: any component\n * anywhere can read or write a filter's value through it, live, without prop-drilling and\n * without DataTable exposing anything new.\n *\n * Reuses `useSearchParams` (react-router) directly — no separate subscription/store to keep in\n * sync, no effect, so no loop to guard against; `value` is a pure per-render derivation and\n * `setValue` writes with `replace: true` so it doesn't spam browser history.\n *\n * @example\n * const [lotNo, setLotNo] = useTableFilterParam(lotReportFilters, \"LotNo\")\n */\nexport function useTableFilterParam<F extends readonly { key?: string; id?: string }[] | undefined, K extends FilterKeys<F>>(\n _filters: F, // not read at runtime — only anchors `K` to this table's real filter keys\n key: K,\n): readonly [string | undefined, (next: string | undefined) => void] {\n const [searchParams, setSearchParams] = useSearchParams()\n // \"\" is the in-flight explicit-clear signal (see setValue), not a value — report it as unset\n const value = searchParams.get(key) || undefined\n\n const setValue = (next: string | undefined) => {\n // Live URL, not the hook's render-time params — same staleness hardening as the table's own\n // flushURL. Clearing writes an EXPLICITLY EMPTY param (`?Code=`) rather than deleting: to\n // the table, an absent param means \"bare navigation — restore from memory\", so a bare\n // delete here would be silently undone. The empty param is the unambiguous clear signal;\n // the table applies it and its echo then removes the empty param from the URL.\n const p = new URLSearchParams(window.location.search)\n p.set(key, next ?? \"\")\n setSearchParams(p, { replace: true })\n }\n\n return [value, setValue] as const\n}\n"],"mappings":";AAAA,OAAS,mBAAAA,MAAuB,eA+BzB,SAASC,EACdC,EACAC,EACmE,CACnE,GAAM,CAACC,EAAcC,CAAe,EAAIL,EAAgB,EAexD,MAAO,CAbOI,EAAa,IAAID,CAAG,GAAK,OAErBG,GAA6B,CAM7C,IAAMC,EAAI,IAAI,gBAAgB,OAAO,SAAS,MAAM,EACpDA,EAAE,IAAIJ,EAAKG,GAAQ,EAAE,EACrBD,EAAgBE,EAAG,CAAE,QAAS,EAAK,CAAC,CACtC,CAEuB,CACzB","names":["useSearchParams","useTableFilterParam","_filters","key","searchParams","setSearchParams","next","p"]}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
"use strict";var z=Object.defineProperty;var de=Object.getOwnPropertyDescriptor;var le=Object.getOwnPropertyNames;var ce=Object.prototype.hasOwnProperty;var ge=(e,r)=>{for(var o in r)z(e,o,{get:r[o],enumerable:!0})},fe=(e,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let c of le(r))!ce.call(e,c)&&c!==o&&z(e,c,{get:()=>r[c],enumerable:!(n=de(r,c))||n.enumerable});return e};var pe=e=>fe(z({},"__esModule",{value:!0}),e);var ye={};ge(ye,{useTablePersist:()=>he});module.exports=pe(ye);var p=require("react"),Z=require("react-router");var j="atsui:tbl:v1:",V=new Map,_=new Map;function K(e){try{let r=localStorage.getItem(j+e);return r?JSON.parse(r):void 0}catch{return}}function $(e,r){try{localStorage.setItem(j+e,JSON.stringify(r))}catch{}}function q(e){return e?typeof e=="string"?{key:e}:e:null}function T(e,r){return V.get(e)??(r?K(e):void 0)??{}}function x(e,r,o){let n={...T(e,r),...o};V.set(e,n),r&&$(e,n)}var E=new Map;function J(e,r){let o=E.get(e);return o||(o=new Set,E.set(e,o)),o.add(r),()=>{o.delete(r)}}function b(e,r){return{...r?K("g:"+e)??{}:{},..._.get(e)??{}}}function D(e,r,o,n){let c=b(e,r),G=n==null||n==="";if(G?c[o]===void 0:c[o]===n)return;let h={...c};G?delete h[o]:h[o]=n,_.set(e,h),r&&$("g:"+e,h),E.get(e)?.forEach(f=>f())}function Q(e,r){if(x(e.key,e.local,{filters:{},globalFilter:"",external:{},groupedField:"all"}),e.group)for(let o of r)D(e.group,e.local,o,void 0)}var A=new Set;function B(e){return A.has(e)&&console.warn(`[DataTable] persist key "${e}" is used by two mounted tables \u2014 they will overwrite each other's saved state. Give each table a unique key.`),A.add(e),()=>{A.delete(e)}}var P="q",F="page",w="pageSize",L=e=>{if(e==null||e instanceof Date)return e;let r=new Date(e);return isNaN(r.getTime())?e:r},k=e=>{if(e&&typeof e=="object"&&("from"in e||"to"in e)){let r=L(e.from),o=L(e.to);return r===e.from&&o===e.to?e:{from:r,to:o}}return L(e)},O=e=>{let r=e instanceof Date?e:new Date(e);return isNaN(r.getTime())?"":r.toISOString().slice(0,10)},Se=e=>{if(e==null)return;let r=typeof e=="object"&&("from"in e||"to"in e),o=O(r?e.from:e),n=r?O(e.to):"";if(!(!o&&!n))return r?`${o},${n}`:o},W=e=>{if(!e.includes(","))return k(e);let[r,o]=e.split(",");return k({from:r||void 0,to:o||void 0})},X=e=>{if(e===null)return;let r=Number(e);return Number.isInteger(r)&&r>0?r:void 0};function he(e,r,o){let n=q(e),[c,G]=(0,Z.useSearchParams)(),h=r.map(t=>({id:String(t.id??t.key),shared:t.shared,persist:t.persist!==!1,external:!!t.externalSearch,isDate:t.type==="date"||t.type==="daterange"})),f=(0,p.useRef)(h);f.current=h;let M=(0,p.useMemo)(()=>{if(!n)return{columnFilters:[],globalFilter:"",pagination:{pageIndex:0,pageSize:o},external:{},groupedField:"all"};let t=T(n.key,n.local),s=n.group?b(n.group,n.local):{},u=d=>{let g=c.get(d.id);if(g!==null)return d.isDate?W(g):g;if(d.shared&&n.group){let U=s[d.shared];return d.isDate?k(U):U}let N=t.filters?.[d.id]??t.external?.[d.id];return d.isDate?k(N):N},a=[],i={};for(let d of h){if(!d.persist)continue;let g=u(d);g==null||g===""||(d.external?i[d.id]=g:a.push({id:d.id,value:g}))}let l=X(c.get(F)),S=X(c.get(w));return{columnFilters:a,globalFilter:c.get(P)??t.globalFilter??"",pagination:{pageIndex:n.pagination===!1?0:l!==void 0?l-1:t.pagination?.pageIndex??0,pageSize:n.pagination===!1?o:S??t.pagination?.pageSize??o},external:i,groupedField:t.groupedField??"all"}},[]),H=(0,p.useRef)(M.pagination.pageIndex),R=(0,p.useRef)(M.pagination.pageIndex===0);(0,p.useEffect)(()=>{if(n)return!n.group&&f.current.some(t=>t.shared)&&console.warn(`[DataTable] persist key "${n.key}": filters use \`shared\` but the table has no \`persist.group\` \u2014 shared is inert. Add a group to enable it.`),B(n.key)},[]);let y=(0,p.useRef)({}),C=(0,p.useRef)(!1),m=t=>{if(Object.keys(t).length===0||(Object.assign(y.current,t),C.current))return;C.current=!0;let s=window.location.pathname;queueMicrotask(()=>{C.current=!1;let u=y.current;y.current={},window.location.pathname===s&&Y(u)})},Y=t=>{let s=new URLSearchParams(window.location.search),u=!1;for(let[a,i]of Object.entries(t)){let l=s.get(a);i===void 0?l!==null&&(s.delete(a),u=!0):l!==i&&(s.set(a,i),u=!0)}u&&G(s,{replace:!0})},I=(t,s)=>t.isDate?Se(s):s==null||s===""?void 0:String(s),v=t=>{if(!n)return;let s={};for(let i of t)s[i.id]=i.value;let u={},a={};for(let i of f.current)!i.persist||i.external||(i.shared&&n.group?D(n.group,n.local,i.shared,s[i.id]):s[i.id]!==void 0&&(u[i.id]=s[i.id]),a[i.id]=I(i,s[i.id]));x(n.key,n.local,{filters:u}),m(a)},ee=t=>{n&&(x(n.key,n.local,{globalFilter:t}),m({[P]:t||void 0}))},ne=t=>{if(!n)return;let s={},u={};for(let a of f.current)!a.persist||!a.external||(a.shared&&n.group?D(n.group,n.local,a.shared,t[a.id]):t[a.id]!==void 0&&(s[a.id]=t[a.id]),u[a.id]=I(a,t[a.id]));x(n.key,n.local,{external:s}),m(u)},te=t=>{!n||n.pagination===!1||R.current&&(x(n.key,n.local,{pagination:{pageIndex:t.pageIndex,pageSize:t.pageSize}}),m({[F]:t.pageIndex>0?String(t.pageIndex+1):void 0,[w]:t.pageSize!==o?String(t.pageSize):void 0}))},re=(t,s)=>{if(!n||R.current||t.getCoreRowModel().rows.length===0)return;let u=Math.min(H.current,Math.max(t.getPageCount()-1,0));R.current=!0,u>0&&s({pageIndex:u,pageSize:t.getState().pagination.pageSize})},ie=()=>!!n&&n.pagination!==!1&&!R.current,se=t=>{n&&x(n.key,n.local,{groupedField:t})},oe=t=>{if(!n?.group)return;let s=n.group,u=f.current.filter(a=>a.shared&&a.persist&&!a.external);if(u.length!==0)return J(s,()=>{let a=b(s,n.local);for(let i of u){let l=t.getColumn(i.id);if(!l)continue;let S=a[i.shared],d=S===void 0?void 0:i.isDate?k(S):S,g=l.getFilterValue();Object.is(g??void 0,d??void 0)||l.setFilterValue(d)}})},ae=t=>{if(!n)return;let s={},u=T(n.key,n.local),a=n.group?b(n.group,n.local):{};for(let i of f.current){if(!i.persist||i.id in y.current)continue;let l=c.get(i.id);if(i.external){if(l===null){let g=I(i,i.shared&&n.group?a[i.shared]:u.external?.[i.id]);g!==void 0&&(s[i.id]=g)}continue}let S=t.getColumn(i.id);if(!S)continue;let d=I(i,S.getFilterValue())??null;if(l!==d){if(l===null){d!==null&&(s[i.id]=d);continue}S.setFilterValue(l===""?void 0:i.isDate?W(l):l)}}if(!(P in y.current)){let i=c.get(P),l=t.getState().globalFilter??"";i===null?l!==""&&(s[P]=l):i!==l&&t.setGlobalFilter(i)}if(n.pagination!==!1&&R.current){let i=u.pagination;i&&!(F in y.current)&&c.get(F)===null&&i.pageIndex>0&&(s[F]=String(i.pageIndex+1)),i&&!(w in y.current)&&c.get(w)===null&&i.pageSize!==o&&(s[w]=String(i.pageSize))}m(s)},ue=()=>{if(!n)return;Q(n,f.current.filter(s=>s.shared).map(s=>s.shared));let t={[P]:void 0};for(let s of f.current)s.persist&&(t[s.id]=void 0);m(t)};return{enabled:!!n,initial:M,searchParamsKey:c.toString(),persistFilters:v,persistGlobalFilter:ee,persistExternal:ne,persistPagination:te,persistGroupedField:se,restorePageIndex:re,syncSharedSlots:oe,applyURLToTable:ae,clearAll:ue,pendingPageRestore:ie}}0&&(module.exports={useTablePersist});
|
|
3
|
+
//# sourceMappingURL=use-table-persist.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/data/data-table/use-table-persist.ts","../../../../src/components/data/data-table/data-table-persist.ts"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\"\nimport { useSearchParams } from \"react-router\"\nimport type { ColumnFiltersState, PaginationState, Table } from \"@tanstack/react-table\"\nimport type { FilterConfig } from \"./data-table-types.js\"\nimport {\n clearPersisted,\n patchSnapshot,\n readGroupSlots,\n readSnapshot,\n resolvePersist,\n subscribeGroup,\n trackMountedKey,\n writeGroupSlot,\n type PersistConfig,\n} from \"./data-table-persist.js\"\n\n/**\n * URL-sync contract (mem is the primary store, the URL mirrors it):\n * - While a persist-enabled table is mounted, mem and the URL hold the same filter/search/\n * pagination state; `local: true` adds localStorage to the same guarantee.\n * - Mount seed priority: URL param > shared group slot > mem/localStorage. The seed is echoed\n * back to every leg, so a deep link hydrates mem and a bare URL gets re-filled from mem.\n * - An ABSENT URL param is never a delete — bare navigations (nav link to the same route, a\n * redirect without a query) drop the query string without touching table state, so missing\n * params are restored from mem. A programmatic clear travels as a PRESENT-BUT-EMPTY param\n * (`?Code=`, written by useTableFilterParam.set(undefined)); the echo then removes it.\n */\n\ntype FilterMeta = {\n id: string\n shared?: string\n persist: boolean\n external: boolean\n isDate: boolean\n}\n\n/** URL param for the toolbar's global search box. */\nconst GLOBAL_FILTER_PARAM = \"q\"\n/** 1-based in the URL; omitted (with pageSize) at defaults to avoid `?page=1&pageSize=20` clutter. */\nconst PAGE_PARAM = \"page\"\nconst PAGE_SIZE_PARAM = \"pageSize\"\n\nconst toDate = (v: any): any => {\n if (v == null || v instanceof Date) return v\n const d = new Date(v)\n return isNaN(d.getTime()) ? v : d\n}\n\n/** Revive ISO strings back into Dates. Returns the SAME object when nothing needs converting —\n * the shared-slot sync compares by identity, so fresh wrappers would ping-pong forever. */\nconst reviveDateValue = (v: any): any => {\n if (v && typeof v === \"object\" && (\"from\" in v || \"to\" in v)) {\n const from = toDate(v.from)\n const to = toDate(v.to)\n return from === v.from && to === v.to ? v : { from, to }\n }\n return toDate(v)\n}\n\n/** date/daterange URL encoding: `YYYY-MM-DD` or `YYYY-MM-DD,YYYY-MM-DD` (either side may be empty). */\nconst toISODateOnly = (v: any): string => {\n const d = v instanceof Date ? v : new Date(v)\n return isNaN(d.getTime()) ? \"\" : d.toISOString().slice(0, 10)\n}\n\nconst serializeDateFilter = (v: any): string | undefined => {\n if (v == null) return undefined\n const isRange = typeof v === \"object\" && (\"from\" in v || \"to\" in v)\n const from = isRange ? toISODateOnly(v.from) : toISODateOnly(v)\n const to = isRange ? toISODateOnly(v.to) : \"\"\n if (!from && !to) return undefined\n return isRange ? `${from},${to}` : from\n}\n\nconst parseDateFilter = (raw: string): any => {\n if (!raw.includes(\",\")) return reviveDateValue(raw)\n const [from, to] = raw.split(\",\")\n return reviveDateValue({ from: from || undefined, to: to || undefined })\n}\n\n/** `null`/garbage (`?page=abc`)/non-positive → undefined so callers use their own default. */\nconst parsePositiveInt = (raw: string | null): number | undefined => {\n if (raw === null) return undefined\n const n = Number(raw)\n return Number.isInteger(n) && n > 0 ? n : undefined\n}\n\n/**\n * Seeding and write-through for the `persist` prop. Reads are synchronous and happen before the\n * first render (no flash of unfiltered data). Writes fire on user actions plus one echo per\n * mount; every write path no-ops on unchanged values, so echoes are loop-safe and StrictMode's\n * double effect firing is harmless. When `persist` is absent every method is a no-op.\n */\nexport function useTablePersist<T>(\n persistProp: string | PersistConfig<any> | undefined,\n filters: FilterConfig<T>[],\n defaultPageSize: number,\n) {\n const config = resolvePersist(persistProp)\n const [searchParams, setSearchParams] = useSearchParams()\n\n const metas: FilterMeta[] = filters.map((f: any) => ({\n id: String(f.id ?? f.key),\n shared: f.shared,\n persist: f.persist !== false,\n external: !!f.externalSearch,\n isDate: f.type === \"date\" || f.type === \"daterange\",\n }))\n const metasRef = useRef(metas)\n metasRef.current = metas\n\n // Mount-only seed; state is handed to the table afterwards and the URL is only written, never\n // re-read into state (applyURLToTable handles live URL changes against the table directly).\n const initial = useMemo(() => {\n if (!config) {\n return {\n columnFilters: [] as ColumnFiltersState,\n globalFilter: \"\",\n pagination: { pageIndex: 0, pageSize: defaultPageSize } as PaginationState,\n external: {} as Record<string, unknown>,\n groupedField: \"all\",\n }\n }\n const snap = readSnapshot(config.key, config.local)\n const slots = config.group ? readGroupSlots(config.group, config.local) : {}\n\n const valueFor = (m: FilterMeta) => {\n const urlVal = searchParams.get(m.id)\n if (urlVal !== null) return m.isDate ? parseDateFilter(urlVal) : urlVal\n // shared falls back to its slot, NOT the page snapshot — a snapshot fallback would\n // resurrect values cleared from another page in the group\n if (m.shared && config.group) {\n const raw = slots[m.shared]\n // only date filters may pass through reviveDateValue: its toDate fallback would turn a\n // plain numeric value into a Date (`new Date(123)` is valid)\n return m.isDate ? reviveDateValue(raw) : raw\n }\n const v = snap.filters?.[m.id] ?? snap.external?.[m.id]\n return m.isDate ? reviveDateValue(v) : v\n }\n\n const columnFilters: ColumnFiltersState = []\n const external: Record<string, unknown> = {}\n for (const m of metas) {\n if (!m.persist) continue\n const v = valueFor(m)\n if (v === undefined || v === null || v === \"\") continue\n if (m.external) external[m.id] = v\n else columnFilters.push({ id: m.id, value: v })\n }\n\n const urlPage = parsePositiveInt(searchParams.get(PAGE_PARAM))\n const urlPageSize = parsePositiveInt(searchParams.get(PAGE_SIZE_PARAM))\n\n return {\n columnFilters,\n globalFilter: searchParams.get(GLOBAL_FILTER_PARAM) ?? snap.globalFilter ?? \"\",\n pagination: {\n pageIndex: config.pagination === false ? 0 : urlPage !== undefined ? urlPage - 1 : snap.pagination?.pageIndex ?? 0,\n pageSize: config.pagination === false ? defaultPageSize : urlPageSize ?? snap.pagination?.pageSize ?? defaultPageSize,\n } as PaginationState,\n external,\n groupedField: snap.groupedField ?? \"all\",\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n // TanStack's autoResetPageIndex zeroes the index when data first arrives — restorePageIndex\n // re-applies the saved index once, clamped, after the first non-empty load.\n const savedPageIndexRef = useRef(initial.pagination.pageIndex)\n const pageRestoredRef = useRef(initial.pagination.pageIndex === 0)\n\n useEffect(() => {\n if (!config) return\n if (!config.group && metasRef.current.some((m) => m.shared)) {\n console.warn(`[DataTable] persist key \"${config.key}\": filters use \\`shared\\` but the table has no \\`persist.group\\` — shared is inert. Add a group to enable it.`)\n }\n return trackMountedKey(config.key)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n // URL writes are batched into one setSearchParams per microtask: two persist effects can fire\n // in the same commit (e.g. Clear resets filters + global search), and separate calls would\n // clobber each other's params.\n const pendingURLRef = useRef<Record<string, string | undefined>>({})\n const urlFlushScheduledRef = useRef(false)\n\n const writeURL = (updates: Record<string, string | undefined>) => {\n if (Object.keys(updates).length === 0) return\n Object.assign(pendingURLRef.current, updates)\n if (urlFlushScheduledRef.current) return\n urlFlushScheduledRef.current = true\n const pathname = window.location.pathname\n queueMicrotask(() => {\n urlFlushScheduledRef.current = false\n const batch = pendingURLRef.current\n pendingURLRef.current = {}\n // a navigation landed between queue and flush — this batch belongs to the old page's URL,\n // writing it now would stamp stale params onto the new location\n if (window.location.pathname !== pathname) return\n flushURL(batch)\n })\n }\n\n // Builds from the LIVE URL and bails without navigating when nothing changed. Never pass a\n // functional updater to setSearchParams here: react-router navigates unconditionally with\n // whatever the updater returns, and the `prev` it supplies comes from a render-time closure\n // that is one write behind when two flushes land back-to-back — returning it \"unchanged\"\n // actually reverts the URL (the original type-blink-disappear bug).\n const flushURL = (updates: Record<string, string | undefined>) => {\n const p = new URLSearchParams(window.location.search)\n let changed = false\n for (const [k, v] of Object.entries(updates)) {\n const cur = p.get(k)\n if (v === undefined) {\n if (cur !== null) { p.delete(k); changed = true }\n } else if (cur !== v) {\n p.set(k, v)\n changed = true\n }\n }\n if (!changed) return\n setSearchParams(p, { replace: true })\n }\n\n const urlEncode = (m: FilterMeta, raw: unknown): string | undefined =>\n m.isDate ? serializeDateFilter(raw) : (raw == null || raw === \"\" ? undefined : String(raw))\n\n const persistFilters = (next: ColumnFiltersState) => {\n if (!config) return\n const values: Record<string, unknown> = {}\n for (const f of next) values[f.id] = f.value\n const out: Record<string, unknown> = {}\n const urlUpdates: Record<string, string | undefined> = {}\n for (const m of metasRef.current) {\n if (!m.persist || m.external) continue\n // shared → group slot (cross-page channel) + URL (reachable from outside the group);\n // skips the page snapshot so cleared values can't resurrect from it\n if (m.shared && config.group) writeGroupSlot(config.group, config.local, m.shared, values[m.id])\n else if (values[m.id] !== undefined) out[m.id] = values[m.id]\n urlUpdates[m.id] = urlEncode(m, values[m.id])\n }\n patchSnapshot(config.key, config.local, { filters: out })\n writeURL(urlUpdates)\n }\n\n const persistGlobalFilter = (value: string) => {\n if (!config) return\n patchSnapshot(config.key, config.local, { globalFilter: value })\n writeURL({ [GLOBAL_FILTER_PARAM]: value || undefined })\n }\n\n const persistExternal = (values: Record<string, unknown>) => {\n if (!config) return\n const out: Record<string, unknown> = {}\n const urlUpdates: Record<string, string | undefined> = {}\n for (const m of metasRef.current) {\n if (!m.persist || !m.external) continue\n if (m.shared && config.group) writeGroupSlot(config.group, config.local, m.shared, values[m.id])\n else if (values[m.id] !== undefined) out[m.id] = values[m.id]\n urlUpdates[m.id] = urlEncode(m, values[m.id])\n }\n patchSnapshot(config.key, config.local, { external: out })\n writeURL(urlUpdates)\n }\n\n const persistPagination = (p: PaginationState) => {\n if (!config || config.pagination === false) return\n if (!pageRestoredRef.current) return // ignore autoReset churn until the saved index is back\n patchSnapshot(config.key, config.local, { pagination: { pageIndex: p.pageIndex, pageSize: p.pageSize } })\n writeURL({\n [PAGE_PARAM]: p.pageIndex > 0 ? String(p.pageIndex + 1) : undefined,\n [PAGE_SIZE_PARAM]: p.pageSize !== defaultPageSize ? String(p.pageSize) : undefined,\n })\n }\n\n const restorePageIndex = (table: Table<T>, set: (p: PaginationState) => void) => {\n if (!config || pageRestoredRef.current) return\n if (table.getCoreRowModel().rows.length === 0) return\n const target = Math.min(savedPageIndexRef.current, Math.max(table.getPageCount() - 1, 0))\n pageRestoredRef.current = true\n if (target > 0) set({ pageIndex: target, pageSize: table.getState().pagination.pageSize })\n }\n\n /** True while the saved pageIndex still awaits re-application; the table disables TanStack's\n * autoResetPageIndex for that window so it can't zero the index mid-restore. */\n const pendingPageRestore = () => !!config && config.pagination !== false && !pageRestoredRef.current\n\n const persistGroupedField = (field: string) => {\n if (config) patchSnapshot(config.key, config.local, { groupedField: field })\n }\n\n /** Live slot sync between simultaneously mounted tables of one group. Loop-safe: writes skip\n * unchanged values and this only sets when the incoming value differs. */\n const syncSharedSlots = (table: Table<T>) => {\n if (!config?.group) return\n const g = config.group\n const shared = metasRef.current.filter((m) => m.shared && m.persist && !m.external)\n if (shared.length === 0) return\n return subscribeGroup(g, () => {\n const slots = readGroupSlots(g, config.local)\n for (const m of shared) {\n const col = table.getColumn(m.id)\n if (!col) continue\n const raw = slots[m.shared!]\n const next = raw === undefined ? undefined : m.isDate ? reviveDateValue(raw) : raw\n const cur = col.getFilterValue()\n if (!Object.is(cur ?? undefined, next ?? undefined)) col.setFilterValue(next)\n }\n })\n }\n\n /**\n * Live URL→table sync, fired whenever the URL's content changes (searchParamsKey effect dep).\n * Per param: PRESENT → apply to the table (\"\" means clear — the explicit signal); ABSENT →\n * not a delete, restore it into the URL from the table/mem (bare navigations drop the query\n * string without touching state). External filters and pagination are restore-only: external\n * values live in the toolbar's staged state (no live apply path), pagination has no live\n * URL→table effect by design. Compares serialized strings, not object identity — date filters\n * produce fresh objects per parse. Terminates: after a restore flush the URL matches the\n * table, the re-fired pass produces an empty batch, and writeURL ignores empty batches;\n * params queued-but-unflushed are skipped via pendingURLRef (searchParams would be stale).\n */\n const applyURLToTable = (table: Table<T>) => {\n if (!config) return\n const restore: Record<string, string | undefined> = {}\n const snap = readSnapshot(config.key, config.local)\n const slots = config.group ? readGroupSlots(config.group, config.local) : {}\n for (const m of metasRef.current) {\n if (!m.persist || m.id in pendingURLRef.current) continue\n const urlRaw = searchParams.get(m.id)\n if (m.external) {\n if (urlRaw === null) {\n const enc = urlEncode(m, m.shared && config.group ? slots[m.shared] : snap.external?.[m.id])\n if (enc !== undefined) restore[m.id] = enc\n }\n continue\n }\n const col = table.getColumn(m.id)\n if (!col) continue\n const curRaw = urlEncode(m, col.getFilterValue()) ?? null\n if (urlRaw === curRaw) continue\n if (urlRaw === null) {\n if (curRaw !== null) restore[m.id] = curRaw\n continue\n }\n col.setFilterValue(urlRaw === \"\" ? undefined : m.isDate ? parseDateFilter(urlRaw) : urlRaw)\n }\n if (!(GLOBAL_FILTER_PARAM in pendingURLRef.current)) {\n const urlQ = searchParams.get(GLOBAL_FILTER_PARAM)\n const curQ = table.getState().globalFilter ?? \"\"\n if (urlQ === null) {\n if (curQ !== \"\") restore[GLOBAL_FILTER_PARAM] = curQ\n } else if (urlQ !== curQ) {\n table.setGlobalFilter(urlQ)\n }\n }\n if (config.pagination !== false && pageRestoredRef.current) {\n const p = snap.pagination\n if (p && !(PAGE_PARAM in pendingURLRef.current) && searchParams.get(PAGE_PARAM) === null && p.pageIndex > 0)\n restore[PAGE_PARAM] = String(p.pageIndex + 1)\n if (p && !(PAGE_SIZE_PARAM in pendingURLRef.current) && searchParams.get(PAGE_SIZE_PARAM) === null && p.pageSize !== defaultPageSize)\n restore[PAGE_SIZE_PARAM] = String(p.pageSize)\n }\n writeURL(restore)\n }\n\n const clearAll = () => {\n if (!config) return\n clearPersisted(config, metasRef.current.filter((m) => m.shared).map((m) => m.shared!))\n // clear the URL in one shot instead of waiting on each state-reset effect to echo\n const urlUpdates: Record<string, string | undefined> = { [GLOBAL_FILTER_PARAM]: undefined }\n for (const m of metasRef.current) {\n if (!m.persist) continue\n urlUpdates[m.id] = undefined\n }\n writeURL(urlUpdates)\n }\n\n return {\n enabled: !!config,\n initial,\n /** Primitive string — safe as a useEffect dep, unlike the searchParams object. */\n searchParamsKey: searchParams.toString(),\n persistFilters,\n persistGlobalFilter,\n persistExternal,\n persistPagination,\n persistGroupedField,\n restorePageIndex,\n syncSharedSlots,\n applyURLToTable,\n clearAll,\n pendingPageRestore,\n }\n}\n","/**\n * Storage for the DataTable `persist` feature: filter values, global search text, external\n * (server) filter values and pagination survive unmount/back-navigation — in-memory by default,\n * optionally localStorage (`local: true`).\n *\n * Values are stored per FILTER IDENTITY (`key`/`id`), not as raw TanStack state — that's what\n * lets a `shared` slot apply across pages even when the pages use different filter keys or one\n * side is an `externalSearch` filter.\n */\n\n/**\n * Augment this interface ONCE in the app to get autocomplete + typo checking for `group` and\n * `shared` (without it both are plain strings):\n * ```ts\n * // src/types/table-persist.d.ts\n * declare module \"@akshar-technosoft/ui\" {\n * interface PersistGroupRegistry { inhouse: \"party\" | \"material\"; sales: \"party\" }\n * }\n * ```\n */\nexport interface PersistGroupRegistry { }\n\nexport type PersistGroupId = keyof PersistGroupRegistry extends never\n ? string\n : keyof PersistGroupRegistry & string\n\n/** Every slot across every registered group — the un-narrowed fallback `PersistSlotFor` resolves\n * to when a specific group isn't pinned (e.g. `shared` typed before `persist.group` is set). */\nexport type PersistSlotId = keyof PersistGroupRegistry extends never\n ? string\n : PersistGroupRegistry[keyof PersistGroupRegistry] & string\n\n/**\n * `shared`'s value type, narrowed to ONE group's own slots instead of every group's. `G` is\n * whatever `DataTableProps`'s own group type param resolves to for this table (see there for how\n * it gets pinned) — a real group key narrows to just that group's slots; `undefined` (no group\n * pinned yet) falls back to `PersistSlotId`, every group's slots, same as before this existed.\n */\nexport type PersistSlotFor<G extends PersistGroupId | undefined> =\n G extends keyof PersistGroupRegistry ? PersistGroupRegistry[G] & string : PersistSlotId\n\nexport type PersistConfig<G extends PersistGroupId | undefined = PersistGroupId> = {\n /**\n * Unique id for this table ACROSS THE WHOLE APP (it's the storage map key, and the\n * localStorage key when `local: true`). Two tables with the same key share one saved state —\n * that's a bug unless you meant it. One page with two tables needs two keys.\n */\n key: string\n /**\n * Namespace for `shared` filter slots — ONLY tables with the same group exchange those values\n * (a \"party\" slot in group \"inhouse\" never leaks into group \"sales\"). Required for `shared`\n * to do anything; a `shared` filter on a table without a group is inert (dev warning).\n *\n * Setting this is also what narrows `filters[].shared`'s autocomplete/type-check to just THIS\n * group's own slots — see `DataTableProps`'s `G` type param.\n */\n group?: G\n /**\n * Also write to localStorage so state survives refresh/re-login.\n * NOTE: unlike zustand's `persist` middleware, the default here is IN-MEMORY (back-navigation\n * only); localStorage is the opt-in. Multi-client caveat: localStorage is per-browser, not\n * per-login — a client switch on the same machine sees the previous client's saved filters.\n * @default false\n */\n local?: boolean\n /** Set false to persist filters only, not page index/size. @default true */\n pagination?: boolean\n}\n\nexport type PersistSnapshot = {\n /** filter values keyed by filter identity (`key`/`id`) */\n filters?: Record<string, unknown>\n globalFilter?: string\n /** grouped global-search picker selection (\"all\" or a filter id) */\n groupedField?: string\n external?: Record<string, unknown>\n pagination?: { pageIndex: number; pageSize: number }\n}\n\nconst LS_PREFIX = \"atsui:tbl:v1:\"\n\nconst mem = new Map<string, PersistSnapshot>()\nconst memGroups = new Map<string, Record<string, unknown>>()\n\nfunction lsRead<T>(key: string): T | undefined {\n try {\n const raw = localStorage.getItem(LS_PREFIX + key)\n return raw ? (JSON.parse(raw) as T) : undefined\n } catch {\n return undefined\n }\n}\n\nfunction lsWrite(key: string, value: unknown) {\n try {\n localStorage.setItem(LS_PREFIX + key, JSON.stringify(value))\n } catch {\n /* private mode / quota — memory copy still works */\n }\n}\n\n/** Resolve the `persist` prop (string shorthand or config) to a config, or null when absent.\n * `G` is deliberately `any` here — this is the runtime resolver, which only ever reads `group`\n * as a plain string; the narrowed `G` exists purely for `DataTableProps`'s authoring-time\n * `shared` type-check and has no runtime meaning to erase. */\nexport function resolvePersist(prop: string | PersistConfig<any> | undefined): PersistConfig<any> | null {\n if (!prop) return null\n return typeof prop === \"string\" ? { key: prop } : prop\n}\n\nexport function readSnapshot(key: string, local: boolean | undefined): PersistSnapshot {\n return mem.get(key) ?? (local ? lsRead<PersistSnapshot>(key) : undefined) ?? {}\n}\n\nexport function patchSnapshot(key: string, local: boolean | undefined, patch: Partial<PersistSnapshot>) {\n const next = { ...readSnapshot(key, local), ...patch }\n mem.set(key, next)\n if (local) lsWrite(key, next)\n}\n\nconst groupListeners = new Map<string, Set<() => void>>()\n\n/** Notify when any slot in a group changes (live sync between mounted tables). */\nexport function subscribeGroup(group: string, cb: () => void): () => void {\n let set = groupListeners.get(group)\n if (!set) { set = new Set(); groupListeners.set(group, set) }\n set.add(cb)\n return () => { set!.delete(cb) }\n}\n\n/**\n * `local` mirrors the CALLING table's own `persist.local` — same rule as `readSnapshot`: only\n * consult localStorage when this particular table opted into it. No cross-table stickiness — a\n * table with `local: false` never touches ls for this group, full stop, even if some other\n * table in the same group has `local: true`. Each table's own flag governs its own reads/writes.\n */\nexport function readGroupSlots(group: string, local: boolean | undefined): Record<string, unknown> {\n return { ...(local ? lsRead<Record<string, unknown>>(\"g:\" + group) ?? {} : {}), ...(memGroups.get(group) ?? {}) }\n}\n\nexport function writeGroupSlot(group: string, local: boolean | undefined, slot: string, value: unknown) {\n const prev = readGroupSlots(group, local)\n const empty = value === undefined || value === null || value === \"\"\n if (empty ? prev[slot] === undefined : prev[slot] === value) return // unchanged — no write, no notify\n const next = { ...prev }\n if (empty) delete next[slot]\n else next[slot] = value\n memGroups.set(group, next)\n if (local) lsWrite(\"g:\" + group, next)\n groupListeners.get(group)?.forEach((cb) => cb())\n}\n\n/** Wipe a table's persisted filters (Clear All Filters). Pagination is kept. */\nexport function clearPersisted(config: PersistConfig<any>, sharedSlots: string[]) {\n patchSnapshot(config.key, config.local, { filters: {}, globalFilter: \"\", external: {}, groupedField: \"all\" })\n if (config.group) for (const slot of sharedSlots) writeGroupSlot(config.group, config.local, slot, undefined)\n}\n\n/**\n * Persisted external (server) filter values for a table key — use in the PAGE's query-params\n * initializer so the very first request already carries the restored filters (otherwise the\n * default request fires once and is immediately superseded by the replayed one):\n * ```ts\n * const [params, setParams] = useState(() => ({ Status: \"Completed\", ...mapToParams(readPersistedExternal(\"qc-completed\")) }))\n * ```\n */\nexport function readPersistedExternal(key: string): Record<string, unknown> {\n return (mem.get(key) ?? lsRead<PersistSnapshot>(key))?.external ?? {}\n}\n\nconst mountedKeys = new Set<string>()\n\n/** Dev guard: two mounted tables on one `persist` key silently share state — warn once. */\nexport function trackMountedKey(key: string): () => void {\n if (mountedKeys.has(key)) {\n console.warn(`[DataTable] persist key \"${key}\" is used by two mounted tables — they will overwrite each other's saved state. Give each table a unique key.`)\n }\n mountedKeys.add(key)\n return () => { mountedKeys.delete(key) }\n}\n"],"mappings":"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","names":["use_table_persist_exports","__export","useTablePersist","__toCommonJS","import_react","import_react_router","LS_PREFIX","mem","memGroups","lsRead","key","raw","lsWrite","value","resolvePersist","prop","readSnapshot","local","patchSnapshot","patch","next","groupListeners","subscribeGroup","group","cb","set","readGroupSlots","writeGroupSlot","slot","prev","empty","clearPersisted","config","sharedSlots","mountedKeys","trackMountedKey","key","GLOBAL_FILTER_PARAM","PAGE_PARAM","PAGE_SIZE_PARAM","toDate","v","d","reviveDateValue","from","to","toISODateOnly","serializeDateFilter","isRange","parseDateFilter","raw","parsePositiveInt","n","useTablePersist","persistProp","filters","defaultPageSize","config","resolvePersist","searchParams","setSearchParams","metas","f","metasRef","initial","snap","readSnapshot","slots","readGroupSlots","valueFor","m","urlVal","columnFilters","external","urlPage","urlPageSize","savedPageIndexRef","pageRestoredRef","trackMountedKey","pendingURLRef","urlFlushScheduledRef","writeURL","updates","pathname","batch","flushURL","p","changed","k","cur","urlEncode","persistFilters","next","values","out","urlUpdates","writeGroupSlot","patchSnapshot","persistGlobalFilter","value","persistExternal","persistPagination","restorePageIndex","table","set","target","pendingPageRestore","persistGroupedField","field","syncSharedSlots","g","shared","subscribeGroup","col","applyURLToTable","restore","urlRaw","enc","curRaw","urlQ","curQ","clearAll","clearPersisted"]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { ColumnFiltersState, PaginationState, Table } from '@tanstack/react-table';
|
|
2
|
+
import { FilterConfig } from './data-table-types.cjs';
|
|
3
|
+
import { PersistConfig } from './data-table-persist.cjs';
|
|
4
|
+
import 'lucide-react';
|
|
5
|
+
import './data-table-export.cjs';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Seeding and write-through for the `persist` prop. Reads are synchronous and happen before the
|
|
9
|
+
* first render (no flash of unfiltered data). Writes fire on user actions plus one echo per
|
|
10
|
+
* mount; every write path no-ops on unchanged values, so echoes are loop-safe and StrictMode's
|
|
11
|
+
* double effect firing is harmless. When `persist` is absent every method is a no-op.
|
|
12
|
+
*/
|
|
13
|
+
declare function useTablePersist<T>(persistProp: string | PersistConfig<any> | undefined, filters: FilterConfig<T>[], defaultPageSize: number): {
|
|
14
|
+
enabled: boolean;
|
|
15
|
+
initial: {
|
|
16
|
+
columnFilters: ColumnFiltersState;
|
|
17
|
+
globalFilter: string;
|
|
18
|
+
pagination: PaginationState;
|
|
19
|
+
external: Record<string, unknown>;
|
|
20
|
+
groupedField: string;
|
|
21
|
+
};
|
|
22
|
+
/** Primitive string — safe as a useEffect dep, unlike the searchParams object. */
|
|
23
|
+
searchParamsKey: string;
|
|
24
|
+
persistFilters: (next: ColumnFiltersState) => void;
|
|
25
|
+
persistGlobalFilter: (value: string) => void;
|
|
26
|
+
persistExternal: (values: Record<string, unknown>) => void;
|
|
27
|
+
persistPagination: (p: PaginationState) => void;
|
|
28
|
+
persistGroupedField: (field: string) => void;
|
|
29
|
+
restorePageIndex: (table: Table<T>, set: (p: PaginationState) => void) => void;
|
|
30
|
+
syncSharedSlots: (table: Table<T>) => (() => void) | undefined;
|
|
31
|
+
applyURLToTable: (table: Table<T>) => void;
|
|
32
|
+
clearAll: () => void;
|
|
33
|
+
pendingPageRestore: () => boolean;
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export { useTablePersist };
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { ColumnFiltersState, PaginationState, Table } from '@tanstack/react-table';
|
|
2
|
+
import { FilterConfig } from './data-table-types.js';
|
|
3
|
+
import { PersistConfig } from './data-table-persist.js';
|
|
4
|
+
import 'lucide-react';
|
|
5
|
+
import './data-table-export.js';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Seeding and write-through for the `persist` prop. Reads are synchronous and happen before the
|
|
9
|
+
* first render (no flash of unfiltered data). Writes fire on user actions plus one echo per
|
|
10
|
+
* mount; every write path no-ops on unchanged values, so echoes are loop-safe and StrictMode's
|
|
11
|
+
* double effect firing is harmless. When `persist` is absent every method is a no-op.
|
|
12
|
+
*/
|
|
13
|
+
declare function useTablePersist<T>(persistProp: string | PersistConfig<any> | undefined, filters: FilterConfig<T>[], defaultPageSize: number): {
|
|
14
|
+
enabled: boolean;
|
|
15
|
+
initial: {
|
|
16
|
+
columnFilters: ColumnFiltersState;
|
|
17
|
+
globalFilter: string;
|
|
18
|
+
pagination: PaginationState;
|
|
19
|
+
external: Record<string, unknown>;
|
|
20
|
+
groupedField: string;
|
|
21
|
+
};
|
|
22
|
+
/** Primitive string — safe as a useEffect dep, unlike the searchParams object. */
|
|
23
|
+
searchParamsKey: string;
|
|
24
|
+
persistFilters: (next: ColumnFiltersState) => void;
|
|
25
|
+
persistGlobalFilter: (value: string) => void;
|
|
26
|
+
persistExternal: (values: Record<string, unknown>) => void;
|
|
27
|
+
persistPagination: (p: PaginationState) => void;
|
|
28
|
+
persistGroupedField: (field: string) => void;
|
|
29
|
+
restorePageIndex: (table: Table<T>, set: (p: PaginationState) => void) => void;
|
|
30
|
+
syncSharedSlots: (table: Table<T>) => (() => void) | undefined;
|
|
31
|
+
applyURLToTable: (table: Table<T>) => void;
|
|
32
|
+
clearAll: () => void;
|
|
33
|
+
pendingPageRestore: () => boolean;
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export { useTablePersist };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import{useEffect as ae,useMemo as ue,useRef as b}from"react";import{useSearchParams as de}from"react-router";var U="atsui:tbl:v1:",j=new Map,V=new Map;function _(e){try{let s=localStorage.getItem(U+e);return s?JSON.parse(s):void 0}catch{return}}function K(e,s){try{localStorage.setItem(U+e,JSON.stringify(s))}catch{}}function $(e){return e?typeof e=="string"?{key:e}:e:null}function T(e,s){return j.get(e)??(s?_(e):void 0)??{}}function y(e,s,o){let n={...T(e,s),...o};j.set(e,n),s&&K(e,n)}var A=new Map;function q(e,s){let o=A.get(e);return o||(o=new Set,A.set(e,o)),o.add(s),()=>{o.delete(s)}}function R(e,s){return{...s?_("g:"+e)??{}:{},...V.get(e)??{}}}function D(e,s,o,n){let g=R(e,s),G=n==null||n==="";if(G?g[o]===void 0:g[o]===n)return;let S={...g};G?delete S[o]:S[o]=n,V.set(e,S),s&&K("g:"+e,S),A.get(e)?.forEach(f=>f())}function J(e,s){if(y(e.key,e.local,{filters:{},globalFilter:"",external:{},groupedField:"all"}),e.group)for(let o of s)D(e.group,e.local,o,void 0)}var z=new Set;function Q(e){return z.has(e)&&console.warn(`[DataTable] persist key "${e}" is used by two mounted tables \u2014 they will overwrite each other's saved state. Give each table a unique key.`),z.add(e),()=>{z.delete(e)}}var m="q",F="page",w="pageSize",E=e=>{if(e==null||e instanceof Date)return e;let s=new Date(e);return isNaN(s.getTime())?e:s},k=e=>{if(e&&typeof e=="object"&&("from"in e||"to"in e)){let s=E(e.from),o=E(e.to);return s===e.from&&o===e.to?e:{from:s,to:o}}return E(e)},L=e=>{let s=e instanceof Date?e:new Date(e);return isNaN(s.getTime())?"":s.toISOString().slice(0,10)},le=e=>{if(e==null)return;let s=typeof e=="object"&&("from"in e||"to"in e),o=L(s?e.from:e),n=s?L(e.to):"";if(!(!o&&!n))return s?`${o},${n}`:o},B=e=>{if(!e.includes(","))return k(e);let[s,o]=e.split(",");return k({from:s||void 0,to:o||void 0})},W=e=>{if(e===null)return;let s=Number(e);return Number.isInteger(s)&&s>0?s:void 0};function Se(e,s,o){let n=$(e),[g,G]=de(),S=s.map(t=>({id:String(t.id??t.key),shared:t.shared,persist:t.persist!==!1,external:!!t.externalSearch,isDate:t.type==="date"||t.type==="daterange"})),f=b(S);f.current=S;let M=ue(()=>{if(!n)return{columnFilters:[],globalFilter:"",pagination:{pageIndex:0,pageSize:o},external:{},groupedField:"all"};let t=T(n.key,n.local),i=n.group?R(n.group,n.local):{},u=d=>{let c=g.get(d.id);if(c!==null)return d.isDate?B(c):c;if(d.shared&&n.group){let N=i[d.shared];return d.isDate?k(N):N}let O=t.filters?.[d.id]??t.external?.[d.id];return d.isDate?k(O):O},a=[],r={};for(let d of S){if(!d.persist)continue;let c=u(d);c==null||c===""||(d.external?r[d.id]=c:a.push({id:d.id,value:c}))}let l=W(g.get(F)),p=W(g.get(w));return{columnFilters:a,globalFilter:g.get(m)??t.globalFilter??"",pagination:{pageIndex:n.pagination===!1?0:l!==void 0?l-1:t.pagination?.pageIndex??0,pageSize:n.pagination===!1?o:p??t.pagination?.pageSize??o},external:r,groupedField:t.groupedField??"all"}},[]),X=b(M.pagination.pageIndex),P=b(M.pagination.pageIndex===0);ae(()=>{if(n)return!n.group&&f.current.some(t=>t.shared)&&console.warn(`[DataTable] persist key "${n.key}": filters use \`shared\` but the table has no \`persist.group\` \u2014 shared is inert. Add a group to enable it.`),Q(n.key)},[]);let h=b({}),C=b(!1),x=t=>{if(Object.keys(t).length===0||(Object.assign(h.current,t),C.current))return;C.current=!0;let i=window.location.pathname;queueMicrotask(()=>{C.current=!1;let u=h.current;h.current={},window.location.pathname===i&&Z(u)})},Z=t=>{let i=new URLSearchParams(window.location.search),u=!1;for(let[a,r]of Object.entries(t)){let l=i.get(a);r===void 0?l!==null&&(i.delete(a),u=!0):l!==r&&(i.set(a,r),u=!0)}u&&G(i,{replace:!0})},I=(t,i)=>t.isDate?le(i):i==null||i===""?void 0:String(i),H=t=>{if(!n)return;let i={};for(let r of t)i[r.id]=r.value;let u={},a={};for(let r of f.current)!r.persist||r.external||(r.shared&&n.group?D(n.group,n.local,r.shared,i[r.id]):i[r.id]!==void 0&&(u[r.id]=i[r.id]),a[r.id]=I(r,i[r.id]));y(n.key,n.local,{filters:u}),x(a)},Y=t=>{n&&(y(n.key,n.local,{globalFilter:t}),x({[m]:t||void 0}))},v=t=>{if(!n)return;let i={},u={};for(let a of f.current)!a.persist||!a.external||(a.shared&&n.group?D(n.group,n.local,a.shared,t[a.id]):t[a.id]!==void 0&&(i[a.id]=t[a.id]),u[a.id]=I(a,t[a.id]));y(n.key,n.local,{external:i}),x(u)},ee=t=>{!n||n.pagination===!1||P.current&&(y(n.key,n.local,{pagination:{pageIndex:t.pageIndex,pageSize:t.pageSize}}),x({[F]:t.pageIndex>0?String(t.pageIndex+1):void 0,[w]:t.pageSize!==o?String(t.pageSize):void 0}))},ne=(t,i)=>{if(!n||P.current||t.getCoreRowModel().rows.length===0)return;let u=Math.min(X.current,Math.max(t.getPageCount()-1,0));P.current=!0,u>0&&i({pageIndex:u,pageSize:t.getState().pagination.pageSize})},te=()=>!!n&&n.pagination!==!1&&!P.current,re=t=>{n&&y(n.key,n.local,{groupedField:t})},ie=t=>{if(!n?.group)return;let i=n.group,u=f.current.filter(a=>a.shared&&a.persist&&!a.external);if(u.length!==0)return q(i,()=>{let a=R(i,n.local);for(let r of u){let l=t.getColumn(r.id);if(!l)continue;let p=a[r.shared],d=p===void 0?void 0:r.isDate?k(p):p,c=l.getFilterValue();Object.is(c??void 0,d??void 0)||l.setFilterValue(d)}})},se=t=>{if(!n)return;let i={},u=T(n.key,n.local),a=n.group?R(n.group,n.local):{};for(let r of f.current){if(!r.persist||r.id in h.current)continue;let l=g.get(r.id);if(r.external){if(l===null){let c=I(r,r.shared&&n.group?a[r.shared]:u.external?.[r.id]);c!==void 0&&(i[r.id]=c)}continue}let p=t.getColumn(r.id);if(!p)continue;let d=I(r,p.getFilterValue())??null;if(l!==d){if(l===null){d!==null&&(i[r.id]=d);continue}p.setFilterValue(l===""?void 0:r.isDate?B(l):l)}}if(!(m in h.current)){let r=g.get(m),l=t.getState().globalFilter??"";r===null?l!==""&&(i[m]=l):r!==l&&t.setGlobalFilter(r)}if(n.pagination!==!1&&P.current){let r=u.pagination;r&&!(F in h.current)&&g.get(F)===null&&r.pageIndex>0&&(i[F]=String(r.pageIndex+1)),r&&!(w in h.current)&&g.get(w)===null&&r.pageSize!==o&&(i[w]=String(r.pageSize))}x(i)},oe=()=>{if(!n)return;J(n,f.current.filter(i=>i.shared).map(i=>i.shared));let t={[m]:void 0};for(let i of f.current)i.persist&&(t[i.id]=void 0);x(t)};return{enabled:!!n,initial:M,searchParamsKey:g.toString(),persistFilters:H,persistGlobalFilter:Y,persistExternal:v,persistPagination:ee,persistGroupedField:re,restorePageIndex:ne,syncSharedSlots:ie,applyURLToTable:se,clearAll:oe,pendingPageRestore:te}}export{Se as useTablePersist};
|
|
3
|
+
//# sourceMappingURL=use-table-persist.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/data/data-table/use-table-persist.ts","../../../../src/components/data/data-table/data-table-persist.ts"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\"\nimport { useSearchParams } from \"react-router\"\nimport type { ColumnFiltersState, PaginationState, Table } from \"@tanstack/react-table\"\nimport type { FilterConfig } from \"./data-table-types.js\"\nimport {\n clearPersisted,\n patchSnapshot,\n readGroupSlots,\n readSnapshot,\n resolvePersist,\n subscribeGroup,\n trackMountedKey,\n writeGroupSlot,\n type PersistConfig,\n} from \"./data-table-persist.js\"\n\n/**\n * URL-sync contract (mem is the primary store, the URL mirrors it):\n * - While a persist-enabled table is mounted, mem and the URL hold the same filter/search/\n * pagination state; `local: true` adds localStorage to the same guarantee.\n * - Mount seed priority: URL param > shared group slot > mem/localStorage. The seed is echoed\n * back to every leg, so a deep link hydrates mem and a bare URL gets re-filled from mem.\n * - An ABSENT URL param is never a delete — bare navigations (nav link to the same route, a\n * redirect without a query) drop the query string without touching table state, so missing\n * params are restored from mem. A programmatic clear travels as a PRESENT-BUT-EMPTY param\n * (`?Code=`, written by useTableFilterParam.set(undefined)); the echo then removes it.\n */\n\ntype FilterMeta = {\n id: string\n shared?: string\n persist: boolean\n external: boolean\n isDate: boolean\n}\n\n/** URL param for the toolbar's global search box. */\nconst GLOBAL_FILTER_PARAM = \"q\"\n/** 1-based in the URL; omitted (with pageSize) at defaults to avoid `?page=1&pageSize=20` clutter. */\nconst PAGE_PARAM = \"page\"\nconst PAGE_SIZE_PARAM = \"pageSize\"\n\nconst toDate = (v: any): any => {\n if (v == null || v instanceof Date) return v\n const d = new Date(v)\n return isNaN(d.getTime()) ? v : d\n}\n\n/** Revive ISO strings back into Dates. Returns the SAME object when nothing needs converting —\n * the shared-slot sync compares by identity, so fresh wrappers would ping-pong forever. */\nconst reviveDateValue = (v: any): any => {\n if (v && typeof v === \"object\" && (\"from\" in v || \"to\" in v)) {\n const from = toDate(v.from)\n const to = toDate(v.to)\n return from === v.from && to === v.to ? v : { from, to }\n }\n return toDate(v)\n}\n\n/** date/daterange URL encoding: `YYYY-MM-DD` or `YYYY-MM-DD,YYYY-MM-DD` (either side may be empty). */\nconst toISODateOnly = (v: any): string => {\n const d = v instanceof Date ? v : new Date(v)\n return isNaN(d.getTime()) ? \"\" : d.toISOString().slice(0, 10)\n}\n\nconst serializeDateFilter = (v: any): string | undefined => {\n if (v == null) return undefined\n const isRange = typeof v === \"object\" && (\"from\" in v || \"to\" in v)\n const from = isRange ? toISODateOnly(v.from) : toISODateOnly(v)\n const to = isRange ? toISODateOnly(v.to) : \"\"\n if (!from && !to) return undefined\n return isRange ? `${from},${to}` : from\n}\n\nconst parseDateFilter = (raw: string): any => {\n if (!raw.includes(\",\")) return reviveDateValue(raw)\n const [from, to] = raw.split(\",\")\n return reviveDateValue({ from: from || undefined, to: to || undefined })\n}\n\n/** `null`/garbage (`?page=abc`)/non-positive → undefined so callers use their own default. */\nconst parsePositiveInt = (raw: string | null): number | undefined => {\n if (raw === null) return undefined\n const n = Number(raw)\n return Number.isInteger(n) && n > 0 ? n : undefined\n}\n\n/**\n * Seeding and write-through for the `persist` prop. Reads are synchronous and happen before the\n * first render (no flash of unfiltered data). Writes fire on user actions plus one echo per\n * mount; every write path no-ops on unchanged values, so echoes are loop-safe and StrictMode's\n * double effect firing is harmless. When `persist` is absent every method is a no-op.\n */\nexport function useTablePersist<T>(\n persistProp: string | PersistConfig<any> | undefined,\n filters: FilterConfig<T>[],\n defaultPageSize: number,\n) {\n const config = resolvePersist(persistProp)\n const [searchParams, setSearchParams] = useSearchParams()\n\n const metas: FilterMeta[] = filters.map((f: any) => ({\n id: String(f.id ?? f.key),\n shared: f.shared,\n persist: f.persist !== false,\n external: !!f.externalSearch,\n isDate: f.type === \"date\" || f.type === \"daterange\",\n }))\n const metasRef = useRef(metas)\n metasRef.current = metas\n\n // Mount-only seed; state is handed to the table afterwards and the URL is only written, never\n // re-read into state (applyURLToTable handles live URL changes against the table directly).\n const initial = useMemo(() => {\n if (!config) {\n return {\n columnFilters: [] as ColumnFiltersState,\n globalFilter: \"\",\n pagination: { pageIndex: 0, pageSize: defaultPageSize } as PaginationState,\n external: {} as Record<string, unknown>,\n groupedField: \"all\",\n }\n }\n const snap = readSnapshot(config.key, config.local)\n const slots = config.group ? readGroupSlots(config.group, config.local) : {}\n\n const valueFor = (m: FilterMeta) => {\n const urlVal = searchParams.get(m.id)\n if (urlVal !== null) return m.isDate ? parseDateFilter(urlVal) : urlVal\n // shared falls back to its slot, NOT the page snapshot — a snapshot fallback would\n // resurrect values cleared from another page in the group\n if (m.shared && config.group) {\n const raw = slots[m.shared]\n // only date filters may pass through reviveDateValue: its toDate fallback would turn a\n // plain numeric value into a Date (`new Date(123)` is valid)\n return m.isDate ? reviveDateValue(raw) : raw\n }\n const v = snap.filters?.[m.id] ?? snap.external?.[m.id]\n return m.isDate ? reviveDateValue(v) : v\n }\n\n const columnFilters: ColumnFiltersState = []\n const external: Record<string, unknown> = {}\n for (const m of metas) {\n if (!m.persist) continue\n const v = valueFor(m)\n if (v === undefined || v === null || v === \"\") continue\n if (m.external) external[m.id] = v\n else columnFilters.push({ id: m.id, value: v })\n }\n\n const urlPage = parsePositiveInt(searchParams.get(PAGE_PARAM))\n const urlPageSize = parsePositiveInt(searchParams.get(PAGE_SIZE_PARAM))\n\n return {\n columnFilters,\n globalFilter: searchParams.get(GLOBAL_FILTER_PARAM) ?? snap.globalFilter ?? \"\",\n pagination: {\n pageIndex: config.pagination === false ? 0 : urlPage !== undefined ? urlPage - 1 : snap.pagination?.pageIndex ?? 0,\n pageSize: config.pagination === false ? defaultPageSize : urlPageSize ?? snap.pagination?.pageSize ?? defaultPageSize,\n } as PaginationState,\n external,\n groupedField: snap.groupedField ?? \"all\",\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n // TanStack's autoResetPageIndex zeroes the index when data first arrives — restorePageIndex\n // re-applies the saved index once, clamped, after the first non-empty load.\n const savedPageIndexRef = useRef(initial.pagination.pageIndex)\n const pageRestoredRef = useRef(initial.pagination.pageIndex === 0)\n\n useEffect(() => {\n if (!config) return\n if (!config.group && metasRef.current.some((m) => m.shared)) {\n console.warn(`[DataTable] persist key \"${config.key}\": filters use \\`shared\\` but the table has no \\`persist.group\\` — shared is inert. Add a group to enable it.`)\n }\n return trackMountedKey(config.key)\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n // URL writes are batched into one setSearchParams per microtask: two persist effects can fire\n // in the same commit (e.g. Clear resets filters + global search), and separate calls would\n // clobber each other's params.\n const pendingURLRef = useRef<Record<string, string | undefined>>({})\n const urlFlushScheduledRef = useRef(false)\n\n const writeURL = (updates: Record<string, string | undefined>) => {\n if (Object.keys(updates).length === 0) return\n Object.assign(pendingURLRef.current, updates)\n if (urlFlushScheduledRef.current) return\n urlFlushScheduledRef.current = true\n const pathname = window.location.pathname\n queueMicrotask(() => {\n urlFlushScheduledRef.current = false\n const batch = pendingURLRef.current\n pendingURLRef.current = {}\n // a navigation landed between queue and flush — this batch belongs to the old page's URL,\n // writing it now would stamp stale params onto the new location\n if (window.location.pathname !== pathname) return\n flushURL(batch)\n })\n }\n\n // Builds from the LIVE URL and bails without navigating when nothing changed. Never pass a\n // functional updater to setSearchParams here: react-router navigates unconditionally with\n // whatever the updater returns, and the `prev` it supplies comes from a render-time closure\n // that is one write behind when two flushes land back-to-back — returning it \"unchanged\"\n // actually reverts the URL (the original type-blink-disappear bug).\n const flushURL = (updates: Record<string, string | undefined>) => {\n const p = new URLSearchParams(window.location.search)\n let changed = false\n for (const [k, v] of Object.entries(updates)) {\n const cur = p.get(k)\n if (v === undefined) {\n if (cur !== null) { p.delete(k); changed = true }\n } else if (cur !== v) {\n p.set(k, v)\n changed = true\n }\n }\n if (!changed) return\n setSearchParams(p, { replace: true })\n }\n\n const urlEncode = (m: FilterMeta, raw: unknown): string | undefined =>\n m.isDate ? serializeDateFilter(raw) : (raw == null || raw === \"\" ? undefined : String(raw))\n\n const persistFilters = (next: ColumnFiltersState) => {\n if (!config) return\n const values: Record<string, unknown> = {}\n for (const f of next) values[f.id] = f.value\n const out: Record<string, unknown> = {}\n const urlUpdates: Record<string, string | undefined> = {}\n for (const m of metasRef.current) {\n if (!m.persist || m.external) continue\n // shared → group slot (cross-page channel) + URL (reachable from outside the group);\n // skips the page snapshot so cleared values can't resurrect from it\n if (m.shared && config.group) writeGroupSlot(config.group, config.local, m.shared, values[m.id])\n else if (values[m.id] !== undefined) out[m.id] = values[m.id]\n urlUpdates[m.id] = urlEncode(m, values[m.id])\n }\n patchSnapshot(config.key, config.local, { filters: out })\n writeURL(urlUpdates)\n }\n\n const persistGlobalFilter = (value: string) => {\n if (!config) return\n patchSnapshot(config.key, config.local, { globalFilter: value })\n writeURL({ [GLOBAL_FILTER_PARAM]: value || undefined })\n }\n\n const persistExternal = (values: Record<string, unknown>) => {\n if (!config) return\n const out: Record<string, unknown> = {}\n const urlUpdates: Record<string, string | undefined> = {}\n for (const m of metasRef.current) {\n if (!m.persist || !m.external) continue\n if (m.shared && config.group) writeGroupSlot(config.group, config.local, m.shared, values[m.id])\n else if (values[m.id] !== undefined) out[m.id] = values[m.id]\n urlUpdates[m.id] = urlEncode(m, values[m.id])\n }\n patchSnapshot(config.key, config.local, { external: out })\n writeURL(urlUpdates)\n }\n\n const persistPagination = (p: PaginationState) => {\n if (!config || config.pagination === false) return\n if (!pageRestoredRef.current) return // ignore autoReset churn until the saved index is back\n patchSnapshot(config.key, config.local, { pagination: { pageIndex: p.pageIndex, pageSize: p.pageSize } })\n writeURL({\n [PAGE_PARAM]: p.pageIndex > 0 ? String(p.pageIndex + 1) : undefined,\n [PAGE_SIZE_PARAM]: p.pageSize !== defaultPageSize ? String(p.pageSize) : undefined,\n })\n }\n\n const restorePageIndex = (table: Table<T>, set: (p: PaginationState) => void) => {\n if (!config || pageRestoredRef.current) return\n if (table.getCoreRowModel().rows.length === 0) return\n const target = Math.min(savedPageIndexRef.current, Math.max(table.getPageCount() - 1, 0))\n pageRestoredRef.current = true\n if (target > 0) set({ pageIndex: target, pageSize: table.getState().pagination.pageSize })\n }\n\n /** True while the saved pageIndex still awaits re-application; the table disables TanStack's\n * autoResetPageIndex for that window so it can't zero the index mid-restore. */\n const pendingPageRestore = () => !!config && config.pagination !== false && !pageRestoredRef.current\n\n const persistGroupedField = (field: string) => {\n if (config) patchSnapshot(config.key, config.local, { groupedField: field })\n }\n\n /** Live slot sync between simultaneously mounted tables of one group. Loop-safe: writes skip\n * unchanged values and this only sets when the incoming value differs. */\n const syncSharedSlots = (table: Table<T>) => {\n if (!config?.group) return\n const g = config.group\n const shared = metasRef.current.filter((m) => m.shared && m.persist && !m.external)\n if (shared.length === 0) return\n return subscribeGroup(g, () => {\n const slots = readGroupSlots(g, config.local)\n for (const m of shared) {\n const col = table.getColumn(m.id)\n if (!col) continue\n const raw = slots[m.shared!]\n const next = raw === undefined ? undefined : m.isDate ? reviveDateValue(raw) : raw\n const cur = col.getFilterValue()\n if (!Object.is(cur ?? undefined, next ?? undefined)) col.setFilterValue(next)\n }\n })\n }\n\n /**\n * Live URL→table sync, fired whenever the URL's content changes (searchParamsKey effect dep).\n * Per param: PRESENT → apply to the table (\"\" means clear — the explicit signal); ABSENT →\n * not a delete, restore it into the URL from the table/mem (bare navigations drop the query\n * string without touching state). External filters and pagination are restore-only: external\n * values live in the toolbar's staged state (no live apply path), pagination has no live\n * URL→table effect by design. Compares serialized strings, not object identity — date filters\n * produce fresh objects per parse. Terminates: after a restore flush the URL matches the\n * table, the re-fired pass produces an empty batch, and writeURL ignores empty batches;\n * params queued-but-unflushed are skipped via pendingURLRef (searchParams would be stale).\n */\n const applyURLToTable = (table: Table<T>) => {\n if (!config) return\n const restore: Record<string, string | undefined> = {}\n const snap = readSnapshot(config.key, config.local)\n const slots = config.group ? readGroupSlots(config.group, config.local) : {}\n for (const m of metasRef.current) {\n if (!m.persist || m.id in pendingURLRef.current) continue\n const urlRaw = searchParams.get(m.id)\n if (m.external) {\n if (urlRaw === null) {\n const enc = urlEncode(m, m.shared && config.group ? slots[m.shared] : snap.external?.[m.id])\n if (enc !== undefined) restore[m.id] = enc\n }\n continue\n }\n const col = table.getColumn(m.id)\n if (!col) continue\n const curRaw = urlEncode(m, col.getFilterValue()) ?? null\n if (urlRaw === curRaw) continue\n if (urlRaw === null) {\n if (curRaw !== null) restore[m.id] = curRaw\n continue\n }\n col.setFilterValue(urlRaw === \"\" ? undefined : m.isDate ? parseDateFilter(urlRaw) : urlRaw)\n }\n if (!(GLOBAL_FILTER_PARAM in pendingURLRef.current)) {\n const urlQ = searchParams.get(GLOBAL_FILTER_PARAM)\n const curQ = table.getState().globalFilter ?? \"\"\n if (urlQ === null) {\n if (curQ !== \"\") restore[GLOBAL_FILTER_PARAM] = curQ\n } else if (urlQ !== curQ) {\n table.setGlobalFilter(urlQ)\n }\n }\n if (config.pagination !== false && pageRestoredRef.current) {\n const p = snap.pagination\n if (p && !(PAGE_PARAM in pendingURLRef.current) && searchParams.get(PAGE_PARAM) === null && p.pageIndex > 0)\n restore[PAGE_PARAM] = String(p.pageIndex + 1)\n if (p && !(PAGE_SIZE_PARAM in pendingURLRef.current) && searchParams.get(PAGE_SIZE_PARAM) === null && p.pageSize !== defaultPageSize)\n restore[PAGE_SIZE_PARAM] = String(p.pageSize)\n }\n writeURL(restore)\n }\n\n const clearAll = () => {\n if (!config) return\n clearPersisted(config, metasRef.current.filter((m) => m.shared).map((m) => m.shared!))\n // clear the URL in one shot instead of waiting on each state-reset effect to echo\n const urlUpdates: Record<string, string | undefined> = { [GLOBAL_FILTER_PARAM]: undefined }\n for (const m of metasRef.current) {\n if (!m.persist) continue\n urlUpdates[m.id] = undefined\n }\n writeURL(urlUpdates)\n }\n\n return {\n enabled: !!config,\n initial,\n /** Primitive string — safe as a useEffect dep, unlike the searchParams object. */\n searchParamsKey: searchParams.toString(),\n persistFilters,\n persistGlobalFilter,\n persistExternal,\n persistPagination,\n persistGroupedField,\n restorePageIndex,\n syncSharedSlots,\n applyURLToTable,\n clearAll,\n pendingPageRestore,\n }\n}\n","/**\n * Storage for the DataTable `persist` feature: filter values, global search text, external\n * (server) filter values and pagination survive unmount/back-navigation — in-memory by default,\n * optionally localStorage (`local: true`).\n *\n * Values are stored per FILTER IDENTITY (`key`/`id`), not as raw TanStack state — that's what\n * lets a `shared` slot apply across pages even when the pages use different filter keys or one\n * side is an `externalSearch` filter.\n */\n\n/**\n * Augment this interface ONCE in the app to get autocomplete + typo checking for `group` and\n * `shared` (without it both are plain strings):\n * ```ts\n * // src/types/table-persist.d.ts\n * declare module \"@akshar-technosoft/ui\" {\n * interface PersistGroupRegistry { inhouse: \"party\" | \"material\"; sales: \"party\" }\n * }\n * ```\n */\nexport interface PersistGroupRegistry { }\n\nexport type PersistGroupId = keyof PersistGroupRegistry extends never\n ? string\n : keyof PersistGroupRegistry & string\n\n/** Every slot across every registered group — the un-narrowed fallback `PersistSlotFor` resolves\n * to when a specific group isn't pinned (e.g. `shared` typed before `persist.group` is set). */\nexport type PersistSlotId = keyof PersistGroupRegistry extends never\n ? string\n : PersistGroupRegistry[keyof PersistGroupRegistry] & string\n\n/**\n * `shared`'s value type, narrowed to ONE group's own slots instead of every group's. `G` is\n * whatever `DataTableProps`'s own group type param resolves to for this table (see there for how\n * it gets pinned) — a real group key narrows to just that group's slots; `undefined` (no group\n * pinned yet) falls back to `PersistSlotId`, every group's slots, same as before this existed.\n */\nexport type PersistSlotFor<G extends PersistGroupId | undefined> =\n G extends keyof PersistGroupRegistry ? PersistGroupRegistry[G] & string : PersistSlotId\n\nexport type PersistConfig<G extends PersistGroupId | undefined = PersistGroupId> = {\n /**\n * Unique id for this table ACROSS THE WHOLE APP (it's the storage map key, and the\n * localStorage key when `local: true`). Two tables with the same key share one saved state —\n * that's a bug unless you meant it. One page with two tables needs two keys.\n */\n key: string\n /**\n * Namespace for `shared` filter slots — ONLY tables with the same group exchange those values\n * (a \"party\" slot in group \"inhouse\" never leaks into group \"sales\"). Required for `shared`\n * to do anything; a `shared` filter on a table without a group is inert (dev warning).\n *\n * Setting this is also what narrows `filters[].shared`'s autocomplete/type-check to just THIS\n * group's own slots — see `DataTableProps`'s `G` type param.\n */\n group?: G\n /**\n * Also write to localStorage so state survives refresh/re-login.\n * NOTE: unlike zustand's `persist` middleware, the default here is IN-MEMORY (back-navigation\n * only); localStorage is the opt-in. Multi-client caveat: localStorage is per-browser, not\n * per-login — a client switch on the same machine sees the previous client's saved filters.\n * @default false\n */\n local?: boolean\n /** Set false to persist filters only, not page index/size. @default true */\n pagination?: boolean\n}\n\nexport type PersistSnapshot = {\n /** filter values keyed by filter identity (`key`/`id`) */\n filters?: Record<string, unknown>\n globalFilter?: string\n /** grouped global-search picker selection (\"all\" or a filter id) */\n groupedField?: string\n external?: Record<string, unknown>\n pagination?: { pageIndex: number; pageSize: number }\n}\n\nconst LS_PREFIX = \"atsui:tbl:v1:\"\n\nconst mem = new Map<string, PersistSnapshot>()\nconst memGroups = new Map<string, Record<string, unknown>>()\n\nfunction lsRead<T>(key: string): T | undefined {\n try {\n const raw = localStorage.getItem(LS_PREFIX + key)\n return raw ? (JSON.parse(raw) as T) : undefined\n } catch {\n return undefined\n }\n}\n\nfunction lsWrite(key: string, value: unknown) {\n try {\n localStorage.setItem(LS_PREFIX + key, JSON.stringify(value))\n } catch {\n /* private mode / quota — memory copy still works */\n }\n}\n\n/** Resolve the `persist` prop (string shorthand or config) to a config, or null when absent.\n * `G` is deliberately `any` here — this is the runtime resolver, which only ever reads `group`\n * as a plain string; the narrowed `G` exists purely for `DataTableProps`'s authoring-time\n * `shared` type-check and has no runtime meaning to erase. */\nexport function resolvePersist(prop: string | PersistConfig<any> | undefined): PersistConfig<any> | null {\n if (!prop) return null\n return typeof prop === \"string\" ? { key: prop } : prop\n}\n\nexport function readSnapshot(key: string, local: boolean | undefined): PersistSnapshot {\n return mem.get(key) ?? (local ? lsRead<PersistSnapshot>(key) : undefined) ?? {}\n}\n\nexport function patchSnapshot(key: string, local: boolean | undefined, patch: Partial<PersistSnapshot>) {\n const next = { ...readSnapshot(key, local), ...patch }\n mem.set(key, next)\n if (local) lsWrite(key, next)\n}\n\nconst groupListeners = new Map<string, Set<() => void>>()\n\n/** Notify when any slot in a group changes (live sync between mounted tables). */\nexport function subscribeGroup(group: string, cb: () => void): () => void {\n let set = groupListeners.get(group)\n if (!set) { set = new Set(); groupListeners.set(group, set) }\n set.add(cb)\n return () => { set!.delete(cb) }\n}\n\n/**\n * `local` mirrors the CALLING table's own `persist.local` — same rule as `readSnapshot`: only\n * consult localStorage when this particular table opted into it. No cross-table stickiness — a\n * table with `local: false` never touches ls for this group, full stop, even if some other\n * table in the same group has `local: true`. Each table's own flag governs its own reads/writes.\n */\nexport function readGroupSlots(group: string, local: boolean | undefined): Record<string, unknown> {\n return { ...(local ? lsRead<Record<string, unknown>>(\"g:\" + group) ?? {} : {}), ...(memGroups.get(group) ?? {}) }\n}\n\nexport function writeGroupSlot(group: string, local: boolean | undefined, slot: string, value: unknown) {\n const prev = readGroupSlots(group, local)\n const empty = value === undefined || value === null || value === \"\"\n if (empty ? prev[slot] === undefined : prev[slot] === value) return // unchanged — no write, no notify\n const next = { ...prev }\n if (empty) delete next[slot]\n else next[slot] = value\n memGroups.set(group, next)\n if (local) lsWrite(\"g:\" + group, next)\n groupListeners.get(group)?.forEach((cb) => cb())\n}\n\n/** Wipe a table's persisted filters (Clear All Filters). Pagination is kept. */\nexport function clearPersisted(config: PersistConfig<any>, sharedSlots: string[]) {\n patchSnapshot(config.key, config.local, { filters: {}, globalFilter: \"\", external: {}, groupedField: \"all\" })\n if (config.group) for (const slot of sharedSlots) writeGroupSlot(config.group, config.local, slot, undefined)\n}\n\n/**\n * Persisted external (server) filter values for a table key — use in the PAGE's query-params\n * initializer so the very first request already carries the restored filters (otherwise the\n * default request fires once and is immediately superseded by the replayed one):\n * ```ts\n * const [params, setParams] = useState(() => ({ Status: \"Completed\", ...mapToParams(readPersistedExternal(\"qc-completed\")) }))\n * ```\n */\nexport function readPersistedExternal(key: string): Record<string, unknown> {\n return (mem.get(key) ?? lsRead<PersistSnapshot>(key))?.external ?? {}\n}\n\nconst mountedKeys = new Set<string>()\n\n/** Dev guard: two mounted tables on one `persist` key silently share state — warn once. */\nexport function trackMountedKey(key: string): () => void {\n if (mountedKeys.has(key)) {\n console.warn(`[DataTable] persist key \"${key}\" is used by two mounted tables — they will overwrite each other's saved state. Give each table a unique key.`)\n }\n mountedKeys.add(key)\n return () => { mountedKeys.delete(key) }\n}\n"],"mappings":"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","names":["useEffect","useMemo","useRef","useSearchParams","LS_PREFIX","mem","memGroups","lsRead","key","raw","lsWrite","value","resolvePersist","prop","readSnapshot","local","patchSnapshot","patch","next","groupListeners","subscribeGroup","group","cb","set","readGroupSlots","writeGroupSlot","slot","prev","empty","clearPersisted","config","sharedSlots","mountedKeys","trackMountedKey","key","GLOBAL_FILTER_PARAM","PAGE_PARAM","PAGE_SIZE_PARAM","toDate","v","d","reviveDateValue","from","to","toISODateOnly","serializeDateFilter","isRange","parseDateFilter","raw","parsePositiveInt","n","useTablePersist","persistProp","filters","defaultPageSize","config","resolvePersist","searchParams","setSearchParams","useSearchParams","metas","f","metasRef","useRef","initial","useMemo","snap","readSnapshot","slots","readGroupSlots","valueFor","m","urlVal","columnFilters","external","urlPage","urlPageSize","savedPageIndexRef","pageRestoredRef","useEffect","trackMountedKey","pendingURLRef","urlFlushScheduledRef","writeURL","updates","pathname","batch","flushURL","p","changed","k","cur","urlEncode","persistFilters","next","values","out","urlUpdates","writeGroupSlot","patchSnapshot","persistGlobalFilter","value","persistExternal","persistPagination","restorePageIndex","table","set","target","pendingPageRestore","persistGroupedField","field","syncSharedSlots","g","shared","subscribeGroup","col","applyURLToTable","restore","urlRaw","enc","curRaw","urlQ","curQ","clearAll","clearPersisted"]}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
"use strict";var _=Object.create;var u=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,X=Object.prototype.hasOwnProperty;var q=(t,e)=>{for(var r in e)u(t,r,{get:e[r],enumerable:!0})},w=(t,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of M(e))!X.call(t,a)&&a!==r&&u(t,a,{get:()=>e[a],enumerable:!(i=L(e,a))||i.enumerable});return t};var k=(t,e,r)=>(r=t!=null?_(K(t)):{},w(e||!t||!t.__esModule?u(r,"default",{value:t,enumerable:!0}):r,t)),F=t=>w(u({},"__esModule",{value:!0}),t);var U={};q(U,{DataTemplateActionBar:()=>H,DataTemplateActionBarAction:()=>J,DataTemplateActionBarSelection:()=>Q});module.exports=F(U);var S=require("radix-ui"),N=require("class-variance-authority");var R=require("clsx"),z=require("tailwind-merge");function n(...t){return(0,z.twMerge)((0,R.clsx)(t))}var A=require("react/jsx-runtime"),G=(0,N.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 dark:focus-visible:border-ring",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function y({className:t,variant:e,size:r,asChild:i=!1,...a}){let p=i?S.Slot.Slot:"button";return(0,A.jsx)(p,{"data-slot":"button",className:n(G({variant:e,size:r,className:t})),...a})}var D=require("radix-ui");var E=require("react/jsx-runtime");function B({className:t,orientation:e="horizontal",decorative:r=!0,...i}){return(0,E.jsx)(D.Separator.Root,{"data-slot":"separator-root",decorative:r,orientation:e,className:n("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",t),...i})}var l=require("radix-ui");var s=require("react/jsx-runtime");function h({delayDuration:t=0,...e}){return(0,s.jsx)(l.Tooltip.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function x({...t}){return(0,s.jsx)(h,{children:(0,s.jsx)(l.Tooltip.Root,{"data-slot":"tooltip",...t})})}function T({...t}){return(0,s.jsx)(l.Tooltip.Trigger,{"data-slot":"tooltip-trigger",...t})}function P({className:t,sideOffset:e=0,children:r,...i}){return(0,s.jsx)(l.Tooltip.Portal,{children:(0,s.jsxs)(l.Tooltip.Content,{"data-slot":"tooltip-content",sideOffset:e,className:n("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",t),...i,children:[r,(0,s.jsx)(l.Tooltip.Arrow,{className:"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}var f=require("lucide-react"),g=require("framer-motion"),d=k(require("react"),1),V=k(require("react-dom"),1),o=require("react/jsx-runtime");function H({controller:t,visible:e,container:r,children:i,className:a,...p}){let[v,b]=d.useState(!1);d.useLayoutEffect(()=>{b(!0)},[]),d.useEffect(()=>{function C(I){I.key==="Escape"&&t&&t.clearSelection()}return window.addEventListener("keydown",C),()=>window.removeEventListener("keydown",C)},[t]);let c=r??(v?globalThis.document?.body:null);if(!c||!t)return null;let m=t.getSelectedItems(),O=e??m.length>0;return V.createPortal((0,o.jsx)(g.AnimatePresence,{children:O&&(0,o.jsx)(g.motion.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.3,ease:"easeInOut"},className:n("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-8 ring-primary/5",a),...p,children:(0,o.jsx)(h,{children:i})})}),c)}function J({size:t="sm",variant:e="secondary",tooltip:r,isPending:i,disabled:a,className:p,children:v,onClick:b,...c}){let m=(0,o.jsx)(y,{variant:e,size:t,className:n("gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200",t==="icon"?"size-8":"h-8 px-3",p),disabled:a||i,onClick:b,...c,children:i?(0,o.jsx)(f.Loader,{className:"animate-spin"}):v});return r?(0,o.jsxs)(x,{children:[(0,o.jsx)(T,{asChild:!0,children:m}),(0,o.jsx)(P,{sideOffset:8,className:"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden",children:(0,o.jsx)("p",{children:r})})]}):m}function Q({controller:t}){let e=d.useCallback(()=>{t&&t.clearSelection()},[t]);if(!t)return null;let r=t.getSelectedItems();return(0,o.jsxs)("div",{className:"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3",children:[(0,o.jsxs)("span",{className:"whitespace-nowrap text-sm font-medium",children:[r.length," selected"]}),(0,o.jsx)(B,{orientation:"vertical",className:"mr-2 ml-3 data-[orientation=vertical]:h-4"}),(0,o.jsxs)(x,{children:[(0,o.jsx)(T,{asChild:!0,children:(0,o.jsx)(y,{variant:"ghost",size:"icon",className:"size-6 rounded-md",onClick:e,children:(0,o.jsx)(f.X,{className:"size-3.5"})})}),(0,o.jsxs)(P,{sideOffset:10,className:"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foreground bg-secondary [&>span]:hidden",children:[(0,o.jsx)("p",{children:"Clear selection"}),(0,o.jsx)("kbd",{className:"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm",children:(0,o.jsx)("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]})}0&&(module.exports={DataTemplateActionBar,DataTemplateActionBarAction,DataTemplateActionBarSelection});
|
|
3
|
+
//# sourceMappingURL=data-template-action-bar.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/data/data-template/data-template-action-bar.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/separator.tsx","../../../../src/components/ui/tooltip.tsx"],"sourcesContent":["import { Button } from \"../../ui/button.jsx\"\nimport { Separator } from \"../../ui/separator.jsx\"\nimport { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from \"../../ui/tooltip.jsx\"\nimport { cn } from \"../../../lib/utils.js\"\nimport { Loader, X } from \"lucide-react\"\nimport { AnimatePresence, motion } from \"framer-motion\"\nimport * as React from \"react\"\nimport * as ReactDOM from \"react-dom\"\nimport type {\n DataTemplateController,\n DataTemplateActionBarProps,\n DataTemplateActionBarActionProps,\n} from \"./data-template-types.js\"\n\nfunction DataTemplateActionBar<T>({\n controller,\n visible: visibleProp,\n container: containerProp,\n children,\n className,\n ...props\n}: DataTemplateActionBarProps<T> & React.ComponentProps<typeof motion.div>) {\n const [mounted, setMounted] = React.useState(false)\n\n React.useLayoutEffect(() => {\n setMounted(true)\n }, [])\n\n React.useEffect(() => {\n function onKeyDown(event: KeyboardEvent) {\n if (event.key === \"Escape\" && controller) {\n controller.clearSelection()\n }\n }\n\n window.addEventListener(\"keydown\", onKeyDown)\n return () => window.removeEventListener(\"keydown\", onKeyDown)\n }, [controller])\n\n const container = containerProp ?? (mounted ? globalThis.document?.body : null)\n\n if (!container || !controller) return null\n\n const selectedItems = controller.getSelectedItems()\n const visible = visibleProp ?? selectedItems.length > 0\n\n return ReactDOM.createPortal(\n <AnimatePresence>\n {visible && (\n <motion.div\n role=\"toolbar\"\n aria-orientation=\"horizontal\"\n initial={{ opacity: 0, y: 20 }}\n animate={{ opacity: 1, y: 0 }}\n exit={{ opacity: 0, y: 20 }}\n transition={{ duration: 0.3, ease: \"easeInOut\" }}\n className={cn(\n \"fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-8 ring-primary/5\",\n className,\n )}\n {...props}\n >\n <TooltipProvider>{children}</TooltipProvider>\n </motion.div>\n )}\n </AnimatePresence>,\n container,\n )\n}\n\nfunction DataTemplateActionBarAction({\n size = \"sm\",\n variant = \"secondary\",\n tooltip,\n isPending,\n disabled,\n className,\n children,\n onClick,\n ...props\n}: DataTemplateActionBarActionProps) {\n const trigger = (\n <Button\n variant={variant}\n size={size}\n className={cn(\n \"gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200\",\n size === \"icon\" ? \"size-8\" : \"h-8 px-3\",\n className,\n )}\n disabled={disabled || isPending}\n onClick={onClick}\n {...props}\n >\n {isPending ? <Loader className=\"animate-spin\" /> : children}\n </Button>\n )\n\n if (!tooltip) return trigger\n\n return (\n <Tooltip>\n <TooltipTrigger asChild>{trigger}</TooltipTrigger>\n <TooltipContent\n sideOffset={8}\n className=\"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden\"\n >\n <p>{tooltip}</p>\n </TooltipContent>\n </Tooltip>\n )\n}\n\ninterface DataTemplateActionBarSelectionProps<T> {\n controller: DataTemplateController<T>\n}\n\nfunction DataTemplateActionBarSelection<T>({ controller }: DataTemplateActionBarSelectionProps<T>) {\n const onClearSelection = React.useCallback(() => {\n if (controller) {\n controller.clearSelection()\n }\n }, [controller])\n\n if (!controller) return null\n\n const selectedItems = controller.getSelectedItems()\n\n return (\n <div className=\"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3\">\n <span className=\"whitespace-nowrap text-sm font-medium\">{selectedItems.length} selected</span>\n <Separator orientation=\"vertical\" className=\"mr-2 ml-3 data-[orientation=vertical]:h-4\" />\n <Tooltip>\n <TooltipTrigger asChild>\n <Button variant=\"ghost\" size=\"icon\" className=\"size-6 rounded-md\" onClick={onClearSelection}>\n <X className=\"size-3.5\" />\n </Button>\n </TooltipTrigger>\n <TooltipContent\n sideOffset={10}\n className=\"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foreground bg-secondary [&>span]:hidden\"\n >\n <p>Clear selection</p>\n <kbd className=\"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm\">\n <abbr title=\"Escape\" className=\"no-underline\">\n Esc\n </abbr>\n </kbd>\n </TooltipContent>\n </Tooltip>\n </div>\n )\n}\n\nexport { DataTemplateActionBar, DataTemplateActionBarAction, DataTemplateActionBarSelection }\n","import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n {\n variants: {\n variant: {\n default:\n \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n destructive:\n \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n outline:\n \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 dark:focus-visible:border-ring\",\n secondary:\n \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n ghost:\n \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }) {\n const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}","import * as React from \"react\"\nimport { Separator as SeparatorPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Separator({\n className,\n orientation = \"horizontal\",\n decorative = true,\n ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator-root\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Separator }\n","import * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction TooltipProvider({\n delayDuration = 0,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n return (\n <TooltipPrimitive.Provider\n data-slot=\"tooltip-provider\"\n delayDuration={delayDuration}\n {...props}\n />\n )\n}\n\nfunction Tooltip({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n return (\n <TooltipProvider>\n <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n </TooltipProvider>\n )\n}\n\nfunction TooltipTrigger({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n className,\n sideOffset = 0,\n children,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n sideOffset={sideOffset}\n className={cn(\n \"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n className\n )}\n {...props}\n >\n {children}\n <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":";0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,2BAAAE,EAAA,gCAAAC,EAAA,mCAAAC,IAAA,eAAAC,EAAAL,GCCA,IAAAM,EAAsC,oBACtCC,EAAuC,oCCFvC,IAAAC,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CD6CI,IAAAC,EAAA,6BA5CEC,KAAiB,OACrB,6cACA,CACE,SAAU,CACR,QAAS,CACP,QACE,mEACF,YACE,8JACF,QACE,uKACF,UACE,yEACF,MACE,uEACF,KAAM,iDACR,EACA,KAAM,CACJ,QAAS,gCACT,GAAI,gDACJ,GAAI,uCACJ,KAAM,QACR,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EAEA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAGK,CACH,IAAMC,EAAOF,EAAU,EAAAG,KAAc,KAAO,SAE5C,SACE,OAACD,EAAA,CACC,YAAU,SACV,UAAWE,EAAGT,EAAe,CAAE,QAAAG,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,CAAC,EACzD,GAAGI,EACN,CAEJ,CEvDA,IAAAI,EAAgD,oBAW5C,IAAAC,EAAA,6BAPJ,SAASC,EAAU,CACjB,UAAAC,EACA,YAAAC,EAAc,aACd,WAAAC,EAAa,GACb,GAAGC,CACL,EAAyD,CACvD,SACE,OAAC,EAAAC,UAAmB,KAAnB,CACC,YAAU,iBACV,WAAYF,EACZ,YAAaD,EACb,UAAWI,EACT,iKACAL,CACF,EACC,GAAGG,EACN,CAEJ,CCtBA,IAAAG,EAA4C,oBASxC,IAAAC,EAAA,6BALJ,SAASC,EAAgB,CACvB,cAAAC,EAAgB,EAChB,GAAGC,CACL,EAA2D,CACzD,SACE,OAAC,EAAAC,QAAiB,SAAjB,CACC,YAAU,mBACV,cAAeF,EACd,GAAGC,EACN,CAEJ,CAEA,SAASE,EAAQ,CACf,GAAGF,CACL,EAAuD,CACrD,SACE,OAACF,EAAA,CACC,mBAAC,EAAAG,QAAiB,KAAjB,CAAsB,YAAU,UAAW,GAAGD,EAAO,EACxD,CAEJ,CAEA,SAASG,EAAe,CACtB,GAAGH,CACL,EAA0D,CACxD,SAAO,OAAC,EAAAC,QAAiB,QAAjB,CAAyB,YAAU,kBAAmB,GAAGD,EAAO,CAC1E,CAEA,SAASI,EAAe,CACtB,UAAAC,EACA,WAAAC,EAAa,EACb,SAAAC,EACA,GAAGP,CACL,EAA0D,CACxD,SACE,OAAC,EAAAC,QAAiB,OAAjB,CACC,oBAAC,EAAAA,QAAiB,QAAjB,CACC,YAAU,kBACV,WAAYK,EACZ,UAAWE,EACT,yaACAH,CACF,EACC,GAAGL,EAEH,UAAAO,KACD,OAAC,EAAAN,QAAiB,MAAjB,CAAuB,UAAU,+FAA+F,GACnI,EACF,CAEJ,CJpDA,IAAAQ,EAA0B,wBAC1BC,EAAwC,yBACxCC,EAAuB,sBACvBC,EAA0B,0BAuDhBC,EAAA,6BAhDV,SAASC,EAAyB,CAChC,WAAAC,EACA,QAASC,EACT,UAAWC,EACX,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAA4E,CAC1E,GAAM,CAACC,EAASC,CAAU,EAAU,WAAS,EAAK,EAE5C,kBAAgB,IAAM,CAC1BA,EAAW,EAAI,CACjB,EAAG,CAAC,CAAC,EAEC,YAAU,IAAM,CACpB,SAASC,EAAUC,EAAsB,CACnCA,EAAM,MAAQ,UAAYT,GAC5BA,EAAW,eAAe,CAE9B,CAEA,cAAO,iBAAiB,UAAWQ,CAAS,EACrC,IAAM,OAAO,oBAAoB,UAAWA,CAAS,CAC9D,EAAG,CAACR,CAAU,CAAC,EAEf,IAAMU,EAAYR,IAAkBI,EAAU,WAAW,UAAU,KAAO,MAE1E,GAAI,CAACI,GAAa,CAACV,EAAY,OAAO,KAEtC,IAAMW,EAAgBX,EAAW,iBAAiB,EAC5CY,EAAUX,GAAeU,EAAc,OAAS,EAEtD,OAAgB,kBACd,OAAC,mBACE,SAAAC,MACC,OAAC,SAAO,IAAP,CACC,KAAK,UACL,mBAAiB,aACjB,QAAS,CAAE,QAAS,EAAG,EAAG,EAAG,EAC7B,QAAS,CAAE,QAAS,EAAG,EAAG,CAAE,EAC5B,KAAM,CAAE,QAAS,EAAG,EAAG,EAAG,EAC1B,WAAY,CAAE,SAAU,GAAK,KAAM,WAAY,EAC/C,UAAWC,EACT,0LACAT,CACF,EACC,GAAGC,EAEJ,mBAACS,EAAA,CAAiB,SAAAX,EAAS,EAC7B,EAEJ,EACAO,CACF,CACF,CAEA,SAASK,EAA4B,CACnC,KAAAC,EAAO,KACP,QAAAC,EAAU,YACV,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAhB,EACA,SAAAD,EACA,QAAAkB,EACA,GAAGhB,CACL,EAAqC,CACnC,IAAMiB,KACJ,OAACC,EAAA,CACC,QAASN,EACT,KAAMD,EACN,UAAWH,EACT,+GACAG,IAAS,OAAS,SAAW,WAC7BZ,CACF,EACA,SAAUgB,GAAYD,EACtB,QAASE,EACR,GAAGhB,EAEH,SAAAc,KAAY,OAAC,UAAO,UAAU,eAAe,EAAKhB,EACrD,EAGF,OAAKe,KAGH,QAACM,EAAA,CACC,oBAACC,EAAA,CAAe,QAAO,GAAE,SAAAH,EAAQ,KACjC,OAACI,EAAA,CACC,WAAY,EACZ,UAAU,+EAEV,mBAAC,KAAG,SAAAR,EAAQ,EACd,GACF,EAXmBI,CAavB,CAMA,SAASK,EAAkC,CAAE,WAAA3B,CAAW,EAA2C,CACjG,IAAM4B,EAAyB,cAAY,IAAM,CAC3C5B,GACFA,EAAW,eAAe,CAE9B,EAAG,CAACA,CAAU,CAAC,EAEf,GAAI,CAACA,EAAY,OAAO,KAExB,IAAMW,EAAgBX,EAAW,iBAAiB,EAElD,SACE,QAAC,OAAI,UAAU,gEACb,qBAAC,QAAK,UAAU,wCAAyC,UAAAW,EAAc,OAAO,aAAS,KACvF,OAACkB,EAAA,CAAU,YAAY,WAAW,UAAU,4CAA4C,KACxF,QAACL,EAAA,CACC,oBAACC,EAAA,CAAe,QAAO,GACrB,mBAACF,EAAA,CAAO,QAAQ,QAAQ,KAAK,OAAO,UAAU,oBAAoB,QAASK,EACzE,mBAAC,KAAE,UAAU,WAAW,EAC1B,EACF,KACA,QAACF,EAAA,CACC,WAAY,GACZ,UAAU,iHAEV,oBAAC,KAAE,2BAAe,KAClB,OAAC,OAAI,UAAU,mHACb,mBAAC,QAAK,MAAM,SAAS,UAAU,eAAe,eAE9C,EACF,GACF,GACF,GACF,CAEJ","names":["data_template_action_bar_exports","__export","DataTemplateActionBar","DataTemplateActionBarAction","DataTemplateActionBarSelection","__toCommonJS","import_radix_ui","import_class_variance_authority","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","buttonVariants","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","import_radix_ui","import_jsx_runtime","Separator","className","orientation","decorative","props","SeparatorPrimitive","cn","import_radix_ui","import_jsx_runtime","TooltipProvider","delayDuration","props","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","cn","import_lucide_react","import_framer_motion","React","ReactDOM","import_jsx_runtime","DataTemplateActionBar","controller","visibleProp","containerProp","children","className","props","mounted","setMounted","onKeyDown","event","container","selectedItems","visible","cn","TooltipProvider","DataTemplateActionBarAction","size","variant","tooltip","isPending","disabled","onClick","trigger","Button","Tooltip","TooltipTrigger","TooltipContent","DataTemplateActionBarSelection","onClearSelection","Separator"]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { motion } from 'framer-motion';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { DataTemplateActionBarProps, DataTemplateActionBarActionProps, DataTemplateController } from './data-template-types.cjs';
|
|
5
|
+
import 'lucide-react';
|
|
6
|
+
|
|
7
|
+
declare function DataTemplateActionBar<T>({ controller, visible: visibleProp, container: containerProp, children, className, ...props }: DataTemplateActionBarProps<T> & React.ComponentProps<typeof motion.div>): React.ReactPortal | null;
|
|
8
|
+
declare function DataTemplateActionBarAction({ size, variant, tooltip, isPending, disabled, className, children, onClick, ...props }: DataTemplateActionBarActionProps): react_jsx_runtime.JSX.Element;
|
|
9
|
+
interface DataTemplateActionBarSelectionProps<T> {
|
|
10
|
+
controller: DataTemplateController<T>;
|
|
11
|
+
}
|
|
12
|
+
declare function DataTemplateActionBarSelection<T>({ controller }: DataTemplateActionBarSelectionProps<T>): react_jsx_runtime.JSX.Element | null;
|
|
13
|
+
|
|
14
|
+
export { DataTemplateActionBar, DataTemplateActionBarAction, DataTemplateActionBarSelection };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { motion } from 'framer-motion';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { DataTemplateActionBarProps, DataTemplateActionBarActionProps, DataTemplateController } from './data-template-types.js';
|
|
5
|
+
import 'lucide-react';
|
|
6
|
+
|
|
7
|
+
declare function DataTemplateActionBar<T>({ controller, visible: visibleProp, container: containerProp, children, className, ...props }: DataTemplateActionBarProps<T> & React.ComponentProps<typeof motion.div>): React.ReactPortal | null;
|
|
8
|
+
declare function DataTemplateActionBarAction({ size, variant, tooltip, isPending, disabled, className, children, onClick, ...props }: DataTemplateActionBarActionProps): react_jsx_runtime.JSX.Element;
|
|
9
|
+
interface DataTemplateActionBarSelectionProps<T> {
|
|
10
|
+
controller: DataTemplateController<T>;
|
|
11
|
+
}
|
|
12
|
+
declare function DataTemplateActionBarSelection<T>({ controller }: DataTemplateActionBarSelectionProps<T>): react_jsx_runtime.JSX.Element | null;
|
|
13
|
+
|
|
14
|
+
export { DataTemplateActionBar, DataTemplateActionBarAction, DataTemplateActionBarSelection };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import{Slot as S}from"radix-ui";import{cva as N}from"class-variance-authority";import{clsx as R}from"clsx";import{twMerge as z}from"tailwind-merge";function a(...t){return z(R(t))}import{jsx as D}from"react/jsx-runtime";var A=N("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 dark:focus-visible:border-ring",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function v({className:t,variant:o,size:r,asChild:i=!1,...l}){let p=i?S.Slot:"button";return D(p,{"data-slot":"button",className:a(A({variant:o,size:r,className:t})),...l})}import{Separator as B}from"radix-ui";import{jsx as E}from"react/jsx-runtime";function P({className:t,orientation:o="horizontal",decorative:r=!0,...i}){return E(B.Root,{"data-slot":"separator-root",decorative:r,orientation:o,className:a("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",t),...i})}import{Tooltip as s}from"radix-ui";import{jsx as d,jsxs as V}from"react/jsx-runtime";function b({delayDuration:t=0,...o}){return d(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function y({...t}){return d(b,{children:d(s.Root,{"data-slot":"tooltip",...t})})}function h({...t}){return d(s.Trigger,{"data-slot":"tooltip-trigger",...t})}function x({className:t,sideOffset:o=0,children:r,...i}){return d(s.Portal,{children:V(s.Content,{"data-slot":"tooltip-content",sideOffset:o,className:a("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",t),...i,children:[r,d(s.Arrow,{className:"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}import{Loader as O,X as I}from"lucide-react";import{AnimatePresence as _,motion as L}from"framer-motion";import*as n from"react";import*as C from"react-dom";import{jsx as e,jsxs as c}from"react/jsx-runtime";function st({controller:t,visible:o,container:r,children:i,className:l,...p}){let[f,g]=n.useState(!1);n.useLayoutEffect(()=>{g(!0)},[]),n.useEffect(()=>{function T(k){k.key==="Escape"&&t&&t.clearSelection()}return window.addEventListener("keydown",T),()=>window.removeEventListener("keydown",T)},[t]);let m=r??(f?globalThis.document?.body:null);if(!m||!t)return null;let u=t.getSelectedItems(),w=o??u.length>0;return C.createPortal(e(_,{children:w&&e(L.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.3,ease:"easeInOut"},className:a("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-8 ring-primary/5",l),...p,children:e(b,{children:i})})}),m)}function dt({size:t="sm",variant:o="secondary",tooltip:r,isPending:i,disabled:l,className:p,children:f,onClick:g,...m}){let u=e(v,{variant:o,size:t,className:a("gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200",t==="icon"?"size-8":"h-8 px-3",p),disabled:l||i,onClick:g,...m,children:i?e(O,{className:"animate-spin"}):f});return r?c(y,{children:[e(h,{asChild:!0,children:u}),e(x,{sideOffset:8,className:"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden",children:e("p",{children:r})})]}):u}function lt({controller:t}){let o=n.useCallback(()=>{t&&t.clearSelection()},[t]);if(!t)return null;let r=t.getSelectedItems();return c("div",{className:"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3",children:[c("span",{className:"whitespace-nowrap text-sm font-medium",children:[r.length," selected"]}),e(P,{orientation:"vertical",className:"mr-2 ml-3 data-[orientation=vertical]:h-4"}),c(y,{children:[e(h,{asChild:!0,children:e(v,{variant:"ghost",size:"icon",className:"size-6 rounded-md",onClick:o,children:e(I,{className:"size-3.5"})})}),c(x,{sideOffset:10,className:"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foreground bg-secondary [&>span]:hidden",children:[e("p",{children:"Clear selection"}),e("kbd",{className:"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm",children:e("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]})}export{st as DataTemplateActionBar,dt as DataTemplateActionBarAction,lt as DataTemplateActionBarSelection};
|
|
3
|
+
//# sourceMappingURL=data-template-action-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/separator.tsx","../../../../src/components/ui/tooltip.tsx","../../../../src/components/data/data-template/data-template-action-bar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n {\n variants: {\n variant: {\n default:\n \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n destructive:\n \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n outline:\n \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 dark:focus-visible:border-ring\",\n secondary:\n \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n ghost:\n \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }) {\n const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n />\n )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}","import * as React from \"react\"\nimport { Separator as SeparatorPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Separator({\n className,\n orientation = \"horizontal\",\n decorative = true,\n ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator-root\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Separator }\n","import * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction TooltipProvider({\n delayDuration = 0,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n return (\n <TooltipPrimitive.Provider\n data-slot=\"tooltip-provider\"\n delayDuration={delayDuration}\n {...props}\n />\n )\n}\n\nfunction Tooltip({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n return (\n <TooltipProvider>\n <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n </TooltipProvider>\n )\n}\n\nfunction TooltipTrigger({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n className,\n sideOffset = 0,\n children,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n sideOffset={sideOffset}\n className={cn(\n \"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n className\n )}\n {...props}\n >\n {children}\n <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n","import { Button } from \"../../ui/button.jsx\"\nimport { Separator } from \"../../ui/separator.jsx\"\nimport { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from \"../../ui/tooltip.jsx\"\nimport { cn } from \"../../../lib/utils.js\"\nimport { Loader, X } from \"lucide-react\"\nimport { AnimatePresence, motion } from \"framer-motion\"\nimport * as React from \"react\"\nimport * as ReactDOM from \"react-dom\"\nimport type {\n DataTemplateController,\n DataTemplateActionBarProps,\n DataTemplateActionBarActionProps,\n} from \"./data-template-types.js\"\n\nfunction DataTemplateActionBar<T>({\n controller,\n visible: visibleProp,\n container: containerProp,\n children,\n className,\n ...props\n}: DataTemplateActionBarProps<T> & React.ComponentProps<typeof motion.div>) {\n const [mounted, setMounted] = React.useState(false)\n\n React.useLayoutEffect(() => {\n setMounted(true)\n }, [])\n\n React.useEffect(() => {\n function onKeyDown(event: KeyboardEvent) {\n if (event.key === \"Escape\" && controller) {\n controller.clearSelection()\n }\n }\n\n window.addEventListener(\"keydown\", onKeyDown)\n return () => window.removeEventListener(\"keydown\", onKeyDown)\n }, [controller])\n\n const container = containerProp ?? (mounted ? globalThis.document?.body : null)\n\n if (!container || !controller) return null\n\n const selectedItems = controller.getSelectedItems()\n const visible = visibleProp ?? selectedItems.length > 0\n\n return ReactDOM.createPortal(\n <AnimatePresence>\n {visible && (\n <motion.div\n role=\"toolbar\"\n aria-orientation=\"horizontal\"\n initial={{ opacity: 0, y: 20 }}\n animate={{ opacity: 1, y: 0 }}\n exit={{ opacity: 0, y: 20 }}\n transition={{ duration: 0.3, ease: \"easeInOut\" }}\n className={cn(\n \"fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-xl border bg-primary/10 backdrop-blur-sm p-3 text-foreground ring-8 ring-primary/5\",\n className,\n )}\n {...props}\n >\n <TooltipProvider>{children}</TooltipProvider>\n </motion.div>\n )}\n </AnimatePresence>,\n container,\n )\n}\n\nfunction DataTemplateActionBarAction({\n size = \"sm\",\n variant = \"secondary\",\n tooltip,\n isPending,\n disabled,\n className,\n children,\n onClick,\n ...props\n}: DataTemplateActionBarActionProps) {\n const trigger = (\n <Button\n variant={variant}\n size={size}\n className={cn(\n \"gap-1.5 rounded-lg border border-secondary bg-secondary/50 hover:bg-secondary/70 transition-all duration-200\",\n size === \"icon\" ? \"size-8\" : \"h-8 px-3\",\n className,\n )}\n disabled={disabled || isPending}\n onClick={onClick}\n {...props}\n >\n {isPending ? <Loader className=\"animate-spin\" /> : children}\n </Button>\n )\n\n if (!tooltip) return trigger\n\n return (\n <Tooltip>\n <TooltipTrigger asChild>{trigger}</TooltipTrigger>\n <TooltipContent\n sideOffset={8}\n className=\"rounded-lg border font-semibold text-foreground bg-secondary [&>span]:hidden\"\n >\n <p>{tooltip}</p>\n </TooltipContent>\n </Tooltip>\n )\n}\n\ninterface DataTemplateActionBarSelectionProps<T> {\n controller: DataTemplateController<T>\n}\n\nfunction DataTemplateActionBarSelection<T>({ controller }: DataTemplateActionBarSelectionProps<T>) {\n const onClearSelection = React.useCallback(() => {\n if (controller) {\n controller.clearSelection()\n }\n }, [controller])\n\n if (!controller) return null\n\n const selectedItems = controller.getSelectedItems()\n\n return (\n <div className=\"flex h-8 items-center rounded-lg border bg-muted/50 pr-1 pl-3\">\n <span className=\"whitespace-nowrap text-sm font-medium\">{selectedItems.length} selected</span>\n <Separator orientation=\"vertical\" className=\"mr-2 ml-3 data-[orientation=vertical]:h-4\" />\n <Tooltip>\n <TooltipTrigger asChild>\n <Button variant=\"ghost\" size=\"icon\" className=\"size-6 rounded-md\" onClick={onClearSelection}>\n <X className=\"size-3.5\" />\n </Button>\n </TooltipTrigger>\n <TooltipContent\n sideOffset={10}\n className=\"flex items-center gap-2 rounded-lg border px-3 py-2 font-semibold text-foreground bg-secondary [&>span]:hidden\"\n >\n <p>Clear selection</p>\n <kbd className=\"select-none rounded border bg-primary/50 px-2 py-1 font-mono font-normal text-[0.7rem] text-foreground shadow-sm\">\n <abbr title=\"Escape\" className=\"no-underline\">\n Esc\n </abbr>\n </kbd>\n </TooltipContent>\n </Tooltip>\n </div>\n )\n}\n\nexport { DataTemplateActionBar, DataTemplateActionBarAction, DataTemplateActionBarSelection }\n"],"mappings":"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","names":["SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","SeparatorPrimitive","jsx","Separator","className","orientation","decorative","props","SeparatorPrimitive","cn","TooltipPrimitive","jsx","jsxs","TooltipProvider","delayDuration","props","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","cn","Loader","X","AnimatePresence","motion","React","ReactDOM","jsx","jsxs","DataTemplateActionBar","controller","visibleProp","containerProp","children","className","props","mounted","setMounted","onKeyDown","event","container","selectedItems","visible","cn","TooltipProvider","DataTemplateActionBarAction","size","variant","tooltip","isPending","disabled","onClick","trigger","Button","Tooltip","TooltipTrigger","TooltipContent","DataTemplateActionBarSelection","onClearSelection","Separator"]}
|