@osdk/react-components 0.2.0-beta.16 → 0.2.0-beta.17

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 (100) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/README.md +5 -3
  3. package/build/browser/base-components/tooltip/Tooltip.js +91 -0
  4. package/build/browser/base-components/tooltip/Tooltip.js.map +1 -0
  5. package/build/browser/base-components/tooltip/Tooltip.module.css +70 -0
  6. package/build/browser/base-components/tooltip/Tooltip.module.css.js +11 -0
  7. package/build/browser/base-components/tooltip/index.js +18 -0
  8. package/build/browser/base-components/tooltip/index.js.map +1 -0
  9. package/build/browser/filter-list/hooks/useFilterListState.js +5 -6
  10. package/build/browser/filter-list/hooks/useFilterListState.js.map +1 -1
  11. package/build/browser/filter-list/utils/filterStateToWhereClause.js +18 -3
  12. package/build/browser/filter-list/utils/filterStateToWhereClause.js.map +1 -1
  13. package/build/browser/object-table/DefaultCellRenderer.js +6 -1
  14. package/build/browser/object-table/DefaultCellRenderer.js.map +1 -1
  15. package/build/browser/object-table/EditableCell.js +76 -9
  16. package/build/browser/object-table/EditableCell.js.map +1 -1
  17. package/build/browser/object-table/EditableCell.module.css +47 -8
  18. package/build/browser/object-table/EditableCell.module.css.js +5 -1
  19. package/build/browser/object-table/MultiColumnSortDialog.js +4 -1
  20. package/build/browser/object-table/MultiColumnSortDialog.js.map +1 -1
  21. package/build/browser/object-table/ObjectTable.js +4 -1
  22. package/build/browser/object-table/ObjectTable.js.map +1 -1
  23. package/build/browser/object-table/ObjectTableApi.js.map +1 -1
  24. package/build/browser/object-table/SelectionCells.js +1 -0
  25. package/build/browser/object-table/SelectionCells.js.map +1 -1
  26. package/build/browser/object-table/Table.js +2 -2
  27. package/build/browser/object-table/Table.js.map +1 -1
  28. package/build/browser/object-table/TableBody.js +1 -1
  29. package/build/browser/object-table/TableBody.js.map +1 -1
  30. package/build/browser/object-table/TableEditContainer.js +27 -16
  31. package/build/browser/object-table/TableEditContainer.js.map +1 -1
  32. package/build/browser/object-table/TableEditContainer.module.css +27 -0
  33. package/build/browser/object-table/TableEditContainer.module.css.js +5 -1
  34. package/build/browser/object-table/TableRow.js +2 -2
  35. package/build/browser/object-table/TableRow.js.map +1 -1
  36. package/build/browser/object-table/hooks/useColumnDefs.js +2 -1
  37. package/build/browser/object-table/hooks/useColumnDefs.js.map +1 -1
  38. package/build/browser/object-table/hooks/useEditableTable.js +21 -2
  39. package/build/browser/object-table/hooks/useEditableTable.js.map +1 -1
  40. package/build/browser/object-table/utils/types.js.map +1 -1
  41. package/build/browser/styles.css +147 -8
  42. package/build/cjs/public/experimental.cjs +969 -772
  43. package/build/cjs/public/experimental.cjs.map +1 -1
  44. package/build/cjs/public/experimental.css +103 -8
  45. package/build/cjs/public/experimental.css.map +1 -1
  46. package/build/cjs/public/experimental.d.cts +18 -4
  47. package/build/esm/base-components/tooltip/Tooltip.js +91 -0
  48. package/build/esm/base-components/tooltip/Tooltip.js.map +1 -0
  49. package/build/esm/base-components/tooltip/Tooltip.module.css +70 -0
  50. package/build/esm/base-components/tooltip/index.js +18 -0
  51. package/build/esm/base-components/tooltip/index.js.map +1 -0
  52. package/build/esm/filter-list/hooks/useFilterListState.js +5 -6
  53. package/build/esm/filter-list/hooks/useFilterListState.js.map +1 -1
  54. package/build/esm/filter-list/utils/filterStateToWhereClause.js +18 -3
  55. package/build/esm/filter-list/utils/filterStateToWhereClause.js.map +1 -1
  56. package/build/esm/object-table/DefaultCellRenderer.js +6 -1
  57. package/build/esm/object-table/DefaultCellRenderer.js.map +1 -1
  58. package/build/esm/object-table/EditableCell.js +76 -9
  59. package/build/esm/object-table/EditableCell.js.map +1 -1
  60. package/build/esm/object-table/EditableCell.module.css +47 -8
  61. package/build/esm/object-table/MultiColumnSortDialog.js +4 -1
  62. package/build/esm/object-table/MultiColumnSortDialog.js.map +1 -1
  63. package/build/esm/object-table/ObjectTable.js +4 -1
  64. package/build/esm/object-table/ObjectTable.js.map +1 -1
  65. package/build/esm/object-table/ObjectTableApi.js.map +1 -1
  66. package/build/esm/object-table/SelectionCells.js +1 -0
  67. package/build/esm/object-table/SelectionCells.js.map +1 -1
  68. package/build/esm/object-table/Table.js +2 -2
  69. package/build/esm/object-table/Table.js.map +1 -1
  70. package/build/esm/object-table/TableBody.js +1 -1
  71. package/build/esm/object-table/TableBody.js.map +1 -1
  72. package/build/esm/object-table/TableEditContainer.js +27 -16
  73. package/build/esm/object-table/TableEditContainer.js.map +1 -1
  74. package/build/esm/object-table/TableEditContainer.module.css +27 -0
  75. package/build/esm/object-table/TableRow.js +2 -2
  76. package/build/esm/object-table/TableRow.js.map +1 -1
  77. package/build/esm/object-table/hooks/useColumnDefs.js +2 -1
  78. package/build/esm/object-table/hooks/useColumnDefs.js.map +1 -1
  79. package/build/esm/object-table/hooks/useEditableTable.js +21 -2
  80. package/build/esm/object-table/hooks/useEditableTable.js.map +1 -1
  81. package/build/esm/object-table/utils/types.js.map +1 -1
  82. package/build/types/base-components/tooltip/Tooltip.d.ts +31 -0
  83. package/build/types/base-components/tooltip/Tooltip.d.ts.map +1 -0
  84. package/build/types/base-components/tooltip/index.d.ts +1 -0
  85. package/build/types/base-components/tooltip/index.d.ts.map +1 -0
  86. package/build/types/filter-list/utils/filterStateToWhereClause.d.ts.map +1 -1
  87. package/build/types/object-table/EditableCell.d.ts +8 -2
  88. package/build/types/object-table/EditableCell.d.ts.map +1 -1
  89. package/build/types/object-table/ObjectTableApi.d.ts +7 -0
  90. package/build/types/object-table/ObjectTableApi.d.ts.map +1 -1
  91. package/build/types/object-table/Table.d.ts +4 -0
  92. package/build/types/object-table/Table.d.ts.map +1 -1
  93. package/build/types/object-table/TableEditContainer.d.ts +1 -1
  94. package/build/types/object-table/TableEditContainer.d.ts.map +1 -1
  95. package/build/types/object-table/TableRow.d.ts +2 -2
  96. package/build/types/object-table/TableRow.d.ts.map +1 -1
  97. package/build/types/object-table/hooks/useEditableTable.d.ts.map +1 -1
  98. package/build/types/object-table/utils/types.d.ts +7 -4
  99. package/build/types/object-table/utils/types.d.ts.map +1 -1
  100. package/package.json +5 -5
