munza-x-data-grid 2.0.3 → 3.0.0-beta.1

package/dist/index.css

@@ -1,352 +0,0 @@
-@layer theme {
-  :host,
-  :root {
-    --mun-color-red-500: oklch(63.7% 0.237 25.331);
-    --mun-color-red-600: oklch(57.7% 0.245 27.325);
-    --mun-color-blue-800: oklch(42.4% 0.199 265.638);
-    --mun-spacing: 0.25rem;
-    --mun-container-md: 28rem;
-    --mun-text-xs: 0.75rem;
-    --mun-text-xs--line-height: calc(1 / 0.75);
-    --mun-text-sm: 0.875rem;
-    --mun-text-sm--line-height: calc(1.25 / 0.875);
-    --mun-text-2xl: 1.5rem;
-    --mun-text-2xl--line-height: calc(2 / 1.5);
-    --mun-font-weight-semibold: 600;
-    --mun-radius-md: 0.375rem;
-    --mun-animate-spin: spin 1s linear infinite;
-    --mun-default-transition-duration: 0.15s;
-    --mun-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  }
-}
-
-@layer components;
-@layer utilities {
-  .mun\:invisible {
-    visibility: hidden;
-  }
-  .mun\:absolute {
-    position: absolute;
-  }
-  .mun\:relative {
-    position: relative;
-  }
-  .mun\:top-1\/2 {
-    top: 50%;
-  }
-  .mun\:left-1\/2 {
-    left: 50%;
-  }
-  .mun\:mb-3 {
-    margin-bottom: calc(var(--mun-spacing) * 3);
-  }
-  .mun\:mb-6 {
-    margin-bottom: calc(var(--mun-spacing) * 6);
-  }
-  .mun\:flex {
-    display: flex;
-  }
-  .mun\:hidden {
-    display: none;
-  }
-  .mun\:inline-flex {
-    display: inline-flex;
-  }
-  .mun\:size-4 {
-    width: calc(var(--mun-spacing) * 4);
-    height: calc(var(--mun-spacing) * 4);
-  }
-  .mun\:size-7 {
-    width: calc(var(--mun-spacing) * 7);
-    height: calc(var(--mun-spacing) * 7);
-  }
-  .mun\:h-4 {
-    height: calc(var(--mun-spacing) * 4);
-  }
-  .mun\:h-5 {
-    height: calc(var(--mun-spacing) * 5);
-  }
-  .mun\:h-8 {
-    height: calc(var(--mun-spacing) * 8);
-  }
-  .mun\:h-\[55vh\] {
-    height: 55vh;
-  }
-  .mun\:h-auto {
-    height: auto;
-  }
-  .mun\:max-h-50 {
-    max-height: calc(var(--mun-spacing) * 50);
-  }
-  .mun\:w-8 {
-    width: calc(var(--mun-spacing) * 8);
-  }
-  .mun\:w-16 {
-    width: calc(var(--mun-spacing) * 16);
-  }
-  .mun\:w-52 {
-    width: calc(var(--mun-spacing) * 52);
-  }
-  .mun\:w-full {
-    width: 100%;
-  }
-  .mun\:max-w-md {
-    max-width: var(--mun-container-md);
-  }
-  .mun\:min-w-5 {
-    min-width: calc(var(--mun-spacing) * 5);
-  }
-  .mun\:flex-1 {
-    flex: 1;
-  }
-  .mun\:-translate-x-1\/2 {
-    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .mun\:-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .mun\:-rotate-45 {
-    rotate: -45deg;
-  }
-  .mun\:rotate-45 {
-    rotate: 45deg;
-  }
-  .mun\:animate-spin {
-    animation: var(--mun-animate-spin);
-  }
-  .mun\:cursor-pointer {
-    cursor: pointer;
-  }
-  .mun\:flex-col {
-    flex-direction: column;
-  }
-  .mun\:flex-wrap {
-    flex-wrap: wrap;
-  }
-  .mun\:items-center {
-    align-items: center;
-  }
-  .mun\:justify-between {
-    justify-content: space-between;
-  }
-  .mun\:justify-center {
-    justify-content: center;
-  }
-  .mun\:gap-1 {
-    gap: calc(var(--mun-spacing) * 1);
-  }
-  .mun\:gap-1\.5 {
-    gap: calc(var(--mun-spacing) * 1.5);
-  }
-  .mun\:gap-2 {
-    gap: calc(var(--mun-spacing) * 2);
-  }
-  .mun\:gap-3 {
-    gap: calc(var(--mun-spacing) * 3);
-  }
-  .mun\:gap-4 {
-    gap: calc(var(--mun-spacing) * 4);
-  }
-  :where(.mun\:space-y-3 > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(
-      calc(var(--mun-spacing) * 3) * var(--tw-space-y-reverse)
-    );
-    margin-block-end: calc(
-      calc(var(--mun-spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
-    );
-  }
-  .mun\:truncate {
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
-  .mun\:overflow-hidden {
-    overflow: hidden;
-  }
-  .mun\:overflow-scroll {
-    overflow: scroll;
-  }
-  .mun\:overflow-x-hidden {
-    overflow-x: hidden;
-  }
-  .mun\:overflow-y-auto {
-    overflow-y: auto;
-  }
-  .mun\:overflow-y-scroll {
-    overflow-y: scroll;
-  }
-  .mun\:rounded-full {
-    border-radius: 3.40282e38px;
-  }
-  .mun\:rounded-md {
-    border-radius: var(--mun-radius-md);
-  }
-  .mun\:rounded-none {
-    border-radius: 0;
-  }
-  .mun\:border {
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-  }
-  .mun\:border-t {
-    border-top-style: var(--tw-border-style);
-    border-top-width: 1px;
-  }
-  .mun\:border-b {
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 1px;
-  }
-  .mun\:border-l {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 1px;
-  }
-  .mun\:border-border {
-    border-color: var(--border);
-  }
-  .mun\:bg-background {
-    background-color: var(--background);
-  }
-  .mun\:bg-muted {
-    background-color: var(--muted);
-  }
-  .mun\:p-0 {
-    padding: calc(var(--mun-spacing) * 0);
-  }
-  .mun\:p-1\.5 {
-    padding: calc(var(--mun-spacing) * 1.5);
-  }
-  .mun\:p-3 {
-    padding: calc(var(--mun-spacing) * 3);
-  }
-  .mun\:px-1\.5 {
-    padding-inline: calc(var(--mun-spacing) * 1.5);
-  }
-  .mun\:px-2 {
-    padding-inline: calc(var(--mun-spacing) * 2);
-  }
-  .mun\:px-3 {
-    padding-inline: calc(var(--mun-spacing) * 3);
-  }
-  .mun\:py-1 {
-    padding-block: calc(var(--mun-spacing) * 1);
-  }
-  .mun\:py-4 {
-    padding-block: calc(var(--mun-spacing) * 4);
-  }
-  .mun\:pr-0 {
-    padding-right: calc(var(--mun-spacing) * 0);
-  }
-  .mun\:text-center {
-    text-align: center;
-  }
-  .mun\:font-mono {
-    font-family: var(--mun-font-mono);
-  }
-  .mun\:text-2xl {
-    font-size: var(--mun-text-2xl);
-    line-height: var(--tw-leading, var(--mun-text-2xl--line-height));
-  }
-  .mun\:text-sm {
-    font-size: var(--mun-text-sm);
-    line-height: var(--tw-leading, var(--mun-text-sm--line-height));
-  }
-  .mun\:text-xs {
-    font-size: var(--mun-text-xs);
-    line-height: var(--tw-leading, var(--mun-text-xs--line-height));
-  }
-  .mun\:font-semibold {
-    --tw-font-weight: var(--mun-font-weight-semibold);
-    font-weight: var(--mun-font-weight-semibold);
-  }
-  .mun\:whitespace-nowrap {
-    white-space: nowrap;
-  }
-  .mun\:text-red-500 {
-    color: var(--mun-color-red-500);
-  }
-  .mun\:text-red-600 {
-    color: var(--mun-color-red-600);
-  }
-  .mun\:capitalize {
-    text-transform: capitalize;
-  }
-  .mun\:tabular-nums {
-    --tw-numeric-spacing: tabular-nums;
-    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,)
-      var(--tw-numeric-figure,) var(--tw-numeric-spacing,)
-      var(--tw-numeric-fraction,);
-  }
-  .mun\:opacity-0 {
-    opacity: 0;
-  }
-  .mun\:transition-all {
-    transition-property: all;
-    transition-timing-function: var(
-      --tw-ease,
-      var(--mun-default-transition-timing-function)
-    );
-    transition-duration: var(
-      --tw-duration,
-      var(--mun-default-transition-duration)
-    );
-  }
-  .mun\:select-none {
-    -webkit-user-select: none;
-    user-select: none;
-  }
-  .mun\:\[scrollbar-color\:transparent_transparent\] {
-    scrollbar-color: transparent transparent;
-  }
-  .mun\:\[writing-mode\:vertical-rl\] {
-    writing-mode: vertical-rl;
-  }
-  :is(.mun\:\*\:border-r > *) {
-    border-right-style: var(--tw-border-style);
-    border-right-width: 1px;
-  }
-  :is(.mun\:\*\:border-border > *) {
-    border-color: var(--border);
-  }
-  @media (hover: hover) {
-    .mun\:hover\:bg-background\!:hover {
-      background-color: var(--background) !important;
-    }
-    .mun\:hover\:bg-transparent:hover {
-      background-color: #0000;
-    }
-  }
-  .mun\:data-\[state\=selected\]\:bg-blue-800\/25[data-state='selected'] {
-    background-color: var(--mun-color-blue-800);
-  }
-  @supports (color: color-mix(in lab, red, red)) {
-    .mun\:data-\[state\=selected\]\:bg-blue-800\/25[data-state='selected'] {
-      background-color: color-mix(
-        in oklab,
-        var(--mun-color-blue-800) 25%,
-        transparent
-      );
-    }
-  }
-  @media (width>=40rem) {
-    .mun\:sm\:flex {
-      display: flex;
-    }
-  }
-}
-:root {
-  --background: oklch(100% 0 0);
-  --foreground: oklch(14.5% 0 0);
-  --border: oklch(92.2% 0 0);
-  --muted: oklch(97% 0 0);
-  --accent: oklch(97% 0 0);
-}
-.dark {
-  --background: oklch(14.5% 0 0);
-  --foreground: oklch(98.5% 0 0);
-  --border: oklch(100% 0 0/0.1);
-  --muted: oklch(26.9% 0 0);
-  --accent: oklch(26.9% 0 0);
-}

package/dist/index.d.ts

@@ -1,5 +0,0 @@
-import { ColumnDef, ColumnFiltersState, PaginationState, Row, SortingState } from '@tanstack/react-table';
-export { Grid } from './core/Grid';
-export { useGridState } from './hooks/useGridState';
-export { useQueryArgs } from './hooks/useQueryArgs';
-export type { ColumnDef, ColumnFiltersState, PaginationState, Row, SortingState, };

package/dist/utils/buildQueryString.d.ts

@@ -1,2 +0,0 @@
-import { ColumnFiltersState } from '@tanstack/react-table';
-export declare const buildQueryParams: (filters: ColumnFiltersState) => string;

package/dist/utils/buildSortString.d.ts

@@ -1,4 +0,0 @@
-export declare function buildSortString(sortOptions: {
-    id: string;
-    desc: boolean;
-}[] | null | undefined): string;

package/dist/utils/getPinStyles.d.ts

@@ -1,3 +0,0 @@
-import { Column } from '@tanstack/react-table';
-import { CSSProperties } from 'react';
-export declare const getPinStyles: <T>(column: Column<T>) => CSSProperties;