@nubitio/react-admin 0.5.26 → 0.5.28

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 (2) hide show
  1. package/dist/style.css +154 -22
  2. package/package.json +7 -7
package/dist/style.css CHANGED
@@ -3655,10 +3655,10 @@ html[data-density=compact] .nb-drawer__footer {
3655
3655
  outline: 0;
3656
3656
  transition: background var(--transition-fast), box-shadow var(--transition-fast);
3657
3657
  }
3658
- .nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td {
3658
+ .nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td:not(.nb-datagrid__cell--dirty):not(.nb-datagrid__cell--active) {
3659
3659
  background: var(--grid-row-alt-bg);
3660
3660
  }
3661
- .nb-datagrid__row:hover td {
3661
+ .nb-datagrid__row:hover td:not(.nb-datagrid__cell--dirty):not(.nb-datagrid__cell--active):not(.nb-datagrid__edit-cell) {
3662
3662
  background: var(--grid-row-hover-bg, var(--surface-2));
3663
3663
  }
3664
3664
  .nb-datagrid__row:focus-visible {
@@ -4953,10 +4953,11 @@ html[data-density=compact] .nb-datagrid .nb-badge {
4953
4953
  }
4954
4954
  }
4955
4955
  .nb-datagrid__row--editing {
4956
- background: color-mix(in srgb, var(--accent) 6%, var(--surface-0));
4956
+ background: color-mix(in srgb, var(--accent-color, var(--accent)) 5%, var(--surface-0));
4957
4957
  }
4958
- .nb-datagrid__row--editing td {
4959
- cursor: default;
4958
+
4959
+ .nb-datagrid__row--dirty .nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active) {
4960
+ background: color-mix(in srgb, #4caf50 30%, var(--surface-1, #fff));
4960
4961
  }
4961
4962
 
4962
4963
  .nb-datagrid__row--saving {
@@ -4964,43 +4965,156 @@ html[data-density=compact] .nb-datagrid .nb-badge {
4964
4965
  pointer-events: none;
4965
4966
  }
4966
4967
 
4968
+ .nb-datagrid__data-cell {
4969
+ cursor: default;
4970
+ }
4971
+
4972
+ .nb-datagrid__cell--editable {
4973
+ cursor: cell;
4974
+ }
4975
+ .nb-datagrid__cell--editable:hover:not(.nb-datagrid__cell--dirty):not(.nb-datagrid__cell--active) {
4976
+ background: color-mix(in srgb, var(--accent) 4%, var(--surface-0));
4977
+ }
4978
+
4979
+ .nb-datagrid__table td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active) {
4980
+ background: color-mix(in srgb, #4caf50 30%, var(--surface-1, #fff));
4981
+ }
4982
+
4983
+ .nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active),
4984
+ .nb-datagrid__row:hover td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active),
4985
+ .nb-datagrid__row--selected td.nb-datagrid__cell--dirty:not(.nb-datagrid__cell--active) {
4986
+ background: color-mix(in srgb, #4caf50 30%, var(--surface-1, #fff));
4987
+ }
4988
+
4989
+ .nb-datagrid__table td.nb-datagrid__cell--active {
4990
+ background: var(--surface-1);
4991
+ box-shadow: none;
4992
+ }
4993
+
4994
+ .nb-datagrid--zebra .nb-datagrid__row:nth-child(even) td.nb-datagrid__cell--active,
4995
+ .nb-datagrid__row:hover td.nb-datagrid__cell--active,
4996
+ .nb-datagrid__row--selected td.nb-datagrid__cell--active {
4997
+ background: var(--surface-1);
4998
+ box-shadow: none;
4999
+ }
5000
+
4967
5001
  .nb-datagrid__edit-cell {
4968
- padding: 3px 4px;
5002
+ height: var(--row-height);
5003
+ padding: 0;
4969
5004
  vertical-align: middle;
4970
5005
  }
4971
5006
 
4972
5007
  .nb-inline-cell {
5008
+ align-items: stretch;
5009
+ display: flex;
5010
+ height: 100%;
5011
+ min-height: var(--row-height);
5012
+ min-width: 0;
4973
5013
  width: 100%;
4974
5014
  }
4975
5015
  .nb-inline-cell .nb-inline-control,
4976
5016
  .nb-inline-cell .nb-inline-control input,
4977
5017
  .nb-inline-cell .nb-inline-control select,
4978
- .nb-inline-cell .nb-inline-control textarea {
4979
- font-size: 13px;
4980
- height: 30px;
4981
- min-height: 30px;
4982
- padding: 0 6px;
4983
- border-radius: var(--radius-sm);
5018
+ .nb-inline-cell .nb-inline-control textarea,
5019
+ .nb-inline-cell .nb-form__control,
5020
+ .nb-inline-cell .nb-form__control input,
5021
+ .nb-inline-cell .nb-form__control select,
5022
+ .nb-inline-cell .nb-form__control textarea {
5023
+ background: transparent;
5024
+ border: 0;
5025
+ border-bottom: 2px solid var(--accent-color, var(--accent));
5026
+ border-radius: 0;
5027
+ box-shadow: none;
4984
5028
  box-sizing: border-box;
5029
+ color: var(--accent-color, var(--accent));
5030
+ flex: 1 1 auto;
5031
+ font-size: 13px;
5032
+ font-weight: var(--font-weight-medium);
5033
+ height: 100%;
5034
+ line-height: var(--row-height);
5035
+ min-height: var(--row-height);
5036
+ padding: 0 var(--space-2);
5037
+ transition: border-color 0.12s;
4985
5038
  width: 100%;
4986
5039
  }
4987
- .nb-inline-cell .nb-inline-control textarea {
4988
- height: 56px;
4989
- padding: 4px 6px;
4990
- resize: none;
5040
+ .nb-inline-cell .nb-inline-control:focus,
5041
+ .nb-inline-cell .nb-inline-control input:focus,
5042
+ .nb-inline-cell .nb-inline-control select:focus,
5043
+ .nb-inline-cell .nb-inline-control textarea:focus,
5044
+ .nb-inline-cell .nb-form__control:focus,
5045
+ .nb-inline-cell .nb-form__control input:focus,
5046
+ .nb-inline-cell .nb-form__control select:focus,
5047
+ .nb-inline-cell .nb-form__control textarea:focus {
5048
+ border-bottom-color: var(--accent-color, var(--accent));
5049
+ box-shadow: none;
5050
+ outline: none;
5051
+ }
5052
+ .nb-inline-cell .nb-inline-control textarea,
5053
+ .nb-inline-cell .nb-form__control textarea {
5054
+ height: 52px;
5055
+ padding: 4px 8px;
5056
+ resize: vertical;
4991
5057
  }
4992
5058
  .nb-inline-cell .nb-form-switch,
4993
5059
  .nb-inline-cell .nb-form-checkbox {
4994
5060
  margin: 0;
4995
5061
  }
4996
- .nb-inline-cell .nb-lookup__trigger {
4997
- height: 30px;
5062
+ .nb-inline-cell .nb-dropdown {
5063
+ width: 100%;
5064
+ }
5065
+ .nb-inline-cell .nb-dropdown__trigger {
5066
+ background: transparent;
5067
+ border: 0;
5068
+ border-bottom: 2px solid var(--accent-color, var(--accent));
5069
+ border-radius: 0;
5070
+ color: var(--accent-color, var(--accent));
5071
+ font-size: 13px;
5072
+ height: 100%;
5073
+ min-height: var(--row-height);
5074
+ padding: 0 var(--space-2);
5075
+ }
5076
+ .nb-inline-cell .nb-date-picker {
5077
+ flex: 1 1 auto;
5078
+ width: 100%;
5079
+ }
5080
+ .nb-inline-cell .nb-date-picker__trigger {
5081
+ background: transparent;
5082
+ border: 0;
5083
+ border-bottom: 2px solid var(--accent-color, var(--accent));
5084
+ border-radius: 0;
5085
+ color: var(--accent-color, var(--accent));
5086
+ height: 100%;
5087
+ min-height: var(--row-height);
5088
+ }
5089
+ .nb-inline-cell .nb-date-picker__input {
4998
5090
  font-size: 13px;
5091
+ padding: 0 4px;
5092
+ }
5093
+ .nb-inline-cell .nb-form__lookup {
5094
+ flex: 1 1 auto;
5095
+ height: 100%;
5096
+ width: 100%;
5097
+ }
5098
+ .nb-inline-cell .nb-form__lookup .nb-form__control,
5099
+ .nb-inline-cell .nb-form__lookup.has-value .nb-form__control {
5100
+ font-size: 13px;
5101
+ height: 100%;
5102
+ min-height: var(--row-height);
5103
+ padding-right: 52px;
5104
+ }
5105
+ .nb-inline-cell .nb-form__lookup-toggle,
5106
+ .nb-inline-cell .nb-form__lookup-clear {
5107
+ width: 24px;
5108
+ height: 24px;
4999
5109
  }
5000
5110
  .nb-inline-cell.nb-inline-cell--error .nb-inline-control,
5001
5111
  .nb-inline-cell.nb-inline-cell--error .nb-inline-control input,
5002
- .nb-inline-cell.nb-inline-cell--error .nb-inline-control select {
5003
- border-color: var(--color-danger);
5112
+ .nb-inline-cell.nb-inline-cell--error .nb-inline-control select,
5113
+ .nb-inline-cell.nb-inline-cell--error .nb-form__control,
5114
+ .nb-inline-cell.nb-inline-cell--error .nb-date-picker__trigger,
5115
+ .nb-inline-cell.nb-inline-cell--error .nb-dropdown__trigger {
5116
+ border-bottom-color: var(--color-danger);
5117
+ color: var(--color-danger);
5004
5118
  }
5005
5119
 
5006
5120
  .nb-datagrid__inline-actions {
@@ -5043,15 +5157,33 @@ html[data-density=compact] .nb-datagrid .nb-badge {
5043
5157
  color: var(--text-primary);
5044
5158
  }
5045
5159
 
5160
+ .nb-datagrid__toolbar-icon-action--save {
5161
+ color: var(--accent);
5162
+ }
5163
+ .nb-datagrid__toolbar-icon-action--save:hover {
5164
+ background: color-mix(in srgb, var(--accent) 12%, transparent);
5165
+ }
5166
+
5167
+ .nb-datagrid__toolbar-icon-action--revert {
5168
+ color: var(--text-secondary);
5169
+ }
5170
+ .nb-datagrid__toolbar-icon-action--revert:hover {
5171
+ background: var(--surface-2);
5172
+ color: var(--text-primary);
5173
+ }
5174
+
5046
5175
  .nb-datagrid__batch-bar {
5047
5176
  display: flex;
5048
5177
  align-items: center;
5049
5178
  gap: var(--space-3);
5050
5179
  padding: 8px 14px;
5051
- background: color-mix(in srgb, var(--accent) 10%, var(--surface-0));
5052
- border-bottom: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
5180
+ background: color-mix(in srgb, #4caf50 10%, var(--surface-0));
5181
+ border-bottom: 1px solid color-mix(in srgb, #4caf50 24%, transparent);
5053
5182
  font-size: 13px;
5054
5183
  }
5184
+ .nb-datagrid__batch-bar--compact {
5185
+ padding-block: 6px;
5186
+ }
5055
5187
 
5056
5188
  .nb-datagrid__batch-bar-label {
5057
5189
  flex: 1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nubitio/react-admin",
3
- "version": "0.5.26",
3
+ "version": "0.5.28",
4
4
  "type": "module",
5
5
  "description": "Batteries-included admin stack: core runtime, CRUD, Hydra adapter, and AdminShell.",
6
6
  "license": "MIT",
@@ -50,12 +50,12 @@
50
50
  "access": "public"
51
51
  },
52
52
  "dependencies": {
53
- "@nubitio/admin": "^0.5.26",
54
- "@nubitio/core": "^0.5.26",
55
- "@nubitio/hydra": "^0.5.26",
56
- "@nubitio/crud": "^0.5.26",
57
- "@nubitio/dashboard": "^0.5.26",
58
- "@nubitio/ui": "^0.5.26"
53
+ "@nubitio/admin": "^0.5.28",
54
+ "@nubitio/hydra": "^0.5.28",
55
+ "@nubitio/core": "^0.5.28",
56
+ "@nubitio/dashboard": "^0.5.28",
57
+ "@nubitio/crud": "^0.5.28",
58
+ "@nubitio/ui": "^0.5.28"
59
59
  },
60
60
  "peerDependencies": {
61
61
  "@tanstack/react-query": "^5.0.0",