@@ -817,6 +817,79 @@
817
817
  }
818
818
 
819
819
 
820
+ /* base-components/tooltip/Tooltip.module.css */
821
+ /*
822
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
823
+ *
824
+ * Licensed under the Apache License, Version 2.0 (the "License");
825
+ * you may not use this file except in compliance with the License.
826
+ * You may obtain a copy of the License at
827
+ *
828
+ * http://www.apache.org/licenses/LICENSE-2.0
829
+ *
830
+ * Unless required by applicable law or agreed to in writing, software
831
+ * distributed under the License is distributed on an "AS IS" BASIS,
832
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
833
+ * See the License for the specific language governing permissions and
834
+ * limitations under the License.
835
+ */
836
+
837
+ .Tooltip-module__osdkTooltipTrigger___KY5Ck6WI {
838
+ border: none;
839
+ background: inherit;
840
+ }
841
+
842
+ .Tooltip-module__osdkTooltipPositioner___3DC1bpvr {
843
+ z-index: var(--osdk-tooltip-z-index);
844
+ }
845
+
846
+ .Tooltip-module__osdkTooltipPopup___QgGaKttX {
847
+ padding: var(--osdk-tooltip-padding);
848
+ background-color: var(--osdk-tooltip-bg);
849
+ border-radius: var(--osdk-surface-border-radius);
850
+ box-shadow: var(--osdk-tooltip-shadow);
851
+ max-width: var(--osdk-tooltip-max-width);
852
+ font-size: var(--osdk-tooltip-font-size);
853
+ }
854
+
855
+ /*
856
+ * Hardcoded values are copied from base ui example
857
+ * https://base-ui.com/react/components/tooltip
858
+ *
859
+ * */
860
+ .Tooltip-module__osdkTooltipArrow___42KD-Edu {
861
+ display: flex;
862
+
863
+ &[data-side="top"] {
864
+ bottom: -8px;
865
+ rotate: 180deg;
866
+ }
867
+
868
+ &[data-side="bottom"] {
869
+ top: -8px;
870
+ rotate: 0deg;
871
+ }
872
+
873
+ &[data-side="left"] {
874
+ right: -13px;
875
+ rotate: 90deg;
876
+ }
877
+
878
+ &[data-side="right"] {
879
+ left: -13px;
880
+ rotate: -90deg;
881
+ }
882
+ }
883
+
884
+ .Tooltip-module__tooltipArrowFill___4DZeMWmZ {
885
+ fill: var(--osdk-tooltip-bg);
886
+ }
887
+
888
+ .Tooltip-module__tooltipArrowOuterStroke___ATRD8XzR {
889
+ fill: var(--osdk-tooltip-border-color);
890
+ }
891
+
892
+
820
893
  /* filter-list/base/FilterList.module.css */
