@infinite-table/infinite-react 6.2.3 → 6.2.5

package/index.css

@@ -354,7 +354,7 @@
   display: none;
 }
 
-/* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
+/* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
 :root {
   --infinite-loaded: true;
   --infinite-theme-name: default;
@@ -477,6 +477,129 @@
   --infinite-row-pointer-events-while-scrolling: auto;
   --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
 }
+.infinite-theme-mode--light,
+.infinite-theme-mode--light:root {
+  --infinite-loaded: true;
+  --infinite-theme-name: default;
+  --infinite-theme-mode: light;
+  --infinite-icon-size: 24px;
+  --infinite-space-0: 0rem;
+  --infinite-space-1: 0.125rem;
+  --infinite-space-2: 0.25rem;
+  --infinite-space-3: 0.5rem;
+  --infinite-space-4: 0.75rem;
+  --infinite-space-5: 1rem;
+  --infinite-space-6: 1.25rem;
+  --infinite-space-7: 1.5rem;
+  --infinite-space-8: 2.25rem;
+  --infinite-space-9: 3rem;
+  --infinite-space-10: 4rem;
+  --infinite-font-size-0: 0.5rem;
+  --infinite-font-size-1: 0.625rem;
+  --infinite-font-size-2: 0.75rem;
+  --infinite-font-size-3: 0.875rem;
+  --infinite-font-size-4: 1rem;
+  --infinite-font-size-5: 1.25rem;
+  --infinite-font-size-6: 1.5rem;
+  --infinite-font-size-7: 2.25rem;
+  --infinite-font-family: inherit;
+  --infinite-color: #484848;
+  --infinite-accent-color: #0284c7;
+  --infinite-success-color: #7aff7a;
+  --infinite-error-color: #ff0000;
+  --infinite-border-radius: var(--infinite-space-2);
+  --infinite-background: white;
+  --infinite-min-height: 100px;
+  --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
+  --infinite-menu-background: var(--infinite-background);
+  --infinite-menu-color: var(--infinite-cell-color);
+  --infinite-menu-separator-color: currentColor;
+  --infinite-menu-padding: var(--infinite-space-3);
+  --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
+  --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
+  --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
+  --infinite-menu-item-disabled-background: var(--infinite-menu-background);
+  --infinite-menu-item-disabled-opacity: 0.5;
+  --infinite-menu-item-active-background: var(--infinite-row-hover-background);
+  --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
+  --infinite-menu-item-active-opacity: 0.9;
+  --infinite-menu-item-pressed-opacity: 1;
+  --infinite-menu-border-radius: var(--infinite-space-2);
+  --infinite-menu-shadow-color: rgba(0,0,0,0.25);
+  --infinite-rowdetail-background: var(--infinite-row-hover-background);
+  --infinite-rowdetail-padding: var(--infinite-space-2);
+  --infinite-rowdetail-grid-height: 100%;
+  --infinite-load-mask-text-background: rgba(255,255,255,0.8);
+  --infinite-load-mask-overlay-background: gray;
+  --infinite-load-mask-overlay-opacity: 0.3;
+  --infinite-load-mask-color: inherit;
+  --infinite-load-mask-padding: var(--infinite-space-5);
+  --infinite-load-mask-border-radius: var(--infinite-border-radius);
+  --infinite-filter-operator-padding-x: var(--infinite-space-1);
+  --infinite-filter-editor-padding-x: var(--infinite-space-2);
+  --infinite-filter-editor-margin-x: var(--infinite-space-1);
+  --infinite-filter-operator-padding-y: var(--infinite-space-0);
+  --infinite-filter-editor-padding-y: var(--infinite-space-0);
+  --infinite-filter-editor-margin-y: var(--infinite-space-1);
+  --infinite-resize-handle-active-area-width: 16px;
+  --infinite-resize-handle-width: 2px;
+  --infinite-resize-handle-hover-background: var(--infinite-accent-color);
+  --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
+  --infinite-header-cell-background: #ededed;
+  --infinite-header-cell-border-right: var(--infinite-cell-border);
+  --infinite-filter-editor-background: var(--infinite-row-background);
+  --infinite-filter-editor-border: var(--infinite-cell-border);
+  --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
+  --infinite-header-cell-border: var(--infinite-cell-border);
+  --infinite-filter-editor-color: currentColor;
+  --infinite-filter-editor-border-radius: var(--infinite-border-radius);
+  --infinite-header-cell-hover-background: #dfdfdf;
+  --infinite-header-cell-padding-x: var(--infinite-space-3);
+  --infinite-header-cell-padding-y: var(--infinite-space-3);
+  --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
+  --infinite-header-cell-icon-size: 16px;
+  --infinite-header-cell-menu-icon-line-width: 1px;
+  --infinite-header-cell-sort-icon-margin: 16px;
+  --infinite-header-background: var(--infinite-header-cell-background);
+  --infinite-header-color: #6f6f6f;
+  --infinite-column-header-height: 30px;
+  --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
+  --infinite-cell-color: currentColor;
+  --infinite-cell-border-width: 1px;
+  --infinite-flashing-overlay-z-index: -1;
+  --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
+  --infinite-flashing-background: var(--infinite-accent-color);
+  --infinite-flashing-up-background: var(--infinite-success-color);
+  --infinite-flashing-down-background: var(--infinite-error-color);
+  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
+  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
+  --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
+  --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
+  --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
+  --infinite-cell-border-invisible: none;
+  --infinite-cell-border-radius: var(--infinite-space-2);
+  --infinite-column-reorder-effect-duration: .2s;
+  --infinite-selected-cell-border-style: solid;
+  --infinite-active-cell-border-style: dashed;
+  --infinite-active-cell-border-width: 1px;
+  --infinite-active-cell-background-alpha: 0.25;
+  --infinite-active-cell-background-alpha--table-unfocused: 0.1;
+  --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
+  --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
+  --infinite-row-background: var(--infinite-background);
+  --infinite-row-odd-background: #f6f6f6;
+  --infinite-row-disabled-opacity: 0.5;
+  --infinite-row-disabled-background: #eeeeee;
+  --infinite-row-odd-disabled-background: #f9f9f9;
+  --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
+  --infinite-row-selected-background: #d1e9ff;
+  --infinite-row-selected-hover-background: #add8ff;
+  --infinite-group-row-background: #cbc5c5;
+  --infinite-group-row-column-nesting: 24px;
+  --infinite-row-hover-background: #dbdbdb;
+  --infinite-row-pointer-events-while-scrolling: auto;
+  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
+}
 .infinite-theme-mode--dark,
 .infinite-theme-mode--dark:root {
   --infinite-theme-mode: dark;

package/index.d.ts

@@ -69,7 +69,7 @@ declare type RenderRange = {
     renderEndIndex: number;
 };
 
-declare type Renderable = React$1.ReactNode | JSX.Element;
+declare type Renderable = React$1.ReactNode | React$1.JSX.Element;
 
 declare type VoidFn$1 = () => void;
 declare type Pair<KeyType, ValueType> = {
@@ -1290,7 +1290,7 @@ declare type InfiniteTableColumnHeaderParam<DATA_TYPE, COL_TYPE = InfiniteTableC
     };
 } & ({
     domRef: InfiniteTableCellProps<DATA_TYPE>['domRef'];
-    htmlElementRef: React__default.MutableRefObject<HTMLElement | null>;
+    htmlElementRef: React$1.MutableRefObject<HTMLElement | null>;
     insideColumnMenu: false;
 } | {
     insideColumnMenu: true;
@@ -1305,7 +1305,7 @@ declare type InfiniteTableColumnRenderBag = {
 };
 declare type InfiniteTableColumnRenderParamBase<DATA_TYPE, COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>> = {
     domRef: InfiniteTableCellProps<DATA_TYPE>['domRef'];
-    htmlElementRef: React__default.MutableRefObject<HTMLElement | null>;
+    htmlElementRef: React$1.MutableRefObject<HTMLElement | null>;
     rowIndexInHorizontalLayoutPage: null | number;
     horizontalLayoutPageIndex: null | number;
     value: string | number | Renderable;
@@ -1405,9 +1405,9 @@ declare type InfiniteTableColumnStylingFnParams<T> = {
     rowHasSelectedCells: boolean;
     editError: InfiniteTableColumnRenderParamBase<T>['editError'];
 } & InfiniteTableRowInfoDataDiscriminator<T>;
-declare type InfiniteTableColumnStyleFn<T> = (params: InfiniteTableColumnStylingFnParams<T>) => undefined | React__default.CSSProperties;
+declare type InfiniteTableColumnStyleFn<T> = (params: InfiniteTableColumnStylingFnParams<T>) => undefined | React$1.CSSProperties;
 declare type InfiniteTableColumnHeaderClassNameFn<T> = (params: InfiniteTableColumnHeaderParam<T>) => undefined | string;
-declare type InfiniteTableColumnHeaderStyleFn<T> = (params: InfiniteTableColumnHeaderParam<T>) => undefined | React__default.CSSProperties;
+declare type InfiniteTableColumnHeaderStyleFn<T> = (params: InfiniteTableColumnHeaderParam<T>) => undefined | React$1.CSSProperties;
 declare type InfiniteTableColumnClassNameFn<T> = (params: InfiniteTableColumnStylingFnParams<T>) => undefined | string;
 declare type InfiniteTableColumnStyle<T> = CSSProperties | InfiniteTableColumnStyleFn<T>;
 declare type InfiniteTableColumnAlign<T> = InfiniteTableColumnAlignValues | InfiniteTableColumnAlignFn<T>;
@@ -1516,12 +1516,12 @@ declare type InfiniteTableColumn<DATA_TYPE> = {
     renderMenuIcon?: boolean | InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
     renderHeaderSelectionCheckBox?: boolean | InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
     components?: {
-        ColumnCell?: (props: HTMLProps<HTMLDivElement>) => JSX.Element | null;
-        HeaderCell?: (props: HTMLProps<HTMLDivElement>) => JSX.Element | null;
-        Editor?: () => JSX.Element | null;
-        FilterEditor?: () => JSX.Element | null;
-        FilterOperatorSwitch?: () => JSX.Element | null;
-        MenuIcon?: (props: MenuIconProps) => JSX.Element | null;
+        ColumnCell?: (props: HTMLProps<HTMLDivElement>) => React$1.JSX.Element | null;
+        HeaderCell?: (props: HTMLProps<HTMLDivElement>) => React$1.JSX.Element | null;
+        Editor?: () => React$1.JSX.Element | null;
+        FilterEditor?: () => React$1.JSX.Element | null;
+        FilterOperatorSwitch?: () => React$1.JSX.Element | null;
+        MenuIcon?: (props: MenuIconProps) => React$1.JSX.Element | null;
     };
 };
 declare type InfiniteTableGeneratedGroupColumn<T> = Omit<InfiniteTableColumn<T>, 'defaultSortable'> & {
@@ -6786,13 +6786,13 @@ declare type RowDetailComponentProps<T = any> = {
 declare type InfiniteTablePropComponents<T = any> = {
     LoadMask?: (props: LoadMaskProps & {
         children?: React$1.ReactNode | undefined;
-    }) => JSX.Element | null;
-    CheckBox?: (props: InfiniteCheckBoxProps) => JSX.Element | null;
+    }) => React$1.JSX.Element | null;
+    CheckBox?: (props: InfiniteCheckBoxProps) => React$1.JSX.Element | null;
     Menu?: (props: MenuProps & {
         children?: React$1.ReactNode | undefined;
-    }) => JSX.Element | null;
-    MenuIcon?: (props: MenuIconProps) => JSX.Element | null;
-    RowDetail?: (props: RowDetailComponentProps<T>) => JSX.Element | null;
+    }) => React$1.JSX.Element | null;
+    MenuIcon?: (props: MenuIconProps) => React$1.JSX.Element | null;
+    RowDetail?: (props: RowDetailComponentProps<T>) => React$1.JSX.Element | null;
 };
 declare type ScrollStopInfo = {
     scrollTop: number;