@wordpress/components 21.0.5 → 21.0.7

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 (87) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/build/autocomplete/index.js +11 -9
  3. package/build/autocomplete/index.js.map +1 -1
  4. package/build/circular-option-picker/index.js +14 -14
  5. package/build/circular-option-picker/index.js.map +1 -1
  6. package/build/color-palette/index.js +83 -30
  7. package/build/color-palette/index.js.map +1 -1
  8. package/build/color-palette/styles.js +3 -3
  9. package/build/color-palette/styles.js.map +1 -1
  10. package/build/color-palette/types.js +6 -0
  11. package/build/color-palette/types.js.map +1 -0
  12. package/build/font-size-picker/index.js +1 -1
  13. package/build/font-size-picker/index.js.map +1 -1
  14. package/build/form-token-field/index.js +12 -10
  15. package/build/form-token-field/index.js.map +1 -1
  16. package/build/navigator/navigator-provider/component.js +5 -3
  17. package/build/navigator/navigator-provider/component.js.map +1 -1
  18. package/build/navigator/navigator-screen/component.js +5 -3
  19. package/build/navigator/navigator-screen/component.js.map +1 -1
  20. package/build/popover/index.js +1 -26
  21. package/build/popover/index.js.map +1 -1
  22. package/build-module/autocomplete/index.js +10 -9
  23. package/build-module/autocomplete/index.js.map +1 -1
  24. package/build-module/circular-option-picker/index.js +14 -14
  25. package/build-module/circular-option-picker/index.js.map +1 -1
  26. package/build-module/color-palette/index.js +81 -28
  27. package/build-module/color-palette/index.js.map +1 -1
  28. package/build-module/color-palette/styles.js +3 -3
  29. package/build-module/color-palette/styles.js.map +1 -1
  30. package/build-module/color-palette/types.js +2 -0
  31. package/build-module/color-palette/types.js.map +1 -0
  32. package/build-module/font-size-picker/index.js +1 -1
  33. package/build-module/font-size-picker/index.js.map +1 -1
  34. package/build-module/form-token-field/index.js +11 -10
  35. package/build-module/form-token-field/index.js.map +1 -1
  36. package/build-module/navigator/navigator-provider/component.js +5 -3
  37. package/build-module/navigator/navigator-provider/component.js.map +1 -1
  38. package/build-module/navigator/navigator-screen/component.js +5 -3
  39. package/build-module/navigator/navigator-screen/component.js.map +1 -1
  40. package/build-module/popover/index.js +1 -26
  41. package/build-module/popover/index.js.map +1 -1
  42. package/build-types/border-control/types.d.ts +1 -1
  43. package/build-types/border-control/types.d.ts.map +1 -1
  44. package/build-types/circular-option-picker/index.d.ts +4 -24
  45. package/build-types/circular-option-picker/index.d.ts.map +1 -1
  46. package/build-types/color-palette/index.d.ts +33 -18
  47. package/build-types/color-palette/index.d.ts.map +1 -1
  48. package/build-types/color-palette/stories/index.d.ts +21 -0
  49. package/build-types/color-palette/stories/index.d.ts.map +1 -0
  50. package/build-types/color-palette/styles.d.ts +2 -1
  51. package/build-types/color-palette/styles.d.ts.map +1 -1
  52. package/build-types/color-palette/test/index.d.ts +2 -0
  53. package/build-types/color-palette/test/index.d.ts.map +1 -0
  54. package/build-types/color-palette/types.d.ts +86 -0
  55. package/build-types/color-palette/types.d.ts.map +1 -0
  56. package/build-types/confirm-dialog/component.d.ts +4 -4
  57. package/build-types/form-token-field/index.d.ts.map +1 -1
  58. package/build-types/navigator/navigator-provider/component.d.ts.map +1 -1
  59. package/build-types/navigator/navigator-screen/component.d.ts.map +1 -1
  60. package/build-types/navigator/types.d.ts +1 -0
  61. package/build-types/navigator/types.d.ts.map +1 -1
  62. package/build-types/popover/index.d.ts.map +1 -1
  63. package/build-types/popover/types.d.ts +0 -14
  64. package/build-types/popover/types.d.ts.map +1 -1
  65. package/package.json +2 -2
  66. package/src/autocomplete/index.js +18 -9
  67. package/src/border-control/types.ts +1 -1
  68. package/src/circular-option-picker/index.js +14 -20
  69. package/src/color-palette/README.md +51 -49
  70. package/src/color-palette/{index.js → index.tsx} +132 -51
  71. package/src/color-palette/stories/{index.js → index.tsx} +38 -27
  72. package/src/color-palette/{styles.js → styles.ts} +0 -0
  73. package/src/color-palette/test/__snapshots__/index.tsx.snap +270 -0
  74. package/src/color-palette/test/index.tsx +164 -0
  75. package/src/color-palette/types.ts +93 -0
  76. package/src/font-size-picker/index.js +1 -1
  77. package/src/form-token-field/index.tsx +21 -10
  78. package/src/form-token-field/test/index.tsx +167 -73
  79. package/src/navigator/navigator-provider/component.tsx +2 -0
  80. package/src/navigator/navigator-screen/component.tsx +9 -1
  81. package/src/navigator/types.ts +1 -0
  82. package/src/popover/README.md +3 -9
  83. package/src/popover/index.tsx +1 -25
  84. package/src/popover/types.ts +0 -14
  85. package/tsconfig.tsbuildinfo +1 -1
  86. package/src/color-palette/test/__snapshots__/index.js.snap +0 -1207
  87. package/src/color-palette/test/index.js +0 -118
@@ -92,7 +92,7 @@ The element should be stored in state rather than a plain ref to ensure reactive
92
92
 
