@plaudit/gutenberg-api-extensions 2.90.1 → 2.91.1

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 (52) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/blocks/basic-custom-block-bindings-support.js +1 -1
  3. package/dist/blocks/basic-custom-block-bindings-support.js.map +1 -1
  4. package/dist/blocks/common-native-property-constructors.js +18 -11
  5. package/dist/blocks/common-native-property-constructors.js.map +1 -1
  6. package/dist/blocks/data-controller/reducer.js +1 -4
  7. package/dist/blocks/data-controller/reducer.js.map +1 -1
  8. package/dist/blocks/data-controller/trigger-handlers.js +20 -11
  9. package/dist/blocks/data-controller/trigger-handlers.js.map +1 -1
  10. package/dist/blocks/data-controller/utils.js +9 -9
  11. package/dist/blocks/data-controller/utils.js.map +1 -1
  12. package/dist/blocks/data-controller-manager.d.ts +1 -1
  13. package/dist/blocks/data-controller-manager.js.map +1 -1
  14. package/dist/blocks/data-controller.d.ts +1 -1
  15. package/dist/blocks/data-controller.js.map +1 -1
  16. package/dist/blocks/hooks/useSuspendableOptions.js +1 -1
  17. package/dist/blocks/hooks/useSuspendableOptions.js.map +1 -1
  18. package/dist/blocks/simple-native-property-api.d.ts +2 -2
  19. package/dist/blocks/simple-native-property-api.js +3 -2
  20. package/dist/blocks/simple-native-property-api.js.map +1 -1
  21. package/dist/blocks/simple-native-property-impl.js +0 -1
  22. package/dist/blocks/simple-native-property-impl.js.map +1 -1
  23. package/dist/blocks/snp-data-store.d.ts +2 -2
  24. package/dist/blocks/snp-data-store.js +10 -15
  25. package/dist/blocks/snp-data-store.js.map +1 -1
  26. package/dist/controls/ExtendedTermPicker.js +3 -4
  27. package/dist/controls/ExtendedTermPicker.js.map +1 -1
  28. package/dist/controls/basicNumericallyIdedItemPicker.js +3 -4
  29. package/dist/controls/basicNumericallyIdedItemPicker.js.map +1 -1
  30. package/dist/index.d.ts +4 -8
  31. package/dist/index.js +4 -1
  32. package/dist/index.js.map +1 -1
  33. package/dist/lib/modified-fast-deep-equals.d.ts +4 -0
  34. package/dist/lib/modified-fast-deep-equals.js +91 -0
  35. package/dist/lib/modified-fast-deep-equals.js.map +1 -0
  36. package/package.json +2 -2
  37. package/src/blocks/basic-custom-block-bindings-support.tsx +1 -1
  38. package/src/blocks/common-native-property-constructors.tsx +18 -12
  39. package/src/blocks/data-controller/reducer.ts +1 -4
  40. package/src/blocks/data-controller/trigger-handlers.ts +22 -11
  41. package/src/blocks/data-controller/utils.ts +9 -9
  42. package/src/blocks/data-controller-manager.ts +2 -2
  43. package/src/blocks/data-controller.ts +2 -4
  44. package/src/blocks/hooks/useSuspendableOptions.ts +1 -1
  45. package/src/blocks/simple-native-property-api.ts +5 -4
  46. package/src/blocks/simple-native-property-impl.tsx +0 -1
  47. package/src/blocks/snp-data-store.ts +12 -15
  48. package/src/controls/ExtendedTermPicker.tsx +3 -4
  49. package/src/controls/basicNumericallyIdedItemPicker.tsx +3 -4
  50. package/src/index.ts +5 -10
  51. package/src/lib/modified-fast-deep-equals.ts +91 -0
  52. package/styles/sortable-items-control.pcss +61 -55
