@osdk/react-components 0.2.0-beta.12 → 0.2.0-beta.13

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 (66) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/build/browser/base-components/draggable-list/DraggableList.module.css +2 -2
  3. package/build/browser/filter-list/FilterListApi.js.map +1 -1
  4. package/build/browser/filter-list/base/DragHandleIcon.js +51 -0
  5. package/build/browser/filter-list/base/DragHandleIcon.js.map +1 -0
  6. package/build/browser/filter-list/base/FilterList.js +3 -1
  7. package/build/browser/filter-list/base/FilterList.js.map +1 -1
  8. package/build/browser/filter-list/base/FilterListContent.js +143 -3
  9. package/build/browser/filter-list/base/FilterListContent.js.map +1 -1
  10. package/build/browser/filter-list/base/FilterListContent.module.css +6 -0
  11. package/build/browser/filter-list/base/FilterListContent.module.css.js +2 -1
  12. package/build/browser/filter-list/base/FilterListItem.js +11 -18
  13. package/build/browser/filter-list/base/FilterListItem.js.map +1 -1
  14. package/build/browser/filter-list/base/FilterListItem.module.css +32 -0
  15. package/build/browser/filter-list/base/FilterListItem.module.css.js +3 -1
  16. package/build/browser/filter-list/base/SortableFilterListItem.js +63 -0
  17. package/build/browser/filter-list/base/SortableFilterListItem.js.map +1 -0
  18. package/build/browser/filter-list/utils/getFilterLabel.js +36 -0
  19. package/build/browser/filter-list/utils/getFilterLabel.js.map +1 -0
  20. package/build/browser/object-table/EditableCell.js +1 -2
  21. package/build/browser/object-table/EditableCell.js.map +1 -1
  22. package/build/browser/object-table/TableRow.js +1 -2
  23. package/build/browser/object-table/TableRow.js.map +1 -1
  24. package/build/browser/styles.css +40 -2
  25. package/build/cjs/public/experimental.cjs +905 -677
  26. package/build/cjs/public/experimental.cjs.map +1 -1
  27. package/build/cjs/public/experimental.css +34 -2
  28. package/build/cjs/public/experimental.css.map +1 -1
  29. package/build/cjs/public/experimental.d.cts +7 -0
  30. package/build/esm/base-components/draggable-list/DraggableList.module.css +2 -2
  31. package/build/esm/filter-list/FilterListApi.js.map +1 -1
  32. package/build/esm/filter-list/base/DragHandleIcon.js +51 -0
  33. package/build/esm/filter-list/base/DragHandleIcon.js.map +1 -0
  34. package/build/esm/filter-list/base/FilterList.js +3 -1
  35. package/build/esm/filter-list/base/FilterList.js.map +1 -1
  36. package/build/esm/filter-list/base/FilterListContent.js +143 -3
  37. package/build/esm/filter-list/base/FilterListContent.js.map +1 -1
  38. package/build/esm/filter-list/base/FilterListContent.module.css +6 -0
  39. package/build/esm/filter-list/base/FilterListItem.js +11 -18
  40. package/build/esm/filter-list/base/FilterListItem.js.map +1 -1
  41. package/build/esm/filter-list/base/FilterListItem.module.css +32 -0
  42. package/build/esm/filter-list/base/SortableFilterListItem.js +63 -0
  43. package/build/esm/filter-list/base/SortableFilterListItem.js.map +1 -0
  44. package/build/esm/filter-list/utils/getFilterLabel.js +36 -0
  45. package/build/esm/filter-list/utils/getFilterLabel.js.map +1 -0
  46. package/build/esm/object-table/EditableCell.js +1 -2
  47. package/build/esm/object-table/EditableCell.js.map +1 -1
  48. package/build/esm/object-table/TableRow.js +1 -2
  49. package/build/esm/object-table/TableRow.js.map +1 -1
  50. package/build/types/filter-list/FilterListApi.d.ts +7 -0
  51. package/build/types/filter-list/FilterListApi.d.ts.map +1 -1
  52. package/build/types/filter-list/base/DragHandleIcon.d.ts +2 -0
  53. package/build/types/filter-list/base/DragHandleIcon.d.ts.map +1 -0
  54. package/build/types/filter-list/base/FilterListContent.d.ts +2 -1
  55. package/build/types/filter-list/base/FilterListContent.d.ts.map +1 -1
  56. package/build/types/filter-list/base/FilterListItem.d.ts +4 -1
  57. package/build/types/filter-list/base/FilterListItem.d.ts.map +1 -1
  58. package/build/types/filter-list/base/SortableFilterListItem.d.ts +16 -0
  59. package/build/types/filter-list/base/SortableFilterListItem.d.ts.map +1 -0
  60. package/build/types/filter-list/utils/getFilterLabel.d.ts +3 -0
  61. package/build/types/filter-list/utils/getFilterLabel.d.ts.map +1 -0
  62. package/build/types/object-table/EditableCell.d.ts +1 -3
  63. package/build/types/object-table/EditableCell.d.ts.map +1 -1
  64. package/build/types/object-table/TableRow.d.ts +1 -2
  65. package/build/types/object-table/TableRow.d.ts.map +1 -1
  66. package/package.json +5 -5