821
894
  /*
822
895
  * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
@@ -2354,13 +2427,14 @@
2354
2427
 
2355
2428
 
2356
2429
  /* object-table/EditableCell.module.css */
2357
- .EditableCell-module__osdkEditableInput___2BjN5Q4P {
2358
- overflow: hidden;
2359
- text-overflow: ellipsis;
2360
- white-space: nowrap;
2361
- text-align: left;
2362
- padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 3);
2430
+ .EditableCell-module__osdkEditableCell___P-nxlrRu {
2363
2431
  width: 100%;
2432
+ display: flex;
2433
+ justify-content: space-between;
2434
+ align-items: center;
2435
+ gap: var(--osdk-surface-spacing);
2436
+
2437
+ padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 3);
2364
2438
  border-radius: var(--osdk-surface-border-radius);
2365
2439
  border: var(--osdk-surface-border-width) solid transparent;
2366
2440
  background: inherit;
@@ -2373,11 +2447,39 @@
2373
2447
  border: var(--osdk-table-cell-edited-border);
2374
2448
  }
2375
2449
 
2376
- &:focus,
2377
- &.EditableCell-module__osdkEditedInput___HxzrAqJz:focus {
2450
+ &:focus-within,
2451
+ &.EditableCell-module__osdkEditedInput___HxzrAqJz:focus-within {
2378
2452
  border: var(--osdk-emphasis-focus-width) solid
2379
2453
  var(--osdk-emphasis-focus-color);
2380
2454
  }
2455
+
2456
+ &.EditableCell-module__error___yNbrj69Y {
2457
+ border: var(--osdk-table-cell-edited-border-error);
2458
+
2459
+ &:focus-within {
2460
+ border: var(--osdk-emphasis-focus-width) solid
2461
+ var(--osdk-intent-danger-rest);
2462
+ }
2463
+ }
2464
+ }
2465
+
2466
+ &.EditableCell-module__error___yNbrj69Y {
2467
+ background: var(--osdk-table-cell-editable-bg);
2468
+ border: var(--osdk-table-cell-edited-border-error);
2469
+ }
2470
+ }
2471
+
2472
+ .EditableCell-module__osdkEditableInput___2BjN5Q4P {
2473
+ width: 100%;
2474
+ overflow: hidden;
2475
+ text-overflow: ellipsis;
2476
+ white-space: nowrap;
2477
+ text-align: left;
2478
+ background: inherit;
2479
+ border: none;
2480
+
2481
+ &:focus {
2482
+ outline: none;
2381
2483
  }
2382
2484
  }
2383
2485
 
@@ -2386,6 +2488,16 @@
2386
2488
  background: var(--osdk-table-cell-editable-bg);
2387
2489
  }
2388
2490
 
2491
+ .EditableCell-module__validationError___42e5gigN {
2492
+ display: flex;
2493
+ align-items: center;
2494
+ gap: var(--osdk-surface-spacing);
2495
+ }
2496
+
2497
+ .EditableCell-module__errorIcon___bBnWLGrm {
2498
+ color: var(--osdk-intent-danger-rest);
2499
+ }
2500
+
2389
2501
 
2390
2502
  /* object-table/LoadingCell.module.css */
2391
2503
  /*
@@ -2838,6 +2950,15 @@
2838
2950
  padding: calc(var(--osdk-surface-spacing) * 2) 0;
2839
2951
  }
2840
2952
 
2953
+ .TableEditContainer-module__editsInfoContainer___rio3wv4g {
2954
+ display: flex;
2955
+ align-items: center;
2956
+ justify-content: center;
2957
+ flex-direction: row;
2958
+ gap: calc(var(--osdk-surface-spacing) * 3);
2959
+ font-size: var(--osdk-typography-size-body-small);
2960
+ }
2961
+
2841
2962
  .TableEditContainer-module__modificationCount___sLN93v77 {
2842
2963
  color: var(--osdk-intent-primary-rest);
2843
2964
  font-size: var(--osdk-typography-size-body-small);
@@ -2851,6 +2972,24 @@
2851
2972
  flex: 1;
2852
2973
  }
2853
2974
 
2975
+ .TableEditContainer-module__validationError___kQN-U73X {
2976
+ display: flex;
2977
+ align-items: center;
2978
+ gap: calc(var(--osdk-surface-spacing) * 2);
2979
+ color: var(--osdk-intent-danger-rest);
2980
+ }
2981
+
2982
+ .TableEditContainer-module__errorIcon___aZ797GFl {
2983
+ color: var(--osdk-intent-danger-rest);
2984
+ }
2985
+
2986
+ .TableEditContainer-module__divider___W-1K3O-k {
2987
+ width: 1px;
2988
+ height: 8px;
2989
+ background-color: var(--osdk-surface-border-color-default);
2990
+ align-self: center;
2991
+ }
2992
+
2854
2993
 
2855
2994
  /* object-table/TableHeader.module.css */
2856
2995
  /*