@sikka/hawa 0.42.7-next → 0.42.8-next

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.
Files changed (16) hide show
  1. package/dist/dataTable/index.d.mts +2 -1
  2. package/dist/dataTable/index.d.ts +2 -1
  3. package/dist/dataTable/index.js +4 -0
  4. package/dist/dataTable/index.js.map +1 -1
  5. package/dist/dataTable/index.mjs +4 -0
  6. package/dist/dataTable/index.mjs.map +1 -1
  7. package/dist/elements/index.d.mts +2 -1
  8. package/dist/elements/index.d.ts +2 -1
  9. package/dist/elements/index.js +4 -0
  10. package/dist/elements/index.mjs +4 -0
  11. package/dist/index.css +3 -19
  12. package/dist/index.d.mts +2 -1
  13. package/dist/index.d.ts +2 -1
  14. package/dist/index.js +4 -0
  15. package/dist/index.mjs +4 -0
  16. package/package.json +1 -1
package/dist/elements/index.d.mts CHANGED
@@ -355,6 +355,7 @@ type DataTableProps<DataProps = {}> = {
355
355
  enableGoTo?: boolean;
356
356
  enableSelection?: boolean;
357
357
  enableFiltering?: boolean;
358
+ resetSelection?: boolean;
358
359
  filters?: {
359
360
  accessorKey: string;
360
361
  value: string;
@@ -393,7 +394,7 @@ declare module "@tanstack/table-core" {
393
394
  i18nKey?: string;
394
395
  }
395
396
  }
396
- declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSelection, enableFiltering, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React.JSX.Element;
397
+ declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, resetSelection, enableHideColumns, enableSelection, enableFiltering, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React.JSX.Element;
397
398
 
398
399
  type BackToTopTypes = {
399
400
  /** Horizontal padding relative to the attached corner */
package/dist/elements/index.d.ts CHANGED
@@ -355,6 +355,7 @@ type DataTableProps<DataProps = {}> = {
355
355
  enableGoTo?: boolean;
356
356
  enableSelection?: boolean;
357
357
  enableFiltering?: boolean;
358
+ resetSelection?: boolean;
358
359
  filters?: {
359
360
  accessorKey: string;
360
361
  value: string;
@@ -393,7 +394,7 @@ declare module "@tanstack/table-core" {
393
394
  i18nKey?: string;
394
395
  }
395
396
  }
396
- declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSelection, enableFiltering, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React.JSX.Element;
397
+ declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, resetSelection, enableHideColumns, enableSelection, enableFiltering, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React.JSX.Element;
397
398
 
398
399
  type BackToTopTypes = {
399
400
  /** Horizontal padding relative to the attached corner */
package/dist/elements/index.js CHANGED
@@ -3231,6 +3231,7 @@ var DataTable = ({
3231
3231
  data,
3232
3232
  paginationPosition = "bottom",
3233
3233
  translateFn,
3234
+ resetSelection,
3234
3235
  enableHideColumns,
3235
3236
  enableSelection,
3236
3237
  enableFiltering,
@@ -3317,6 +3318,9 @@ var DataTable = ({
3317
3318
  React24.useEffect(() => {
3318
3319
  localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(columnVisibility));
3319
3320
  }, [columnVisibility]);
3321
+ React24.useEffect(() => {
3322
+ setRowSelection({});
3323
+ }, [resetSelection]);
3320
3324
  React24.useEffect(() => {
3321
3325
  setColumnVisibility((prev) => {
3322
3326
  let newColumnVisibility = {};
package/dist/elements/index.mjs CHANGED
@@ -938,6 +938,7 @@ var DataTable = ({
938
938
  data,
939
939
  paginationPosition = "bottom",
940
940
  translateFn,
941
+ resetSelection,
941
942
  enableHideColumns,
942
943
  enableSelection,
943
944
  enableFiltering,
@@ -1024,6 +1025,9 @@ var DataTable = ({
1024
1025
  React10.useEffect(() => {
1025
1026
  localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(columnVisibility));
1026
1027
  }, [columnVisibility]);
1028
+ React10.useEffect(() => {
1029
+ setRowSelection({});
1030
+ }, [resetSelection]);
1027
1031
  React10.useEffect(() => {
1028
1032
  setColumnVisibility((prev) => {
1029
1033
  let newColumnVisibility = {};
package/dist/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
2
+ ! tailwindcss v3.4.5 | MIT License | https://tailwindcss.com
3
3
  *//*
4
4
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
5
5
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -1798,10 +1798,6 @@ input[type="number"]::-webkit-inner-spin-button,
1798
1798
  --tw-translate-y: -100%;
1799
1799
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1800
1800
  }
1801
- .hawa--translate-x-0 {
1802
- --tw-translate-x: -0px;
1803
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1804
- }
1805
1801
  .hawa--translate-x-0\.5 {
1806
1802
  --tw-translate-x: -0.125rem;
1807
1803
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1810,10 +1806,6 @@ input[type="number"]::-webkit-inner-spin-button,
1810
1806
  --tw-translate-y: -50%;
1811
1807
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1812
1808
  }
1813
- .hawa-translate-x-0 {
1814
- --tw-translate-x: 0px;
1815
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1816
- }
1817
1809
  .hawa-translate-x-0\.5 {
1818
1810
  --tw-translate-x: 0.125rem;
1819
1811
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -3164,12 +3156,12 @@ input[type="number"]::-webkit-inner-spin-button,
3164
3156
  .hawa-backdrop-blur-\[2px\] {
3165
3157
  --tw-backdrop-blur: blur(2px);
3166
3158
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
3167
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
3159
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
3168
3160
  }
3169
3161
  .hawa-backdrop-blur-sm {
3170
3162
  --tw-backdrop-blur: blur(4px);
3171
3163
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
3172
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
3164
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
3173
3165
  }
3174
3166
  .hawa-transition {
3175
3167
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
@@ -3641,18 +3633,10 @@ body {
3641
3633
  .focus-visible\:hawa-ring-offset-2:focus-visible {
3642
3634
  --tw-ring-offset-width: 2px;
3643
3635
  }
3644
- .active\:hawa-translate-x-0:active {
3645
- --tw-translate-x: 0px;
3646
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3647
- }
3648
3636
  .active\:hawa-translate-x-0\.5:active {
3649
3637
  --tw-translate-x: 0.125rem;
3650
3638
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3651
3639
  }
3652
- .active\:hawa-translate-y-0:active {
3653
- --tw-translate-y: 0px;
3654
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3655
- }
3656
3640
  .active\:hawa-translate-y-0\.5:active {
3657
3641
  --tw-translate-y: 0.125rem;
3658
3642
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
package/dist/index.d.mts CHANGED
@@ -503,6 +503,7 @@ type DataTableProps<DataProps = {}> = {
503
503
  enableGoTo?: boolean;
504
504
  enableSelection?: boolean;
505
505
  enableFiltering?: boolean;
506
+ resetSelection?: boolean;
506
507
  filters?: {
507
508
  accessorKey: string;
508
509
  value: string;
@@ -541,7 +542,7 @@ declare module "@tanstack/table-core" {
541
542
  i18nKey?: string;
542
543
  }
543
544
  }
544
- declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSelection, enableFiltering, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
545
+ declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, resetSelection, enableHideColumns, enableSelection, enableFiltering, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
545
546
 
546
547
  type BackToTopTypes = {
547
548
  /** Horizontal padding relative to the attached corner */
package/dist/index.d.ts CHANGED
@@ -503,6 +503,7 @@ type DataTableProps<DataProps = {}> = {
503
503
  enableGoTo?: boolean;
504
504
  enableSelection?: boolean;
505
505
  enableFiltering?: boolean;
506
+ resetSelection?: boolean;
506
507
  filters?: {
507
508
  accessorKey: string;
508
509
  value: string;
@@ -541,7 +542,7 @@ declare module "@tanstack/table-core" {
541
542
  i18nKey?: string;
542
543
  }
543
544
  }
544
- declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSelection, enableFiltering, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
545
+ declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, resetSelection, enableHideColumns, enableSelection, enableFiltering, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
545
546
 
546
547
  type BackToTopTypes = {
547
548
  /** Horizontal padding relative to the attached corner */
package/dist/index.js CHANGED
@@ -3306,6 +3306,7 @@ var DataTable = ({
3306
3306
  data,
3307
3307
  paginationPosition = "bottom",
3308
3308
  translateFn,
3309
+ resetSelection,
3309
3310
  enableHideColumns,
3310
3311
  enableSelection,
3311
3312
  enableFiltering,
@@ -3392,6 +3393,9 @@ var DataTable = ({
3392
3393
  React24.useEffect(() => {
3393
3394
  localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(columnVisibility));
3394
3395
  }, [columnVisibility]);
3396
+ React24.useEffect(() => {
3397
+ setRowSelection({});
3398
+ }, [resetSelection]);
3395
3399
  React24.useEffect(() => {
3396
3400
  setColumnVisibility((prev) => {
3397
3401
  let newColumnVisibility = {};
package/dist/index.mjs CHANGED
@@ -3062,6 +3062,7 @@ var DataTable = ({
3062
3062
  data,
3063
3063
  paginationPosition = "bottom",
3064
3064
  translateFn,
3065
+ resetSelection,
3065
3066
  enableHideColumns,
3066
3067
  enableSelection,
3067
3068
  enableFiltering,
@@ -3148,6 +3149,9 @@ var DataTable = ({
3148
3149
  React24.useEffect(() => {
3149
3150
  localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(columnVisibility));
3150
3151
  }, [columnVisibility]);
3152
+ React24.useEffect(() => {
3153
+ setRowSelection({});
3154
+ }, [resetSelection]);
3151
3155
  React24.useEffect(() => {
3152
3156
  setColumnVisibility((prev) => {
3153
3157
  let newColumnVisibility = {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.42.7-next",
3
+ "version": "0.42.8-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",