package/build/cjs/public/experimental.css CHANGED
@@ -55,6 +55,11 @@
55
55
  color: var(--osdk-filter-list-empty-text-color);
56
56
  font-size: var(--osdk-filter-list-empty-font-size);
57
57
  }
58
+ .dragOverlay {
59
+ box-shadow: var(--osdk-filter-item-drag-overlay-shadow);
60
+ border-radius: var(--osdk-filter-item-drag-overlay-border-radius);
61
+ background: var(--osdk-filter-item-drag-overlay-bg);
62
+ }
58
63
 
59
64
  /* src/shared/ErrorBoundary.module.css */
60
65
  .errorContainer {
@@ -972,6 +977,33 @@
972
977
  display: flex;
973
978
  flex-direction: column;
974
979
  }
980
+ .dragHandle {
981
+ display: flex;
982
+ align-items: center;
983
+ justify-content: center;
984
+ padding: var(--osdk-filter-item-drag-handle-padding);
985
+ margin-right: var(--osdk-surface-spacing);
986
+ border: none;
987
+ background: var(--osdk-filter-item-drag-handle-bg);
988
+ cursor: var(--osdk-drag-handle-cursor);
989
+ border-radius: var(--osdk-filter-item-drag-handle-border-radius);
990
+ color: var(--osdk-filter-item-drag-handle-color);
991
+ touch-action: none;
992
+ &:hover {
993
+ color: var(--osdk-filter-item-drag-handle-color-hover);
994
+ background: var(--osdk-filter-item-drag-handle-bg-hover);
995
+ }
996
+ &:active {
997
+ cursor: var(--osdk-drag-handle-cursor-active);
998
+ }
999
+ &:focus-visible {
1000
+ outline: 2px solid var(--osdk-filter-item-drag-handle-focus-outline-color);
1001
+ outline-offset: 2px;
1002
+ }
1003
+ }
1004
+ .dragging {
1005
+ opacity: var(--osdk-filter-item-dragging-opacity);
1006
+ }
975
1007
 
976
1008
  /* src/filter-list/base/FilterListHeader.module.css */
977
1009
  .header {
@@ -1365,13 +1397,13 @@
1365
1397
  }
1366
1398
  .dragHandle {
1367
1399
  display: flex;
1368
- cursor: grab;
1400
+ cursor: var(--osdk-drag-handle-cursor);
1369
1401
  color: var(--osdk-draggable-item-drag-icon-color);
1370
1402
  &:hover {
1371
1403
  color: var(--osdk-draggable-item-drag-icon-color-hover);
1372
1404
  }
1373
1405
  &:active {
1374
- cursor: grabbing;
1406
+ cursor: var(--osdk-drag-handle-cursor-active);
1375
1407
  }
1376
1408
  &:focus {
1377
1409
  outline: none;