@nubitio/crud 0.5.24 → 0.5.26

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 (4) hide show
  1. package/dist/index.cjs +692 -220
  2. package/dist/index.mjs +633 -164
  3. package/dist/style.css +137 -0
  4. package/package.json +17 -3
package/dist/style.css CHANGED
@@ -1714,6 +1714,143 @@ html[data-density=compact] .nb-datagrid .nb-badge {
1714
1714
  box-shadow: none;
1715
1715
  }
1716
1716
  }
1717
+ .nb-datagrid__row--editing {
1718
+ background: color-mix(in srgb, var(--accent) 6%, var(--surface-0));
1719
+ }
1720
+ .nb-datagrid__row--editing td {
1721
+ cursor: default;
1722
+ }
1723
+
1724
+ .nb-datagrid__row--saving {
1725
+ opacity: 0.6;
1726
+ pointer-events: none;
1727
+ }
1728
+
1729
+ .nb-datagrid__edit-cell {
1730
+ padding: 3px 4px;
1731
+ vertical-align: middle;
1732
+ }
1733
+
1734
+ .nb-inline-cell {
1735
+ width: 100%;
1736
+ }
1737
+ .nb-inline-cell .nb-inline-control,
1738
+ .nb-inline-cell .nb-inline-control input,
1739
+ .nb-inline-cell .nb-inline-control select,
1740
+ .nb-inline-cell .nb-inline-control textarea {
1741
+ font-size: 13px;
1742
+ height: 30px;
1743
+ min-height: 30px;
1744
+ padding: 0 6px;
1745
+ border-radius: var(--radius-sm);
1746
+ box-sizing: border-box;
1747
+ width: 100%;
1748
+ }
1749
+ .nb-inline-cell .nb-inline-control textarea {
1750
+ height: 56px;
1751
+ padding: 4px 6px;
1752
+ resize: none;
1753
+ }
1754
+ .nb-inline-cell .nb-form-switch,
1755
+ .nb-inline-cell .nb-form-checkbox {
1756
+ margin: 0;
1757
+ }
1758
+ .nb-inline-cell .nb-lookup__trigger {
1759
+ height: 30px;
1760
+ font-size: 13px;
1761
+ }
1762
+ .nb-inline-cell.nb-inline-cell--error .nb-inline-control,
1763
+ .nb-inline-cell.nb-inline-cell--error .nb-inline-control input,
1764
+ .nb-inline-cell.nb-inline-cell--error .nb-inline-control select {
1765
+ border-color: var(--color-danger);
1766
+ }
1767
+
1768
+ .nb-datagrid__inline-actions {
1769
+ display: flex;
1770
+ align-items: center;
1771
+ justify-content: center;
1772
+ gap: 4px;
1773
+ }
1774
+
1775
+ .nb-datagrid__inline-btn {
1776
+ display: inline-flex;
1777
+ align-items: center;
1778
+ justify-content: center;
1779
+ width: 30px;
1780
+ height: 30px;
1781
+ border: 1px solid transparent;
1782
+ border-radius: var(--radius-sm);
1783
+ cursor: pointer;
1784
+ font-size: 15px;
1785
+ transition: background 0.1s, color 0.1s;
1786
+ }
1787
+ .nb-datagrid__inline-btn:disabled {
1788
+ opacity: 0.4;
1789
+ cursor: default;
1790
+ }
1791
+ .nb-datagrid__inline-btn--save {
1792
+ background: var(--accent);
1793
+ color: #fff;
1794
+ }
1795
+ .nb-datagrid__inline-btn--save:hover:not(:disabled) {
1796
+ background: color-mix(in srgb, var(--accent) 85%, #000);
1797
+ }
1798
+ .nb-datagrid__inline-btn--cancel {
1799
+ background: transparent;
1800
+ color: var(--text-secondary);
1801
+ border-color: var(--border-color);
1802
+ }
1803
+ .nb-datagrid__inline-btn--cancel:hover:not(:disabled) {
1804
+ background: var(--surface-2);
1805
+ color: var(--text-primary);
1806
+ }
1807
+
1808
+ .nb-datagrid__batch-bar {
1809
+ display: flex;
1810
+ align-items: center;
1811
+ gap: var(--space-3);
1812
+ padding: 8px 14px;
1813
+ background: color-mix(in srgb, var(--accent) 10%, var(--surface-0));
1814
+ border-bottom: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
1815
+ font-size: 13px;
1816
+ }
1817
+
1818
+ .nb-datagrid__batch-bar-label {
1819
+ flex: 1;
1820
+ color: var(--text-secondary);
1821
+ }
1822
+
1823
+ .nb-datagrid__batch-bar-actions {
1824
+ display: flex;
1825
+ gap: var(--space-2);
1826
+ }
1827
+
1828
+ .nb-datagrid__batch-bar-btn {
1829
+ height: 30px;
1830
+ padding: 0 14px;
1831
+ border-radius: var(--radius-sm);
1832
+ font-size: 13px;
1833
+ font-weight: 500;
1834
+ cursor: pointer;
1835
+ transition: background 0.1s;
1836
+ }
1837
+ .nb-datagrid__batch-bar-btn--save {
1838
+ background: var(--accent);
1839
+ color: #fff;
1840
+ border: none;
1841
+ }
1842
+ .nb-datagrid__batch-bar-btn--save:hover {
1843
+ background: color-mix(in srgb, var(--accent) 85%, #000);
1844
+ }
1845
+ .nb-datagrid__batch-bar-btn--discard {
1846
+ background: transparent;
1847
+ color: var(--text-secondary);
1848
+ border: 1px solid var(--border-color);
1849
+ }
1850
+ .nb-datagrid__batch-bar-btn--discard:hover {
1851
+ background: var(--surface-2);
1852
+ color: var(--text-primary);
1853
+ }
1717
1854
  .nb-form {
1718
1855
  color: var(--text-primary);
1719
1856
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nubitio/crud",
3
- "version": "0.5.24",
3
+ "version": "0.5.26",
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",
@@ -51,12 +51,26 @@
51
51
  },
52
52
  "peerDependencies": {
53
53
  "@tanstack/react-query": "^5.0.0",
54
+ "@tiptap/extension-link": "^3.0.0",
55
+ "@tiptap/react": "^3.0.0",
56
+ "@tiptap/starter-kit": "^3.0.0",
54
57
  "i18next": "^23.0.0",
55
58
  "react": "^19.0.0",
56
59
  "react-dom": "^19.0.0",
57
60
  "react-i18next": "^14.0.0",
58
61
  "react-router-dom": "^6.0.0",
59
- "@nubitio/core": "^0.5.24",
60
- "@nubitio/ui": "^0.5.24"
62
+ "@nubitio/core": "^0.5.26",
63
+ "@nubitio/ui": "^0.5.26"
64
+ },
65
+ "peerDependenciesMeta": {
66
+ "@tiptap/extension-link": {
67
+ "optional": true
68
+ },
69
+ "@tiptap/react": {
70
+ "optional": true
71
+ },
72
+ "@tiptap/starter-kit": {
73
+ "optional": true
74
+ }
61
75
  }
62
76
  }