@infinite-table/infinite-react 0.3.8 → 0.3.9
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/index.d.ts +1 -264
- package/index.esm.js +1 -6
- package/index.js +1 -6
- package/package.json +2 -2
package/index.d.ts
CHANGED
|
@@ -1599,269 +1599,6 @@ declare function useInfiniteHeaderCell<T>(): InfiniteTableColumnHeaderParams<T,
|
|
|
1599
1599
|
|
|
1600
1600
|
declare function useInfiniteColumnCell<T>(): InfiniteTableColumnCellContextType<T>;
|
|
1601
1601
|
|
|
1602
|
-
declare const ThemeVars: _vanilla_extract_private.MapLeafNodes<{
|
|
1603
|
-
color: {
|
|
1604
|
-
/**
|
|
1605
|
-
* Brand-specific accent color. This probably needs override to match your app.
|
|
1606
|
-
*/
|
|
1607
|
-
accent: string;
|
|
1608
|
-
/**
|
|
1609
|
-
* The text color inside the component
|
|
1610
|
-
*/
|
|
1611
|
-
color: string;
|
|
1612
|
-
};
|
|
1613
|
-
spacing: {
|
|
1614
|
-
0: string;
|
|
1615
|
-
1: string;
|
|
1616
|
-
2: string;
|
|
1617
|
-
3: string;
|
|
1618
|
-
4: string;
|
|
1619
|
-
5: string;
|
|
1620
|
-
6: string;
|
|
1621
|
-
7: string;
|
|
1622
|
-
8: string;
|
|
1623
|
-
9: string;
|
|
1624
|
-
10: string;
|
|
1625
|
-
};
|
|
1626
|
-
fontSize: {
|
|
1627
|
-
0: string;
|
|
1628
|
-
1: string;
|
|
1629
|
-
2: string;
|
|
1630
|
-
3: string;
|
|
1631
|
-
4: string;
|
|
1632
|
-
5: string;
|
|
1633
|
-
6: string;
|
|
1634
|
-
7: string;
|
|
1635
|
-
};
|
|
1636
|
-
fontFamily: string;
|
|
1637
|
-
minHeight: string;
|
|
1638
|
-
borderRadius: string;
|
|
1639
|
-
/**
|
|
1640
|
-
* The background color for the whole component.
|
|
1641
|
-
*
|
|
1642
|
-
* Overriden in the `dark` theme.
|
|
1643
|
-
*/
|
|
1644
|
-
background: string;
|
|
1645
|
-
components: {
|
|
1646
|
-
LoadMask: {
|
|
1647
|
-
/**
|
|
1648
|
-
* The padding used for the content inside the LoadMask.
|
|
1649
|
-
*/
|
|
1650
|
-
padding: string;
|
|
1651
|
-
color: string;
|
|
1652
|
-
textBackground: string;
|
|
1653
|
-
overlayBackground: string;
|
|
1654
|
-
overlayOpacity: string;
|
|
1655
|
-
borderRadius: string;
|
|
1656
|
-
};
|
|
1657
|
-
Header: {
|
|
1658
|
-
/**
|
|
1659
|
-
* Background color for the header. Defaults to [`--infinie-header-cell-background`](#header-cell-background).
|
|
1660
|
-
*
|
|
1661
|
-
* Overriden in the `dark` theme.
|
|
1662
|
-
*/
|
|
1663
|
-
background: string;
|
|
1664
|
-
/**
|
|
1665
|
-
* The text color inside the header.
|
|
1666
|
-
*
|
|
1667
|
-
* Overriden in the `dark` theme.
|
|
1668
|
-
*/
|
|
1669
|
-
color: string;
|
|
1670
|
-
columnHeaderHeight: string;
|
|
1671
|
-
};
|
|
1672
|
-
HeaderCell: {
|
|
1673
|
-
draggingBackground: string;
|
|
1674
|
-
/**
|
|
1675
|
-
* Background for header cells.
|
|
1676
|
-
*
|
|
1677
|
-
* Overriden in the `dark` theme.
|
|
1678
|
-
*/
|
|
1679
|
-
background: string;
|
|
1680
|
-
padding: string;
|
|
1681
|
-
paddingX: string;
|
|
1682
|
-
paddingY: string;
|
|
1683
|
-
iconSize: string;
|
|
1684
|
-
sortIconMargin: string;
|
|
1685
|
-
};
|
|
1686
|
-
Cell: {
|
|
1687
|
-
padding: string;
|
|
1688
|
-
borderWidth: string;
|
|
1689
|
-
/**
|
|
1690
|
-
* Specifies the border for cells.
|
|
1691
|
-
*
|
|
1692
|
-
* Overriden in the `dark` theme - eg: `1px solid #2a323d`
|
|
1693
|
-
*/
|
|
1694
|
-
border: string;
|
|
1695
|
-
borderInvisible: string;
|
|
1696
|
-
borderRadius: string;
|
|
1697
|
-
/**
|
|
1698
|
-
* Text color inside rows. Defaults to `currentColor`
|
|
1699
|
-
*
|
|
1700
|
-
* Overriden in `dark` theme.
|
|
1701
|
-
*/
|
|
1702
|
-
color: string;
|
|
1703
|
-
/**
|
|
1704
|
-
* The RED component of the color used for the active cell when cell keyboard navigation is enabled.
|
|
1705
|
-
*
|
|
1706
|
-
* The easiest way to define the color of the active cell is to use these 3 variables:
|
|
1707
|
-
* `--infinite-active-cell-border-color--r`
|
|
1708
|
-
* `--infinite-active-cell-border-color--g`
|
|
1709
|
-
* `--infinite-active-cell-border-color--b`
|
|
1710
|
-
* as they define both the border and the background color of the active cell and the active row.
|
|
1711
|
-
*
|
|
1712
|
-
* You can also specify the GREEN and BLUE components of the color using the next two css vars.
|
|
1713
|
-
*
|
|
1714
|
-
* The border color of the active cell is decomposed into multiple variables for convenience as by default
|
|
1715
|
-
* the background of the active cell is the same color, but with the opacity specified by the value of `--infinie-active-cell-background-alpha`.
|
|
1716
|
-
*
|
|
1717
|
-
* If you don't want this, you can use `--infinite-active-cell-background` instead.
|
|
1718
|
-
*/
|
|
1719
|
-
activeBorderColor_R: string;
|
|
1720
|
-
/**
|
|
1721
|
-
* The GREEN component of the color used for the active cell when cell keyboard navigation is enabled.
|
|
1722
|
-
*
|
|
1723
|
-
* The easiest way to define the color of the active cell is to use these 3 variables:
|
|
1724
|
-
* `--infinite-active-cell-border-color--r`
|
|
1725
|
-
* `--infinite-active-cell-border-color--g`
|
|
1726
|
-
* `--infinite-active-cell-border-color--b`
|
|
1727
|
-
* as they define both the border and the background color of the active cell and the active row.
|
|
1728
|
-
*
|
|
1729
|
-
* You can also specify the RED and BLUE components of the color using the next two css vars.
|
|
1730
|
-
*
|
|
1731
|
-
* The border color of the active cell is decomposed into multiple variables for convenience as by default
|
|
1732
|
-
* the background of the active cell is the same color, but with the opacity specified by the value of `--infinie-active-cell-background-alpha`.
|
|
1733
|
-
*
|
|
1734
|
-
* If you don't want this, you can use `--infinite-active-cell-background` instead.
|
|
1735
|
-
*/
|
|
1736
|
-
activeBorderColor_G: string;
|
|
1737
|
-
/**
|
|
1738
|
-
* The BLUE component of the color used for the active cell when cell keyboard navigation is enabled.
|
|
1739
|
-
*
|
|
1740
|
-
* The easiest way to define the color of the active cell is to use these 3 variables:
|
|
1741
|
-
* `--infinite-active-cell-border-color--r`
|
|
1742
|
-
* `--infinite-active-cell-border-color--g`
|
|
1743
|
-
* `--infinite-active-cell-border-color--b`
|
|
1744
|
-
* as they define both the border and the background color of the active cell and the active row.
|
|
1745
|
-
*
|
|
1746
|
-
* You can also specify the RED and GREEN components of the color using the next two css vars.
|
|
1747
|
-
*
|
|
1748
|
-
* The border color of the active cell is decomposed into multiple variables for convenience as by default
|
|
1749
|
-
* the background of the active cell is the same color, but with the opacity specified by the value of `--infinie-active-cell-background-alpha`.
|
|
1750
|
-
*
|
|
1751
|
-
* If you don't want this, you can use `--infinite-active-cell-background` instead.
|
|
1752
|
-
*/
|
|
1753
|
-
activeBorderColor_B: string;
|
|
1754
|
-
/**
|
|
1755
|
-
* The opacity of the background color for the active cell (when cell keyboard navigation is enabled).
|
|
1756
|
-
*
|
|
1757
|
-
* The background color of the active cell is based on the value of the above 3 variables, but with the opacity specified by this variable.
|
|
1758
|
-
* This is applied when the component has focus.
|
|
1759
|
-
*/
|
|
1760
|
-
activeBackgroundAlpha: string;
|
|
1761
|
-
/**
|
|
1762
|
-
* Same as the above, but applied when the component does not have focus.
|
|
1763
|
-
*/
|
|
1764
|
-
activeBackgroundAlphaWhenTableUnfocused: string;
|
|
1765
|
-
/**
|
|
1766
|
-
* The background color of the active cell defaults to the same color (with modified opacity, as explained above) as the border color.
|
|
1767
|
-
*
|
|
1768
|
-
* However, specify this to explicitly override the default.
|
|
1769
|
-
*/
|
|
1770
|
-
activeBackground: string;
|
|
1771
|
-
/**
|
|
1772
|
-
* The color for border of the active cell (when cell keyboard navigation is enabled).
|
|
1773
|
-
*/
|
|
1774
|
-
activeBorderColor: string;
|
|
1775
|
-
/**
|
|
1776
|
-
* The width of the border for the active cell.
|
|
1777
|
-
*/
|
|
1778
|
-
activeBorderWidth: string;
|
|
1779
|
-
/**
|
|
1780
|
-
* The style of the border for the active cell (eg: 'solid', 'dashed', 'dotted') - defaults to 'dashed'.
|
|
1781
|
-
*/
|
|
1782
|
-
activeBorderStyle: string;
|
|
1783
|
-
/**
|
|
1784
|
-
* Specifies the border for the active cell. Defaults to `var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color)`.
|
|
1785
|
-
*/
|
|
1786
|
-
activeBorder: string;
|
|
1787
|
-
};
|
|
1788
|
-
Row: {
|
|
1789
|
-
/**
|
|
1790
|
-
* Background color for rows. Defaults to [`--infinite-background`](#background).
|
|
1791
|
-
*
|
|
1792
|
-
* Overriden in `dark` theme.
|
|
1793
|
-
*/
|
|
1794
|
-
background: string;
|
|
1795
|
-
/**
|
|
1796
|
-
* Background color for odd rows. Even rows will use [`--infinite-row-background`](#row-background).
|
|
1797
|
-
*
|
|
1798
|
-
* Overriden in `dark` theme.
|
|
1799
|
-
*/
|
|
1800
|
-
oddBackground: string;
|
|
1801
|
-
/**
|
|
1802
|
-
* The background color of the active row. Defaults to the value of `var(--infinite-active-cell-background)`.
|
|
1803
|
-
*
|
|
1804
|
-
* However, specify this to explicitly override the default.
|
|
1805
|
-
*/
|
|
1806
|
-
activeBackground: string;
|
|
1807
|
-
/**
|
|
1808
|
-
* The border color for the active row. Defaults to the value of `var(--infinite-active-cell-border-color)`.
|
|
1809
|
-
*/
|
|
1810
|
-
activeBorderColor: string;
|
|
1811
|
-
/**
|
|
1812
|
-
* The width of the border for the active row. Defaults to the value of `var(--infinite-active-cell-border-width)`.
|
|
1813
|
-
*/
|
|
1814
|
-
activeBorderWidth: string;
|
|
1815
|
-
/**
|
|
1816
|
-
* The style of the border for the active row (eg: 'solid', 'dashed', 'dotted') - defaults to the value of `var(--infinite-active-cell-border-style)`, which is `dashed` by default.
|
|
1817
|
-
*/
|
|
1818
|
-
activeBorderStyle: string;
|
|
1819
|
-
/**
|
|
1820
|
-
* Specifies the border for the active row. Defaults to `var(--infinite-active-row-border-width) var(--infinite-active-row-border-style) var(--infinite-active-row-border-color)`.
|
|
1821
|
-
*/
|
|
1822
|
-
activeBorder: string;
|
|
1823
|
-
/**
|
|
1824
|
-
* The opacity of the background color for the active row (when row keyboard navigation is enabled).
|
|
1825
|
-
* When you explicitly specify `--infinite-active-row-background`, this variable will not be used.
|
|
1826
|
-
* Instead, this variable is used when the active row background uses the color of the active cell (border).
|
|
1827
|
-
*
|
|
1828
|
-
* This is applied when the component has focus.
|
|
1829
|
-
*
|
|
1830
|
-
* Defaults to the value of `var(--infinite-active-cell-background-alpha)`.
|
|
1831
|
-
*/
|
|
1832
|
-
activeBackgroundAlpha: string;
|
|
1833
|
-
/**
|
|
1834
|
-
* Same as the above, but applied when the component does not have focus.
|
|
1835
|
-
*
|
|
1836
|
-
* When you explicitly specify `--infinite-active-row-background`, this variable will not be used.
|
|
1837
|
-
* Instead, this variable is used when the active row background uses the color of the active cell (border).
|
|
1838
|
-
*
|
|
1839
|
-
* Defaults to the value of `var(--infinite-active-cell-background-alpha--table-unfocused)`.
|
|
1840
|
-
*/
|
|
1841
|
-
activeBackgroundAlphaWhenTableUnfocused: string;
|
|
1842
|
-
/**
|
|
1843
|
-
* Background color for rows, on hover.
|
|
1844
|
-
*
|
|
1845
|
-
* Overriden in the `dark` theme.
|
|
1846
|
-
*/
|
|
1847
|
-
hoverBackground: string;
|
|
1848
|
-
groupRowBackground: string;
|
|
1849
|
-
groupRowColumnNesting: string;
|
|
1850
|
-
groupNesting: string;
|
|
1851
|
-
pointerEventsWhileScrolling: string;
|
|
1852
|
-
};
|
|
1853
|
-
ColumnCell: {
|
|
1854
|
-
background: string;
|
|
1855
|
-
};
|
|
1856
|
-
};
|
|
1857
|
-
}, _vanilla_extract_private.CSSVarFunction>;
|
|
1858
|
-
declare const LightTheme: {
|
|
1859
|
-
[x: string]: string;
|
|
1860
|
-
};
|
|
1861
|
-
declare const DarkTheme: {
|
|
1862
|
-
[x: string]: string;
|
|
1863
|
-
};
|
|
1864
|
-
|
|
1865
1602
|
declare const InfiniteTableClassName: string;
|
|
1866
1603
|
declare const InfiniteTableComponent: React$1.MemoExoticComponent<(<T>() => JSX.Element)>;
|
|
1867
1604
|
declare function InfiniteTable<T>(props: InfiniteTableProps<T>): JSX.Element;
|
|
@@ -1933,4 +1670,4 @@ declare const defaultFilterEditors: InfiniteTablePropFilterEditors<unknown>;
|
|
|
1933
1670
|
declare function StringFilterEditor<T>(props: InfiniteTableFilterEditorProps<T>): JSX.Element;
|
|
1934
1671
|
declare function NumberFilterEditor<T>(props: InfiniteTableFilterEditorProps<T>): JSX.Element;
|
|
1935
1672
|
|
|
1936
|
-
export { ColumnTypeWithInherit,
|
|
1673
|
+
export { ColumnTypeWithInherit, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropLivePaginationCursor, DataSourcePropPivotBy, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourceReducer, DataSourceRemoteData, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, GroupRowsState, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableFilterEditorProps, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTableGroupColumnRenderIconFunction, InfiniteTableImperativeApi, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTablePropComponents, InfiniteTablePropFilterEditors, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, NumberFilterEditor, Scrollbars, StringFilterEditor, debounce, defaultFilterEditors, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useInfiniteColumnCell, useInfiniteHeaderCell };
|
package/index.esm.js
CHANGED
|
@@ -5029,8 +5029,6 @@ function decamelize(str, options) {
|
|
|
5029
5029
|
}
|
|
5030
5030
|
|
|
5031
5031
|
// src/components/InfiniteTable/theme.css.ts
|
|
5032
|
-
var DarkTheme = { "var(--infinite-background)": "#101419", "var(--infinite-cell-border)": "1px solid #2a323d", "var(--infinite-header-color)": "#c3c3c3", "var(--infinite-header-cell-background)": "#1b2129", "var(--infinite-header-background)": "var(--infinite-header-cell-background)", "var(--infinite-row-hover-background)": "#3b4754", "var(--infinite-row-background)": "var(--infinite-background)", "var(--infinite-row-odd-background)": "#242a31", "var(--infinite-cell-color)": "#c3c3c3" };
|
|
5033
|
-
var LightTheme = { "var(--infinite-space-0)": "0rem", "var(--infinite-space-1)": "0.125rem", "var(--infinite-space-2)": "0.25rem", "var(--infinite-space-3)": "0.5rem", "var(--infinite-space-4)": "0.75rem", "var(--infinite-space-5)": "1rem", "var(--infinite-space-6)": "1.25rem", "var(--infinite-space-7)": "1.5rem", "var(--infinite-space-8)": "2.25rem", "var(--infinite-space-9)": "3rem", "var(--infinite-space-10)": "4rem", "var(--infinite-font-size-0)": "0.5rem", "var(--infinite-font-size-1)": "0.625rem", "var(--infinite-font-size-2)": "0.75rem", "var(--infinite-font-size-3)": "0.875rem", "var(--infinite-font-size-4)": "1rem", "var(--infinite-font-size-5)": "1.25rem", "var(--infinite-font-size-6)": "1.5rem", "var(--infinite-font-size-7)": "2.25rem", "var(--infinite-font-family)": "inherit", "var(--infinite-color)": "#484848", "var(--infinite-accent-color)": "#ff7043", "var(--infinite-border-radius)": "var(--infinite-space-2)", "var(--infinite-background)": "white", "var(--infinite-min-height)": "100px", "var(--infinite-load-mask-text-background)": "rgba(255,255,255,0.8)", "var(--infinite-load-mask-overlay-background)": "gray", "var(--infinite-load-mask-overlay-opacity)": "0.3", "var(--infinite-load-mask-color)": "inherit", "var(--infinite-load-mask-padding)": "var(--infinite-space-5)", "var(--infinite-load-mask-border-radius)": "var(--infinite-border-radius)", "var(--infinite-header-cell-background)": "#ededed", "var(--infinite-header-cell-padding-x)": "var(--infinite-space-3)", "var(--infinite-header-cell-padding-y)": "var(--infinite-space-3)", "var(--infinite-header-cell-padding)": "var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ", "var(--infinite-header-cell-dragging-background)": "#d4d3d3", "var(--infinite-header-cell-icon-size)": "16px", "var(--infinite-header-cell-sort-icon-margin)": "16px", "var(--infinite-header-background)": "var(--infinite-header-cell-background)", "var(--infinite-header-color)": "#6f6f6f", "var(--infinite-column-header-height)": "30px", "var(--infinite-cell-color)": "currentColor", "var(--infinite-cell-border-width)": "1px", "var(--infinite-cell-padding)": "var(--infinite-space-2) var(--infinite-space-3)", "var(--infinite-cell-border)": "var(--infinite-cell-border-width) solid #c6c6c6", "var(--infinite-cell-border-invisible)": "none", "var(--infinite-cell-border-radius)": "var(--infinite-space-2)", "var(--infinite-active-cell-border-style)": "dashed", "var(--infinite-active-cell-border-width)": "1px", "var(--infinite-active-cell-border-color--r)": "77", "var(--infinite-active-cell-border-color--g)": "149", "var(--infinite-active-cell-border-color--b)": "215", "var(--infinite-active-cell-background-alpha)": "0.25", "var(--infinite-active-cell-background-alpha--table-unfocused)": "0.1", "var(--infinite-row-background)": "var(--infinite-background)", "var(--infinite-row-odd-background)": "#f6f6f6", "var(--infinite-group-row-background)": "#cbc5c5", "var(--infinite-group-row-column-nesting)": "30px", "var(--infinite-row-hover-background)": "#dbdbdb", "var(--infinite-row-pointer-events-while-scrolling)": "auto" };
|
|
5034
5032
|
var ThemeVars = { color: { accent: "var(--infinite-accent-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { draggingBackground: "var(--infinite-header-cell-dragging-background)", background: "var(--infinite-header-cell-background)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", color: "var(--infinite-cell-color)", activeBorderColor_R: "var(--infinite-active-cell-border-color--r)", activeBorderColor_G: "var(--infinite-active-cell-border-color--g)", activeBorderColor_B: "var(--infinite-active-cell-border-color--b)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
|
|
5035
5033
|
|
|
5036
5034
|
// src/components/InfiniteTable/InfiniteCls.css.ts
|
|
@@ -9406,7 +9404,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
9406
9404
|
const valid = useMemo12(() => {
|
|
9407
9405
|
let valid2 = isValidLicense(licenseKey, {
|
|
9408
9406
|
publishedAt: 1624970570587,
|
|
9409
|
-
version: "0.3.
|
|
9407
|
+
version: "0.3.9"
|
|
9410
9408
|
});
|
|
9411
9409
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
9412
9410
|
return true;
|
|
@@ -9962,17 +9960,14 @@ InfiniteTable.defaultProps = {
|
|
|
9962
9960
|
columnHeaderHeight: ThemeVars.components.Header.columnHeaderHeight
|
|
9963
9961
|
};
|
|
9964
9962
|
export {
|
|
9965
|
-
DarkTheme,
|
|
9966
9963
|
DataSource,
|
|
9967
9964
|
DataSourceActionType,
|
|
9968
9965
|
GroupRowsState,
|
|
9969
9966
|
InfiniteTable,
|
|
9970
9967
|
InfiniteTableClassName,
|
|
9971
9968
|
InfiniteTableComponent,
|
|
9972
|
-
LightTheme,
|
|
9973
9969
|
NumberFilterEditor,
|
|
9974
9970
|
StringFilterEditor,
|
|
9975
|
-
ThemeVars,
|
|
9976
9971
|
debounce,
|
|
9977
9972
|
defaultFilterEditors,
|
|
9978
9973
|
defaultFilterTypes,
|
package/index.js
CHANGED
|
@@ -626,17 +626,14 @@ var require_vanilla_extract_recipes_createRuntimeFn_cjs = __commonJS({
|
|
|
626
626
|
|
|
627
627
|
// src/index.tsx
|
|
628
628
|
__export(exports, {
|
|
629
|
-
DarkTheme: () => DarkTheme,
|
|
630
629
|
DataSource: () => DataSource,
|
|
631
630
|
DataSourceActionType: () => DataSourceActionType,
|
|
632
631
|
GroupRowsState: () => GroupRowsState,
|
|
633
632
|
InfiniteTable: () => InfiniteTable,
|
|
634
633
|
InfiniteTableClassName: () => InfiniteTableClassName,
|
|
635
634
|
InfiniteTableComponent: () => InfiniteTableComponent,
|
|
636
|
-
LightTheme: () => LightTheme,
|
|
637
635
|
NumberFilterEditor: () => NumberFilterEditor,
|
|
638
636
|
StringFilterEditor: () => StringFilterEditor,
|
|
639
|
-
ThemeVars: () => ThemeVars,
|
|
640
637
|
debounce: () => debounce,
|
|
641
638
|
defaultFilterEditors: () => defaultFilterEditors,
|
|
642
639
|
defaultFilterTypes: () => defaultFilterTypes,
|
|
@@ -4969,8 +4966,6 @@ function decamelize(str, options) {
|
|
|
4969
4966
|
}
|
|
4970
4967
|
|
|
4971
4968
|
// src/components/InfiniteTable/theme.css.ts
|
|
4972
|
-
var DarkTheme = { "var(--infinite-background)": "#101419", "var(--infinite-cell-border)": "1px solid #2a323d", "var(--infinite-header-color)": "#c3c3c3", "var(--infinite-header-cell-background)": "#1b2129", "var(--infinite-header-background)": "var(--infinite-header-cell-background)", "var(--infinite-row-hover-background)": "#3b4754", "var(--infinite-row-background)": "var(--infinite-background)", "var(--infinite-row-odd-background)": "#242a31", "var(--infinite-cell-color)": "#c3c3c3" };
|
|
4973
|
-
var LightTheme = { "var(--infinite-space-0)": "0rem", "var(--infinite-space-1)": "0.125rem", "var(--infinite-space-2)": "0.25rem", "var(--infinite-space-3)": "0.5rem", "var(--infinite-space-4)": "0.75rem", "var(--infinite-space-5)": "1rem", "var(--infinite-space-6)": "1.25rem", "var(--infinite-space-7)": "1.5rem", "var(--infinite-space-8)": "2.25rem", "var(--infinite-space-9)": "3rem", "var(--infinite-space-10)": "4rem", "var(--infinite-font-size-0)": "0.5rem", "var(--infinite-font-size-1)": "0.625rem", "var(--infinite-font-size-2)": "0.75rem", "var(--infinite-font-size-3)": "0.875rem", "var(--infinite-font-size-4)": "1rem", "var(--infinite-font-size-5)": "1.25rem", "var(--infinite-font-size-6)": "1.5rem", "var(--infinite-font-size-7)": "2.25rem", "var(--infinite-font-family)": "inherit", "var(--infinite-color)": "#484848", "var(--infinite-accent-color)": "#ff7043", "var(--infinite-border-radius)": "var(--infinite-space-2)", "var(--infinite-background)": "white", "var(--infinite-min-height)": "100px", "var(--infinite-load-mask-text-background)": "rgba(255,255,255,0.8)", "var(--infinite-load-mask-overlay-background)": "gray", "var(--infinite-load-mask-overlay-opacity)": "0.3", "var(--infinite-load-mask-color)": "inherit", "var(--infinite-load-mask-padding)": "var(--infinite-space-5)", "var(--infinite-load-mask-border-radius)": "var(--infinite-border-radius)", "var(--infinite-header-cell-background)": "#ededed", "var(--infinite-header-cell-padding-x)": "var(--infinite-space-3)", "var(--infinite-header-cell-padding-y)": "var(--infinite-space-3)", "var(--infinite-header-cell-padding)": "var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ", "var(--infinite-header-cell-dragging-background)": "#d4d3d3", "var(--infinite-header-cell-icon-size)": "16px", "var(--infinite-header-cell-sort-icon-margin)": "16px", "var(--infinite-header-background)": "var(--infinite-header-cell-background)", "var(--infinite-header-color)": "#6f6f6f", "var(--infinite-column-header-height)": "30px", "var(--infinite-cell-color)": "currentColor", "var(--infinite-cell-border-width)": "1px", "var(--infinite-cell-padding)": "var(--infinite-space-2) var(--infinite-space-3)", "var(--infinite-cell-border)": "var(--infinite-cell-border-width) solid #c6c6c6", "var(--infinite-cell-border-invisible)": "none", "var(--infinite-cell-border-radius)": "var(--infinite-space-2)", "var(--infinite-active-cell-border-style)": "dashed", "var(--infinite-active-cell-border-width)": "1px", "var(--infinite-active-cell-border-color--r)": "77", "var(--infinite-active-cell-border-color--g)": "149", "var(--infinite-active-cell-border-color--b)": "215", "var(--infinite-active-cell-background-alpha)": "0.25", "var(--infinite-active-cell-background-alpha--table-unfocused)": "0.1", "var(--infinite-row-background)": "var(--infinite-background)", "var(--infinite-row-odd-background)": "#f6f6f6", "var(--infinite-group-row-background)": "#cbc5c5", "var(--infinite-group-row-column-nesting)": "30px", "var(--infinite-row-hover-background)": "#dbdbdb", "var(--infinite-row-pointer-events-while-scrolling)": "auto" };
|
|
4974
4969
|
var ThemeVars = { color: { accent: "var(--infinite-accent-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { draggingBackground: "var(--infinite-header-cell-dragging-background)", background: "var(--infinite-header-cell-background)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", color: "var(--infinite-cell-color)", activeBorderColor_R: "var(--infinite-active-cell-border-color--r)", activeBorderColor_G: "var(--infinite-active-cell-border-color--g)", activeBorderColor_B: "var(--infinite-active-cell-border-color--b)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
|
|
4975
4970
|
|
|
4976
4971
|
// src/components/InfiniteTable/InfiniteCls.css.ts
|
|
@@ -9325,7 +9320,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
9325
9320
|
const valid = (0, import_react43.useMemo)(() => {
|
|
9326
9321
|
let valid2 = isValidLicense(licenseKey, {
|
|
9327
9322
|
publishedAt: 1624970570587,
|
|
9328
|
-
version: "0.3.
|
|
9323
|
+
version: "0.3.9"
|
|
9329
9324
|
});
|
|
9330
9325
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
9331
9326
|
return true;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@infinite-table/infinite-react",
|
|
3
3
|
"description": "Infinite Table for React",
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.9",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.esm.js",
|
|
7
7
|
"typings": "index.d.ts",
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
},
|
|
15
15
|
"license": "Commercial & Open Source",
|
|
16
16
|
"//": "will be updated at build time",
|
|
17
|
-
"publishedAt":
|
|
17
|
+
"publishedAt": 1654635724571
|
|
18
18
|
}
|