@nubitio/crud 0.5.26 → 0.5.27
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/dist/index.cjs +283 -60
- package/dist/index.d.cts +27 -1
- package/dist/index.d.mts +27 -1
- package/dist/index.mjs +283 -60
- package/dist/style.css +138 -19
- package/package.json +3 -3
package/dist/style.css
CHANGED
|
@@ -417,10 +417,10 @@
|
|
|
417
417
|
outline: 0;
|
|
418
418
|
transition: background var(--transition-fast), box-shadow var(--transition-fast);
|
|
419
419
|
}
|
|
420
|
-
.nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td {
|
|
420
|
+
.nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td:not(.nb-datagrid__cell--dirty):not(.nb-datagrid__cell--active) {
|
|
421
421
|
background: var(--grid-row-alt-bg);
|
|
422
422
|
}
|
|
423
|
-
.nb-datagrid__row:hover td {
|
|
423
|
+
.nb-datagrid__row:hover td:not(.nb-datagrid__cell--dirty):not(.nb-datagrid__cell--active):not(.nb-datagrid__edit-cell) {
|
|
424
424
|
background: var(--grid-row-hover-bg, var(--surface-2));
|
|
425
425
|
}
|
|
426
426
|
.nb-datagrid__row:focus-visible {
|
|
@@ -1715,10 +1715,11 @@ html[data-density=compact] .nb-datagrid .nb-badge {
|
|
|
1715
1715
|
}
|
|
1716
1716
|
}
|
|
1717
1717
|
.nb-datagrid__row--editing {
|
|
1718
|
-
background: color-mix(in srgb, var(--accent)
|
|
1718
|
+
background: color-mix(in srgb, var(--accent-color, var(--accent)) 5%, var(--surface-0));
|
|
1719
1719
|
}
|
|
1720
|
-
|
|
1721
|
-
|
|
1720
|
+
|
|
1721
|
+
.nb-datagrid__row--dirty .nb-datagrid__cell--dirty {
|
|
1722
|
+
background: color-mix(in srgb, #4caf50 34%, var(--surface-1, #fff));
|
|
1722
1723
|
}
|
|
1723
1724
|
|
|
1724
1725
|
.nb-datagrid__row--saving {
|
|
@@ -1726,42 +1727,142 @@ html[data-density=compact] .nb-datagrid .nb-badge {
|
|
|
1726
1727
|
pointer-events: none;
|
|
1727
1728
|
}
|
|
1728
1729
|
|
|
1730
|
+
.nb-datagrid__data-cell {
|
|
1731
|
+
cursor: default;
|
|
1732
|
+
}
|
|
1733
|
+
|
|
1734
|
+
.nb-datagrid__cell--editable {
|
|
1735
|
+
cursor: cell;
|
|
1736
|
+
}
|
|
1737
|
+
.nb-datagrid__cell--editable:hover:not(.nb-datagrid__cell--dirty):not(.nb-datagrid__cell--active) {
|
|
1738
|
+
background: color-mix(in srgb, var(--accent) 4%, var(--surface-0));
|
|
1739
|
+
}
|
|
1740
|
+
|
|
1741
|
+
.nb-datagrid__table td.nb-datagrid__cell--dirty {
|
|
1742
|
+
background: color-mix(in srgb, #4caf50 34%, var(--surface-1, #fff));
|
|
1743
|
+
box-shadow: inset 0 0 0 1px color-mix(in srgb, #4caf50 72%, transparent);
|
|
1744
|
+
}
|
|
1745
|
+
|
|
1746
|
+
.nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td.nb-datagrid__cell--dirty,
|
|
1747
|
+
.nb-datagrid__row:hover td.nb-datagrid__cell--dirty,
|
|
1748
|
+
.nb-datagrid__row--selected td.nb-datagrid__cell--dirty {
|
|
1749
|
+
background: color-mix(in srgb, #4caf50 34%, var(--surface-1, #fff));
|
|
1750
|
+
box-shadow: inset 0 0 0 1px color-mix(in srgb, #4caf50 72%, transparent);
|
|
1751
|
+
}
|
|
1752
|
+
|
|
1753
|
+
.nb-datagrid__table td.nb-datagrid__cell--active {
|
|
1754
|
+
background: color-mix(in srgb, #4caf50 42%, var(--surface-1, #fff));
|
|
1755
|
+
box-shadow: inset 0 0 0 2px color-mix(in srgb, #4caf50 78%, transparent);
|
|
1756
|
+
}
|
|
1757
|
+
|
|
1758
|
+
.nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td.nb-datagrid__cell--active,
|
|
1759
|
+
.nb-datagrid__row:hover td.nb-datagrid__cell--active,
|
|
1760
|
+
.nb-datagrid__row--selected td.nb-datagrid__cell--active {
|
|
1761
|
+
background: color-mix(in srgb, #4caf50 42%, var(--surface-1, #fff));
|
|
1762
|
+
box-shadow: inset 0 0 0 2px color-mix(in srgb, #4caf50 78%, transparent);
|
|
1763
|
+
}
|
|
1764
|
+
|
|
1729
1765
|
.nb-datagrid__edit-cell {
|
|
1730
|
-
padding:
|
|
1766
|
+
padding: 2px 4px;
|
|
1731
1767
|
vertical-align: middle;
|
|
1732
1768
|
}
|
|
1733
1769
|
|
|
1734
1770
|
.nb-inline-cell {
|
|
1735
1771
|
width: 100%;
|
|
1772
|
+
min-width: 0;
|
|
1736
1773
|
}
|
|
1737
1774
|
.nb-inline-cell .nb-inline-control,
|
|
1738
1775
|
.nb-inline-cell .nb-inline-control input,
|
|
1739
1776
|
.nb-inline-cell .nb-inline-control select,
|
|
1740
|
-
.nb-inline-cell .nb-inline-control textarea
|
|
1777
|
+
.nb-inline-cell .nb-inline-control textarea,
|
|
1778
|
+
.nb-inline-cell .nb-form__control,
|
|
1779
|
+
.nb-inline-cell .nb-form__control input,
|
|
1780
|
+
.nb-inline-cell .nb-form__control select,
|
|
1781
|
+
.nb-inline-cell .nb-form__control textarea {
|
|
1741
1782
|
font-size: 13px;
|
|
1742
|
-
height:
|
|
1743
|
-
|
|
1744
|
-
|
|
1783
|
+
line-height: 1.3;
|
|
1784
|
+
height: 28px;
|
|
1785
|
+
min-height: 28px;
|
|
1786
|
+
padding: 0 8px;
|
|
1787
|
+
border: 1px solid color-mix(in srgb, var(--border-color) 85%, var(--accent));
|
|
1745
1788
|
border-radius: var(--radius-sm);
|
|
1746
1789
|
box-sizing: border-box;
|
|
1747
1790
|
width: 100%;
|
|
1791
|
+
background: var(--surface-0);
|
|
1792
|
+
color: var(--text-primary);
|
|
1793
|
+
box-shadow: none;
|
|
1794
|
+
transition: border-color 0.12s, box-shadow 0.12s;
|
|
1795
|
+
}
|
|
1796
|
+
.nb-inline-cell .nb-inline-control:focus,
|
|
1797
|
+
.nb-inline-cell .nb-inline-control input:focus,
|
|
1798
|
+
.nb-inline-cell .nb-inline-control select:focus,
|
|
1799
|
+
.nb-inline-cell .nb-inline-control textarea:focus,
|
|
1800
|
+
.nb-inline-cell .nb-form__control:focus,
|
|
1801
|
+
.nb-inline-cell .nb-form__control input:focus,
|
|
1802
|
+
.nb-inline-cell .nb-form__control select:focus,
|
|
1803
|
+
.nb-inline-cell .nb-form__control textarea:focus {
|
|
1804
|
+
outline: none;
|
|
1805
|
+
border-color: var(--accent);
|
|
1806
|
+
box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent);
|
|
1748
1807
|
}
|
|
1749
|
-
.nb-inline-cell .nb-inline-control
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1808
|
+
.nb-datagrid__cell--dirty .nb-inline-cell .nb-inline-control:focus, .nb-datagrid__cell--active .nb-inline-cell .nb-inline-control:focus, .nb-datagrid__cell--dirty .nb-inline-cell .nb-form__control:focus, .nb-datagrid__cell--active .nb-inline-cell .nb-form__control:focus {
|
|
1809
|
+
border-color: color-mix(in srgb, #4caf50 70%, var(--accent-color, var(--accent)));
|
|
1810
|
+
box-shadow: 0 0 0 2px color-mix(in srgb, #4caf50 28%, transparent);
|
|
1811
|
+
}
|
|
1812
|
+
.nb-inline-cell .nb-inline-control textarea,
|
|
1813
|
+
.nb-inline-cell .nb-form__control textarea {
|
|
1814
|
+
height: 52px;
|
|
1815
|
+
padding: 4px 8px;
|
|
1816
|
+
resize: vertical;
|
|
1753
1817
|
}
|
|
1754
1818
|
.nb-inline-cell .nb-form-switch,
|
|
1755
1819
|
.nb-inline-cell .nb-form-checkbox {
|
|
1756
1820
|
margin: 0;
|
|
1757
1821
|
}
|
|
1758
|
-
.nb-inline-cell .nb-
|
|
1759
|
-
|
|
1822
|
+
.nb-inline-cell .nb-dropdown {
|
|
1823
|
+
width: 100%;
|
|
1824
|
+
}
|
|
1825
|
+
.nb-inline-cell .nb-dropdown__trigger {
|
|
1826
|
+
height: 28px;
|
|
1827
|
+
min-height: 28px;
|
|
1760
1828
|
font-size: 13px;
|
|
1829
|
+
padding: 0 8px;
|
|
1830
|
+
border-radius: var(--radius-sm);
|
|
1831
|
+
}
|
|
1832
|
+
.nb-inline-cell .nb-date-picker {
|
|
1833
|
+
width: 100%;
|
|
1834
|
+
}
|
|
1835
|
+
.nb-inline-cell .nb-date-picker__trigger {
|
|
1836
|
+
height: 28px;
|
|
1837
|
+
min-height: 28px;
|
|
1838
|
+
border-radius: var(--radius-sm);
|
|
1839
|
+
border: 1px solid color-mix(in srgb, var(--border-color) 85%, var(--accent));
|
|
1840
|
+
background: var(--surface-0);
|
|
1841
|
+
}
|
|
1842
|
+
.nb-inline-cell .nb-date-picker__input {
|
|
1843
|
+
font-size: 13px;
|
|
1844
|
+
padding: 0 4px;
|
|
1845
|
+
}
|
|
1846
|
+
.nb-inline-cell .nb-form__lookup {
|
|
1847
|
+
width: 100%;
|
|
1848
|
+
}
|
|
1849
|
+
.nb-inline-cell .nb-form__lookup .nb-form__control,
|
|
1850
|
+
.nb-inline-cell .nb-form__lookup.has-value .nb-form__control {
|
|
1851
|
+
height: 28px;
|
|
1852
|
+
min-height: 28px;
|
|
1853
|
+
font-size: 13px;
|
|
1854
|
+
padding-right: 52px;
|
|
1855
|
+
}
|
|
1856
|
+
.nb-inline-cell .nb-form__lookup-toggle,
|
|
1857
|
+
.nb-inline-cell .nb-form__lookup-clear {
|
|
1858
|
+
width: 24px;
|
|
1859
|
+
height: 24px;
|
|
1761
1860
|
}
|
|
1762
1861
|
.nb-inline-cell.nb-inline-cell--error .nb-inline-control,
|
|
1763
1862
|
.nb-inline-cell.nb-inline-cell--error .nb-inline-control input,
|
|
1764
|
-
.nb-inline-cell.nb-inline-cell--error .nb-inline-control select
|
|
1863
|
+
.nb-inline-cell.nb-inline-cell--error .nb-inline-control select,
|
|
1864
|
+
.nb-inline-cell.nb-inline-cell--error .nb-form__control,
|
|
1865
|
+
.nb-inline-cell.nb-inline-cell--error .nb-date-picker__trigger {
|
|
1765
1866
|
border-color: var(--color-danger);
|
|
1766
1867
|
}
|
|
1767
1868
|
|
|
@@ -1805,15 +1906,33 @@ html[data-density=compact] .nb-datagrid .nb-badge {
|
|
|
1805
1906
|
color: var(--text-primary);
|
|
1806
1907
|
}
|
|
1807
1908
|
|
|
1909
|
+
.nb-datagrid__toolbar-icon-action--save {
|
|
1910
|
+
color: var(--accent);
|
|
1911
|
+
}
|
|
1912
|
+
.nb-datagrid__toolbar-icon-action--save:hover {
|
|
1913
|
+
background: color-mix(in srgb, var(--accent) 12%, transparent);
|
|
1914
|
+
}
|
|
1915
|
+
|
|
1916
|
+
.nb-datagrid__toolbar-icon-action--revert {
|
|
1917
|
+
color: var(--text-secondary);
|
|
1918
|
+
}
|
|
1919
|
+
.nb-datagrid__toolbar-icon-action--revert:hover {
|
|
1920
|
+
background: var(--surface-2);
|
|
1921
|
+
color: var(--text-primary);
|
|
1922
|
+
}
|
|
1923
|
+
|
|
1808
1924
|
.nb-datagrid__batch-bar {
|
|
1809
1925
|
display: flex;
|
|
1810
1926
|
align-items: center;
|
|
1811
1927
|
gap: var(--space-3);
|
|
1812
1928
|
padding: 8px 14px;
|
|
1813
|
-
background: color-mix(in srgb,
|
|
1814
|
-
border-bottom: 1px solid color-mix(in srgb,
|
|
1929
|
+
background: color-mix(in srgb, #4caf50 10%, var(--surface-0));
|
|
1930
|
+
border-bottom: 1px solid color-mix(in srgb, #4caf50 24%, transparent);
|
|
1815
1931
|
font-size: 13px;
|
|
1816
1932
|
}
|
|
1933
|
+
.nb-datagrid__batch-bar--compact {
|
|
1934
|
+
padding-block: 6px;
|
|
1935
|
+
}
|
|
1817
1936
|
|
|
1818
1937
|
.nb-datagrid__batch-bar-label {
|
|
1819
1938
|
flex: 1;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nubitio/crud",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.27",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Declarative CRUD engine with field DSL, forms, datagrids, RBAC, conditional logic and pluggable adapters (Hydra/REST).",
|
|
6
6
|
"license": "MIT",
|
|
@@ -59,8 +59,8 @@
|
|
|
59
59
|
"react-dom": "^19.0.0",
|
|
60
60
|
"react-i18next": "^14.0.0",
|
|
61
61
|
"react-router-dom": "^6.0.0",
|
|
62
|
-
"@nubitio/core": "^0.5.
|
|
63
|
-
"@nubitio/ui": "^0.5.
|
|
62
|
+
"@nubitio/core": "^0.5.27",
|
|
63
|
+
"@nubitio/ui": "^0.5.27"
|
|
64
64
|
},
|
|
65
65
|
"peerDependenciesMeta": {
|
|
66
66
|
"@tiptap/extension-link": {
|