93
93
  ### `anchorRect`: `DomRectWithOwnerDocument`
94
94
 
95
- _Note: this prop is deprecated and will be removed in WordPress 6.3. Please use the `anchor` prop instead._
95
+ _Note: this prop is deprecated. Please use the `anchor` prop instead._
96
96
 
97
97
  An object extending a `DOMRect` with an additional optional `ownerDocument` property, used to specify a fixed popover position.
98
98
 
@@ -100,7 +100,7 @@ An object extending a `DOMRect` with an additional optional `ownerDocument` prop
100
100
 
101
101
  ### `anchorRef`: `Element | PopoverAnchorRefReference | PopoverAnchorRefTopBottom | Range`
102
102
 
103
- _Note: this prop is deprecated and will be removed in WordPress 6.3. Please use the `anchor` prop instead._
103
+ _Note: this prop is deprecated. Please use the `anchor` prop instead._
104
104
 
105
105
  Used to specify a fixed popover position. It can be an `Element`, a React reference to an `element`, an object with a `top` and a `bottom` properties (both pointing to elements), or a `range`.
106
106
 
@@ -157,7 +157,7 @@ When not provided, the `onClose` callback will be called instead.
157
157
 
158
158
  ### `getAnchorRect`: `( fallbackReferenceElement: Element | null ) => DomRectWithOwnerDocument`
159
159
 
160
- _Note: this prop is deprecated and will be removed in WordPress 6.3. Please use the `anchor` prop instead._
160
+ _Note: this prop is deprecated. Please use the `anchor` prop instead._
161
161
 
162
162
  A function returning the same value as the one expected by the `anchorRect` prop, used to specify a dynamic popover position.
163
163
 
@@ -222,9 +222,3 @@ Adjusts the size of the popover to prevent its contents from going out of view w
222
222
 
223
223
  - Required: No
224
224
  - Default: `true`
225
-
226
- ### `range`: `unknown`
227
-
228
- _Note: this prop is deprecated and will be removed in WordPress 6.3. It has no effect on the component._
229
-
230
- - Required: No
@@ -184,23 +184,14 @@ const UnforwardedPopover = (
184
184
 
185
185
  // Deprecated props
186
186
  __unstableForcePosition,
187
- __unstableShift,
188
187
  anchorRef,
189
188
  anchorRect,
190
189
  getAnchorRect,
191
- range,
192
190
 
193
191
  // Rest
194
192
  ...contentProps
195
193
  } = props;
196
194
 
197
- if ( range ) {
198
- deprecated( '`range` prop in wp.components.Popover', {
199
- since: '6.1',
200
- version: '6.3',
201
- } );
202
- }
203
-
204
195
  let computedFlipProp = flip;
205
196
  let computedResizeProp = resize;
206
197
  if ( __unstableForcePosition !== undefined ) {
@@ -216,22 +207,9 @@ const UnforwardedPopover = (
216
207
  computedResizeProp = ! __unstableForcePosition;
217
208
  }
218
209
 
219
- let shouldShift = shift;
220
- if ( __unstableShift !== undefined ) {
221
- deprecated( '`__unstableShift` prop in wp.components.Popover', {
222
- since: '6.1',
223
- version: '6.3',
224
- alternative: '`shift` prop`',
225
- } );
226
-
227
- // Back-compat.
228
- shouldShift = __unstableShift;
229
- }
230
-
231
210
  if ( anchorRef !== undefined ) {
232
211
  deprecated( '`anchorRef` prop in wp.components.Popover', {
233
212
  since: '6.1',
234
- version: '6.3',
235
213
  alternative: '`anchor` prop',
236
214
  } );
237
215
  }
@@ -239,7 +217,6 @@ const UnforwardedPopover = (
239
217
  if ( anchorRect !== undefined ) {
240
218
  deprecated( '`anchorRect` prop in wp.components.Popover', {
241
219
  since: '6.1',
242
- version: '6.3',
243
220
  alternative: '`anchor` prop',
244
221
  } );
245
222
  }
@@ -247,7 +224,6 @@ const UnforwardedPopover = (
247
224
  if ( getAnchorRect !== undefined ) {
248
225
  deprecated( '`getAnchorRect` prop in wp.components.Popover', {
249
226
  since: '6.1',
250
- version: '6.3',
251
227
  alternative: '`anchor` prop',
252
228
  } );
253
229
  }
@@ -325,7 +301,7 @@ const UnforwardedPopover = (
325
301
  },
326
302
  } )
327
303
  : undefined,
328
- shouldShift
304
+ shift
329
305
  ? shiftMiddleware( {
330
306
  crossAxis: true,
331
307
  limiter: customLimitShift(),
@@ -147,14 +147,6 @@ export type PopoverProps = {
147
147
  * @deprecated
148
148
  */
149
149
  __unstableForcePosition?: boolean;
150
- /**
151
- * Enables the `Popover` to shift in order to stay in view when meeting the
152
- * viewport edges.
153
- * _Note: this prop is deprecated. Use the `shift` prop instead._
154
- *
155
- * @deprecated
156
- */
157
- __unstableShift?: boolean;
158
150
  /**
159
151
  * An object extending a `DOMRect` with an additional optional `ownerDocument`
160
152
  * property, used to specify a fixed popover position.
@@ -183,10 +175,4 @@ export type PopoverProps = {
183
175
  getAnchorRect?: (
184
176
  fallbackReferenceElement: Element | null
185
177
  ) => DomRectWithOwnerDocument;
186
- /**
187
- * _Note: this prop is deprecated and has no effect on the component._
188
- *
189
- * @deprecated
190
- */
191
- range?: unknown;
192
178
  };