package/styles/sortable-items-control.pcss CHANGED
@@ -1,71 +1,77 @@
1
- .plaudit-sortable-items-container .drop-zone {
2
- background-color: #ccc;
3
- transition-property: height, padding;
4
- transition-duration: 250ms;
5
- transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
6
- overflow: hidden;
7
- height: 20px;
8
- }
1
+ .plaudit-sortable-items-container {
2
+ .drop-zone {
3
+ background-color: #ccc;
4
+ transition-property: height, padding;
5
+ transition-duration: 250ms;
6
+ transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
7
+ overflow: hidden;
8
+ height: 20px;
9
9
 
10
- .plaudit-sortable-items-container .drop-zone.plaudit-sortable-items-hidden {
11
- height: 0;
12
- padding: 0;
13
- }
10
+ &.plaudit-sortable-items-hidden {
11
+ height: 0;
12
+ padding: 0;
13
+ }
14
+ }
14
15
 
15
- .plaudit-sortable-items-container .dragging {
16
- display: none !important;
17
- }
18
- .plaudit-sortable-items-container .floating {
19
- position: fixed;
20
- box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
21
- }
16
+ .dragging {
17
+ display: none !important;
18
+ }
22
19
 
23
- .plaudit-sortable-items-container .plaudit-sortable-items-row {
24
- display: grid;
25
- grid-template-areas: "HANDLE FIELD CONTROL";
26
- grid-template-columns: auto 1fr auto;
27
- border: 1px solid #ccc;
28
- background: #fff;
29
- }
30
- .plaudit-sortable-items-container .plaudit-sortable-items-ordering-controls {
31
- display: flex;
32
- flex-direction: row;
33
- gap: 0;
34
- padding-right: 6px;
20
+ .floating {
21
+ position: fixed;
22
+ box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
23
+ }
35
24
 
36
- .plaudit-sortable-items-ordering-control {
25
+ .plaudit-sortable-items-row {
37
26
  display: grid;
38
- place-content: center;
39
- line-height: 1;
27
+ grid-template-areas: "HANDLE FIELD CONTROL";
28
+ grid-template-columns: auto 1fr auto;
29
+ border: 1px solid #ccc;
30
+ background: #fff;
31
+ }
40
32
 
41
- .components-button {
42
- height: 16px;
43
- min-width: 16px;
44
- padding: 0;
33
+ .plaudit-sortable-items-ordering-controls {
34
+ display: flex;
35
+ flex-direction: row;
36
+ gap: 0;
37
+ padding-right: 6px;
38
+
39
+ .plaudit-sortable-items-ordering-control {
40
+ display: grid;
41
+ place-content: center;
42
+ line-height: 1;
45
43
 
46
- span.dashIcon {
44
+ .components-button {
45
+ height: 16px;
46
+ min-width: 16px;
47
47
  padding: 0;
48
- width: 16px;
48
+
49
+ span.dashIcon {
50
+ padding: 0;
51
+ width: 16px;
52
+ }
49
53
  }
50
54
  }
51
55
  }
52
- }
53
- .plaudit-sortable-items-container .plaudit-sortable-items-presence-controls {
54
- display: flex;
55
- flex-direction: column;
56
- margin-top: -4px;
57
56
 
58
- button[aria-label="Insert After"] {
59
- position: absolute;
60
- top: 100%;
61
- left: 50%;
62
- width: 30px;
63
- height: 30px;
64
- transform: translate(-50%, -50%);
57
+ .plaudit-sortable-items-presence-controls {
58
+ display: flex;
59
+ flex-direction: column;
60
+ margin-top: -4px;
61
+
62
+ button[aria-label="Insert After"] {
63
+ position: absolute;
64
+ top: 100%;
65
+ left: 50%;
66
+ width: 30px;
67
+ height: 30px;
68
+ transform: translate(-50%, -50%);
69
+ }
70
+ }
71
+
72
+ .plaudit-sortable-items-padded {
73
+ padding-block: 8px;
65
74
  }
66
- }
67
- .plaudit-sortable-items-container .plaudit-sortable-items-padded {
68
- padding-block-start: 8px;
69
75
  }
70
76
 
71
77
  .plaudit-sortable-items-buttons.flexible-items {