@wordpress/block-editor 8.6.0 → 9.0.0

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 (152) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +4 -2
  3. package/build/components/block-alignment-control/constants.js +48 -0
  4. package/build/components/block-alignment-control/constants.js.map +1 -0
  5. package/build/components/block-alignment-control/ui.js +9 -40
  6. package/build/components/block-alignment-control/ui.js.map +1 -1
  7. package/build/components/block-alignment-control/ui.native.js +92 -0
  8. package/build/components/block-alignment-control/ui.native.js.map +1 -0
  9. package/build/components/block-list/use-block-props/use-block-class-names.js +1 -7
  10. package/build/components/block-list/use-block-props/use-block-class-names.js.map +1 -1
  11. package/build/components/block-navigation/dropdown.js +11 -5
  12. package/build/components/block-navigation/dropdown.js.map +1 -1
  13. package/build/components/block-popover/index.js +20 -5
  14. package/build/components/block-popover/index.js.map +1 -1
  15. package/build/components/color-style-selector/index.js +9 -0
  16. package/build/components/color-style-selector/index.js.map +1 -1
  17. package/build/components/index.js +0 -9
  18. package/build/components/index.js.map +1 -1
  19. package/build/components/inserter/index.js +21 -7
  20. package/build/components/inserter/index.js.map +1 -1
  21. package/build/components/inserter/index.native.js +1 -1
  22. package/build/components/inserter/index.native.js.map +1 -1
  23. package/build/components/inserter/quick-inserter.js +4 -5
  24. package/build/components/inserter/quick-inserter.js.map +1 -1
  25. package/build/components/list-view/block.js +15 -15
  26. package/build/components/list-view/block.js.map +1 -1
  27. package/build/components/list-view/branch.js +9 -13
  28. package/build/components/list-view/branch.js.map +1 -1
  29. package/build/components/list-view/context.js +1 -4
  30. package/build/components/list-view/context.js.map +1 -1
  31. package/build/components/list-view/index.js +15 -32
  32. package/build/components/list-view/index.js.map +1 -1
  33. package/build/components/url-input/index.js +7 -3
  34. package/build/components/url-input/index.js.map +1 -1
  35. package/build/components/use-setting/index.js +42 -18
  36. package/build/components/use-setting/index.js.map +1 -1
  37. package/build/components/writing-flow/use-click-selection.js +1 -3
  38. package/build/components/writing-flow/use-click-selection.js.map +1 -1
  39. package/build/components/writing-flow/use-selection-observer.js +49 -8
  40. package/build/components/writing-flow/use-selection-observer.js.map +1 -1
  41. package/build/hooks/dimensions.js +2 -2
  42. package/build/hooks/dimensions.js.map +1 -1
  43. package/build/hooks/index.js +2 -0
  44. package/build/hooks/index.js.map +1 -1
  45. package/build/hooks/margin.js +64 -12
  46. package/build/hooks/margin.js.map +1 -1
  47. package/build/hooks/padding.js +60 -12
  48. package/build/hooks/padding.js.map +1 -1
  49. package/build/hooks/settings.js +32 -0
  50. package/build/hooks/settings.js.map +1 -0
  51. package/build/store/defaults.js +0 -1
  52. package/build/store/defaults.js.map +1 -1
  53. package/build/store/selectors.js +14 -12
  54. package/build/store/selectors.js.map +1 -1
  55. package/build-module/components/block-alignment-control/constants.js +36 -0
  56. package/build-module/components/block-alignment-control/constants.js.map +1 -0
  57. package/build-module/components/block-alignment-control/ui.js +4 -35
  58. package/build-module/components/block-alignment-control/ui.js.map +1 -1
  59. package/build-module/components/block-alignment-control/ui.native.js +78 -0
  60. package/build-module/components/block-alignment-control/ui.native.js.map +1 -0
  61. package/build-module/components/block-list/use-block-props/use-block-class-names.js +1 -7
  62. package/build-module/components/block-list/use-block-props/use-block-class-names.js.map +1 -1
  63. package/build-module/components/block-navigation/dropdown.js +10 -5
  64. package/build-module/components/block-navigation/dropdown.js.map +1 -1
  65. package/build-module/components/block-popover/index.js +21 -5
  66. package/build-module/components/block-popover/index.js.map +1 -1
  67. package/build-module/components/color-style-selector/index.js +6 -0
  68. package/build-module/components/color-style-selector/index.js.map +1 -1
  69. package/build-module/components/index.js +0 -1
  70. package/build-module/components/index.js.map +1 -1
  71. package/build-module/components/inserter/index.js +21 -7
  72. package/build-module/components/inserter/index.js.map +1 -1
  73. package/build-module/components/inserter/index.native.js +1 -1
  74. package/build-module/components/inserter/index.native.js.map +1 -1
  75. package/build-module/components/inserter/quick-inserter.js +4 -5
  76. package/build-module/components/inserter/quick-inserter.js.map +1 -1
  77. package/build-module/components/list-view/block.js +15 -16
  78. package/build-module/components/list-view/block.js.map +1 -1
  79. package/build-module/components/list-view/branch.js +9 -13
  80. package/build-module/components/list-view/branch.js.map +1 -1
  81. package/build-module/components/list-view/context.js +1 -4
  82. package/build-module/components/list-view/context.js.map +1 -1
  83. package/build-module/components/list-view/index.js +15 -31
  84. package/build-module/components/list-view/index.js.map +1 -1
  85. package/build-module/components/url-input/index.js +7 -3
  86. package/build-module/components/url-input/index.js.map +1 -1
  87. package/build-module/components/use-setting/index.js +43 -19
  88. package/build-module/components/use-setting/index.js.map +1 -1
  89. package/build-module/components/writing-flow/use-click-selection.js +1 -3
  90. package/build-module/components/writing-flow/use-click-selection.js.map +1 -1
  91. package/build-module/components/writing-flow/use-selection-observer.js +49 -8
  92. package/build-module/components/writing-flow/use-selection-observer.js.map +1 -1
  93. package/build-module/hooks/dimensions.js +5 -5
  94. package/build-module/hooks/dimensions.js.map +1 -1
  95. package/build-module/hooks/index.js +1 -0
  96. package/build-module/hooks/index.js.map +1 -1
  97. package/build-module/hooks/margin.js +61 -13
  98. package/build-module/hooks/margin.js.map +1 -1
  99. package/build-module/hooks/padding.js +57 -13
  100. package/build-module/hooks/padding.js.map +1 -1
  101. package/build-module/hooks/settings.js +29 -0
  102. package/build-module/hooks/settings.js.map +1 -0
  103. package/build-module/store/defaults.js +0 -1
  104. package/build-module/store/defaults.js.map +1 -1
  105. package/build-module/store/selectors.js +14 -12
  106. package/build-module/store/selectors.js.map +1 -1
  107. package/build-style/style-rtl.css +17 -31
  108. package/build-style/style.css +17 -31
  109. package/package.json +28 -28
  110. package/src/components/block-alignment-control/constants.js +45 -0
  111. package/src/components/block-alignment-control/ui.js +69 -109
  112. package/src/components/block-alignment-control/ui.native.js +86 -0
  113. package/src/components/block-content-overlay/style.scss +0 -1
  114. package/src/components/block-list/style.scss +7 -18
  115. package/src/components/block-list/use-block-props/use-block-class-names.js +1 -11
  116. package/src/components/block-navigation/dropdown.js +12 -8
  117. package/src/components/block-popover/index.js +20 -3
  118. package/src/components/block-popover/style.scss +3 -0
  119. package/src/components/color-palette/test/__snapshots__/control.js.snap +1 -1
  120. package/src/components/color-style-selector/index.js +18 -9
  121. package/src/components/image-size-control/README.md +1 -1
  122. package/src/components/index.js +0 -1
  123. package/src/components/inserter/index.js +20 -0
  124. package/src/components/inserter/index.native.js +1 -1
  125. package/src/components/inserter/quick-inserter.js +3 -11
  126. package/src/components/inserter/style.native.scss +1 -0
  127. package/src/components/list-view/block.js +24 -34
  128. package/src/components/list-view/branch.js +10 -20
  129. package/src/components/list-view/context.js +1 -4
  130. package/src/components/list-view/index.js +11 -41
  131. package/src/components/url-input/index.js +6 -3
  132. package/src/components/use-setting/index.js +57 -21
  133. package/src/components/writing-flow/use-click-selection.js +1 -4
  134. package/src/components/writing-flow/use-selection-observer.js +55 -10
  135. package/src/hooks/dimensions.js +44 -38
  136. package/src/hooks/index.js +1 -0
  137. package/src/hooks/margin.js +64 -15
  138. package/src/hooks/padding.js +60 -15
  139. package/src/hooks/padding.scss +12 -0
  140. package/src/hooks/settings.js +32 -0
  141. package/src/hooks/test/settings.js +48 -0
  142. package/src/store/defaults.js +0 -1
  143. package/src/store/selectors.js +14 -12
  144. package/src/store/test/selectors.js +17 -0
  145. package/src/style.scss +1 -1
  146. package/tsconfig.tsbuildinfo +1 -1
  147. package/build/components/border-style-control/index.js +0 -60
  148. package/build/components/border-style-control/index.js.map +0 -1
  149. package/build-module/components/border-style-control/index.js +0 -50
  150. package/build-module/components/border-style-control/index.js.map +0 -1
  151. package/src/components/border-style-control/index.js +0 -47
  152. package/src/components/border-style-control/style.scss +0 -18
@@ -2050,23 +2050,25 @@ export const getInserterItems = createSelector(
2050
2050
  *
2051
2051
  * Items are returned ordered descendingly by their 'frecency'.
2052
2052
  *
2053
- * @param {Object} state Editor state.
2054
- * @param {?string} rootClientId Optional root client ID of block list.
2053
+ * @param {Object} state Editor state.
2054
+ * @param {Object|Object[]} blocks Block object or array objects.
2055
+ * @param {?string} rootClientId Optional root client ID of block list.
2055
2056
  *
2056
2057
  * @return {WPEditorTransformItem[]} Items that appear in inserter.
2057
2058
  *
2058
2059
  * @typedef {Object} WPEditorTransformItem
2059
- * @property {string} id Unique identifier for the item.
2060
- * @property {string} name The type of block to create.
2061
- * @property {string} title Title of the item, as it appears in the inserter.
2062
- * @property {string} icon Dashicon for the item, as it appears in the inserter.
2063
- * @property {boolean} isDisabled Whether or not the user should be prevented from inserting
2064
- * this item.
2065
- * @property {number} frecency Heuristic that combines frequency and recency.
2060
+ * @property {string} id Unique identifier for the item.
2061
+ * @property {string} name The type of block to create.
2062
+ * @property {string} title Title of the item, as it appears in the inserter.
2063
+ * @property {string} icon Dashicon for the item, as it appears in the inserter.
2064
+ * @property {boolean} isDisabled Whether or not the user should be prevented from inserting
2065
+ * this item.
2066
+ * @property {number} frecency Heuristic that combines frequency and recency.
2066
2067
  */
2067
2068
  export const getBlockTransformItems = createSelector(
2068
2069
  ( state, blocks, rootClientId = null ) => {
2069
- const [ sourceBlock ] = blocks;
2070
+ const normalizedBlocks = castArray( blocks );
2071
+ const [ sourceBlock ] = normalizedBlocks;
2070
2072
  const buildBlockTypeTransformItem = buildBlockTypeItem( state, {
2071
2073
  buildScope: 'transform',
2072
2074
  } );
@@ -2088,11 +2090,11 @@ export const getBlockTransformItems = createSelector(
2088
2090
  isDisabled: false,
2089
2091
  name: '*',
2090
2092
  title: __( 'Unwrap' ),
2091
- icon: itemsByName[ sourceBlock.name ]?.icon,
2093
+ icon: itemsByName[ sourceBlock?.name ]?.icon,
2092
2094
  };
2093
2095
 
2094
2096
  const possibleTransforms = getPossibleBlockTransformations(
2095
- blocks
2097
+ normalizedBlocks
2096
2098
  ).reduce( ( accumulator, block ) => {
2097
2099
  if ( block === '*' ) {
2098
2100
  accumulator.push( itemsByName[ '*' ] );
@@ -3093,6 +3093,23 @@ describe( 'selectors', () => {
3093
3093
  ] )
3094
3094
  );
3095
3095
  } );
3096
+ it( 'should support single block object', () => {
3097
+ const state = {
3098
+ blocks: {
3099
+ byClientId: {},
3100
+ attributes: {},
3101
+ order: {},
3102
+ parents: {},
3103
+ cache: {},
3104
+ },
3105
+ settings: {},
3106
+ preferences: {},
3107
+ blockListSettings: {},
3108
+ };
3109
+ const block = { name: 'core/with-tranforms-a' };
3110
+ const items = getBlockTransformItems( state, block );
3111
+ expect( items ).toHaveLength( 2 );
3112
+ } );
3096
3113
  it( 'should return only eligible blocks for transformation - `allowedBlocks`', () => {
3097
3114
  const state = {
3098
3115
  blocks: {
package/src/style.scss CHANGED
@@ -26,7 +26,6 @@
26
26
  @import "./components/block-pattern-setup/style.scss";
27
27
  @import "./components/block-variation-transforms/style.scss";
28
28
  @import "./components/border-radius-control/style.scss";
29
- @import "./components/border-style-control/style.scss";
30
29
  @import "./components/button-block-appender/style.scss";
31
30
  @import "./components/colors-gradients/style.scss";
32
31
  @import "./components/contrast-checker/style.scss";
@@ -59,6 +58,7 @@
59
58
  @import "./hooks/dimensions.scss";
60
59
  @import "./hooks/typography.scss";
61
60
  @import "./hooks/color.scss";
61
+ @import "./hooks/padding.scss";
62
62
 
63
63
  @import "./components/block-toolbar/style.scss";
64
64
  @import "./components/inserter/style.scss";
@@ -1 +1 @@
1
- {"program":{"fileNames":["../../node_modules/typescript/lib/lib.es5.d.ts","../../node_modules/typescript/lib/lib.es2015.d.ts","../../node_modules/typescript/lib/lib.es2016.d.ts","../../node_modules/typescript/lib/lib.es2017.d.ts","../../node_modules/typescript/lib/lib.es2018.d.ts","../../node_modules/typescript/lib/lib.es2019.d.ts","../../node_modules/typescript/lib/lib.es2020.d.ts","../../node_modules/typescript/lib/lib.es2021.d.ts","../../node_modules/typescript/lib/lib.esnext.d.ts","../../node_modules/typescript/lib/lib.dom.d.ts","../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../node_modules/typescript/lib/lib.es2021.promise.d.ts","../../node_modules/typescript/lib/lib.es2021.string.d.ts","../../node_modules/typescript/lib/lib.es2021.weakref.d.ts","../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../node_modules/@types/react/global.d.ts","../../node_modules/@types/react/node_modules/csstype/index.d.ts","../../node_modules/@types/prop-types/index.d.ts","../../node_modules/@types/scheduler/tracing.d.ts","../../node_modules/@types/react/index.d.ts","../element/build-types/react.d.ts","../element/build-types/create-interpolate-element.d.ts","../../node_modules/@types/react-dom/index.d.ts","../element/build-types/react-platform.d.ts","../element/build-types/utils.d.ts","../element/build-types/platform.d.ts","../element/build-types/serialize.d.ts","../element/build-types/raw-html.d.ts","../element/build-types/index.d.ts","./src/components/block-context/index.js","./src/utils/dom.js"],"fileInfos":[{"version":"aa9fb4c70f369237c2f45f9d969c9a59e0eae9a192962eb48581fe864aa609db","affectsGlobalScope":true},"dc47c4fa66b9b9890cf076304de2a9c5201e94b740cffdf09f87296d877d71f6","7a387c58583dfca701b6c85e0adaf43fb17d590fb16d5b2dc0a2fbd89f35c467","8a12173c586e95f4433e0c6dc446bc88346be73ffe9ca6eec7aa63c8f3dca7f9","5f4e733ced4e129482ae2186aae29fde948ab7182844c3a5a51dd346182c7b06","e6b724280c694a9f588847f754198fb96c43d805f065c3a5b28bbc9594541c84","e21c071ca3e1b4a815d5f04a7475adcaeea5d64367e840dd0154096d705c3940","eb75e89d63b3b72dd9ca8b0cac801cecae5be352307c004adeaa60bc9d6df51f","2cc028cd0bdb35b1b5eb723d84666a255933fffbea607f72cbd0c7c7b4bee144",{"version":"e54c8715a4954cfdc66cd69489f2b725c09ebf37492dbd91cff0a1688b1159e8","affectsGlobalScope":true},{"version":"51b8b27c21c066bf877646e320bf6a722b80d1ade65e686923cd9d4494aef1ca","affectsGlobalScope":true},{"version":"43fb1d932e4966a39a41b464a12a81899d9ae5f2c829063f5571b6b87e6d2f9c","affectsGlobalScope":true},{"version":"cdccba9a388c2ee3fd6ad4018c640a471a6c060e96f1232062223063b0a5ac6a","affectsGlobalScope":true},{"version":"2c8c5ee58f30e7c944e04ab1fb5506fdbb4dd507c9efa6972cf4b91cec90c503","affectsGlobalScope":true},{"version":"2bb4b3927299434052b37851a47bf5c39764f2ba88a888a107b32262e9292b7c","affectsGlobalScope":true},{"version":"810627a82ac06fb5166da5ada4159c4ec11978dfbb0805fe804c86406dab8357","affectsGlobalScope":true},{"version":"62d80405c46c3f4c527ee657ae9d43fda65a0bf582292429aea1e69144a522a6","affectsGlobalScope":true},{"version":"3013574108c36fd3aaca79764002b3717da09725a36a6fc02eac386593110f93","affectsGlobalScope":true},{"version":"75ec0bdd727d887f1b79ed6619412ea72ba3c81d92d0787ccb64bab18d261f14","affectsGlobalScope":true},{"version":"3be5a1453daa63e031d266bf342f3943603873d890ab8b9ada95e22389389006","affectsGlobalScope":true},{"version":"17bb1fc99591b00515502d264fa55dc8370c45c5298f4a5c2083557dccba5a2a","affectsGlobalScope":true},{"version":"7ce9f0bde3307ca1f944119f6365f2d776d281a393b576a18a2f2893a2d75c98","affectsGlobalScope":true},{"version":"6a6b173e739a6a99629a8594bfb294cc7329bfb7b227f12e1f7c11bc163b8577","affectsGlobalScope":true},{"version":"12a310447c5d23c7d0d5ca2af606e3bd08afda69100166730ab92c62999ebb9d","affectsGlobalScope":true},{"version":"b0124885ef82641903d232172577f2ceb5d3e60aed4da1153bab4221e1f6dd4e","affectsGlobalScope":true},{"version":"0eb85d6c590b0d577919a79e0084fa1744c1beba6fd0d4e951432fa1ede5510a","affectsGlobalScope":true},{"version":"da233fc1c8a377ba9e0bed690a73c290d843c2c3d23a7bd7ec5cd3d7d73ba1e0","affectsGlobalScope":true},{"version":"df9c8a72ca8b0ed62f5470b41208a0587f0f73f0a7db28e5a1272cf92537518e","affectsGlobalScope":true},{"version":"bb2d3fb05a1d2ffbca947cc7cbc95d23e1d053d6595391bd325deb265a18d36c","affectsGlobalScope":true},{"version":"c80df75850fea5caa2afe43b9949338ce4e2de086f91713e9af1a06f973872b8","affectsGlobalScope":true},{"version":"9d57b2b5d15838ed094aa9ff1299eecef40b190722eb619bac4616657a05f951","affectsGlobalScope":true},{"version":"6c51b5dd26a2c31dbf37f00cfc32b2aa6a92e19c995aefb5b97a3a64f1ac99de","affectsGlobalScope":true},{"version":"93544ca2f26a48716c1b6c5091842cad63129daac422dfa4bc52460465f22bb1","affectsGlobalScope":true},{"version":"2ad234885a4240522efccd77de6c7d99eecf9b4de0914adb9a35c0c22433f993","affectsGlobalScope":true},{"version":"1b3fe904465430e030c93239a348f05e1be80640d91f2f004c3512c2c2c89f34","affectsGlobalScope":true},{"version":"7435b75fdf3509622e79622dbe5091cf4b09688410ee2034e4fc17d0c99d0862","affectsGlobalScope":true},{"version":"e7e8e1d368290e9295ef18ca23f405cf40d5456fa9f20db6373a61ca45f75f40","affectsGlobalScope":true},{"version":"faf0221ae0465363c842ce6aa8a0cbda5d9296940a8e26c86e04cc4081eea21e","affectsGlobalScope":true},{"version":"06393d13ea207a1bfe08ec8d7be562549c5e2da8983f2ee074e00002629d1871","affectsGlobalScope":true},{"version":"9f1817f7c3f02f6d56e0f403b927e90bb133f371dcebc36fa7d6d208ef6899da","affectsGlobalScope":true},{"version":"cd6efb9467a8b6338ece2e2855e37765700f2cd061ca54b01b33878cf5c7677e","affectsGlobalScope":true},{"version":"fb4416144c1bf0323ccbc9afb0ab289c07312214e8820ad17d709498c865a3fe","affectsGlobalScope":true},{"version":"5b0ca94ec819d68d33da516306c15297acec88efeb0ae9e2b39f71dbd9685ef7","affectsGlobalScope":true},{"version":"4632665b87204bb1caa8b44d165bce0c50dfab177df5b561b345a567cabacf9a","affectsGlobalScope":true},{"version":"ecf78e637f710f340ec08d5d92b3f31b134a46a4fcf2e758690d8c46ce62cba6","affectsGlobalScope":true},"381899b8d1d4c1be716f18cb5242ba39f66f4b1e31d45af62a32a99f8edcb39d","f7b46d22a307739c145e5fddf537818038fdfffd580d79ed717f4d4d37249380","f5a8b384f182b3851cec3596ccc96cb7464f8d3469f48c74bf2befb782a19de5",{"version":"1bc82f5b3bb93df76d19730c84467b0b346187198537135d63a672956f323720","affectsGlobalScope":true},"e59d00012fb20e6746def2f4bc94650526aa6c574c49ad6a50a992f61a3ee675","e47b8ec56eb49bc1c53c9012daa9874de14ad0c5da442485aec333571c74b526","45a63e17814c570ea59407f231ef9c561510bd6edb36f17479b09b44619496c6","64edfb2b255173bc63214290f9c3ed2306d658b5895ca482a0f20f03fd544ffc","d2d9e98a2b167079474768593e1e7125fc3db055add8fbdb5977e3d05a8a3696","6462da67490105ba7d98cf312c2faf8794c425781128b161ea8394d66502eec8","62359da52b6c8d00c50c2e50738fac82e902f916fdf458d8159e7edb1c60c3a8","1e0ac21bc775686383ea8c8e48bd98b385e6195b25c85525a7affd08a2cd38b9","0449615e1ed03c7d54fc435a63b7ef0cb4e5cea5ac40c9a63280a46f7eeae0ff","c2785f1635be52763ea678e43064f7b5195af88fc8652781950ae12bdd8049d7","4e8c59b6c243b9148b72d7428c71592176a520225ee91b718f4a655a5baf6624"],"options":{"allowSyntheticDefaultImports":true,"composite":true,"declaration":true,"declarationDir":"./build-types","declarationMap":true,"emitDeclarationOnly":true,"esModuleInterop":false,"importsNotUsedAsValues":2,"jsx":1,"module":99,"noFallthroughCasesInSwitch":true,"noImplicitReturns":true,"noUnusedLocals":true,"noUnusedParameters":true,"rootDir":"./src","strict":true,"target":99},"fileIdsList":[[49],[45,46,47,48],[49,58],[50],[50,51,53,54,55,56,57],[52],[49,50]],"referencedMap":[[52,1],[49,2],[59,3],[51,4],[58,5],[57,1],[53,6],[50,1],[56,7]],"exportedModulesMap":[[52,1],[49,2],[59,3],[51,4],[58,5],[57,1],[53,6],[50,1],[56,7]],"semanticDiagnosticsPerFile":[47,52,45,49,46,48,10,12,11,2,13,14,15,16,17,18,19,20,3,4,24,21,22,23,25,26,27,5,28,29,30,31,6,32,33,34,35,7,40,36,37,38,39,8,41,42,43,1,9,44,59,60,51,58,55,57,53,50,56,54]},"version":"4.4.2"}
1
+ {"program":{"fileNames":["../../node_modules/typescript/lib/lib.es5.d.ts","../../node_modules/typescript/lib/lib.es2015.d.ts","../../node_modules/typescript/lib/lib.es2016.d.ts","../../node_modules/typescript/lib/lib.es2017.d.ts","../../node_modules/typescript/lib/lib.es2018.d.ts","../../node_modules/typescript/lib/lib.es2019.d.ts","../../node_modules/typescript/lib/lib.es2020.d.ts","../../node_modules/typescript/lib/lib.es2021.d.ts","../../node_modules/typescript/lib/lib.esnext.d.ts","../../node_modules/typescript/lib/lib.dom.d.ts","../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../node_modules/typescript/lib/lib.es2021.promise.d.ts","../../node_modules/typescript/lib/lib.es2021.string.d.ts","../../node_modules/typescript/lib/lib.es2021.weakref.d.ts","../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../node_modules/@types/react/global.d.ts","../../node_modules/@types/react/node_modules/csstype/index.d.ts","../../node_modules/@types/prop-types/index.d.ts","../../node_modules/@types/scheduler/tracing.d.ts","../../node_modules/@types/react/index.d.ts","../element/build-types/react.d.ts","../element/build-types/create-interpolate-element.d.ts","../../node_modules/@types/react-dom/index.d.ts","../element/build-types/react-platform.d.ts","../element/build-types/utils.d.ts","../element/build-types/platform.d.ts","../element/build-types/serialize.d.ts","../element/build-types/raw-html.d.ts","../element/build-types/index.d.ts","./src/components/block-context/index.js","./src/utils/dom.js"],"fileInfos":[{"version":"aa9fb4c70f369237c2f45f9d969c9a59e0eae9a192962eb48581fe864aa609db","affectsGlobalScope":true},"dc47c4fa66b9b9890cf076304de2a9c5201e94b740cffdf09f87296d877d71f6","7a387c58583dfca701b6c85e0adaf43fb17d590fb16d5b2dc0a2fbd89f35c467","8a12173c586e95f4433e0c6dc446bc88346be73ffe9ca6eec7aa63c8f3dca7f9","5f4e733ced4e129482ae2186aae29fde948ab7182844c3a5a51dd346182c7b06","e6b724280c694a9f588847f754198fb96c43d805f065c3a5b28bbc9594541c84","e21c071ca3e1b4a815d5f04a7475adcaeea5d64367e840dd0154096d705c3940","eb75e89d63b3b72dd9ca8b0cac801cecae5be352307c004adeaa60bc9d6df51f","2cc028cd0bdb35b1b5eb723d84666a255933fffbea607f72cbd0c7c7b4bee144",{"version":"e54c8715a4954cfdc66cd69489f2b725c09ebf37492dbd91cff0a1688b1159e8","affectsGlobalScope":true},{"version":"51b8b27c21c066bf877646e320bf6a722b80d1ade65e686923cd9d4494aef1ca","affectsGlobalScope":true},{"version":"43fb1d932e4966a39a41b464a12a81899d9ae5f2c829063f5571b6b87e6d2f9c","affectsGlobalScope":true},{"version":"cdccba9a388c2ee3fd6ad4018c640a471a6c060e96f1232062223063b0a5ac6a","affectsGlobalScope":true},{"version":"2c8c5ee58f30e7c944e04ab1fb5506fdbb4dd507c9efa6972cf4b91cec90c503","affectsGlobalScope":true},{"version":"2bb4b3927299434052b37851a47bf5c39764f2ba88a888a107b32262e9292b7c","affectsGlobalScope":true},{"version":"810627a82ac06fb5166da5ada4159c4ec11978dfbb0805fe804c86406dab8357","affectsGlobalScope":true},{"version":"62d80405c46c3f4c527ee657ae9d43fda65a0bf582292429aea1e69144a522a6","affectsGlobalScope":true},{"version":"3013574108c36fd3aaca79764002b3717da09725a36a6fc02eac386593110f93","affectsGlobalScope":true},{"version":"75ec0bdd727d887f1b79ed6619412ea72ba3c81d92d0787ccb64bab18d261f14","affectsGlobalScope":true},{"version":"3be5a1453daa63e031d266bf342f3943603873d890ab8b9ada95e22389389006","affectsGlobalScope":true},{"version":"17bb1fc99591b00515502d264fa55dc8370c45c5298f4a5c2083557dccba5a2a","affectsGlobalScope":true},{"version":"7ce9f0bde3307ca1f944119f6365f2d776d281a393b576a18a2f2893a2d75c98","affectsGlobalScope":true},{"version":"6a6b173e739a6a99629a8594bfb294cc7329bfb7b227f12e1f7c11bc163b8577","affectsGlobalScope":true},{"version":"12a310447c5d23c7d0d5ca2af606e3bd08afda69100166730ab92c62999ebb9d","affectsGlobalScope":true},{"version":"b0124885ef82641903d232172577f2ceb5d3e60aed4da1153bab4221e1f6dd4e","affectsGlobalScope":true},{"version":"0eb85d6c590b0d577919a79e0084fa1744c1beba6fd0d4e951432fa1ede5510a","affectsGlobalScope":true},{"version":"da233fc1c8a377ba9e0bed690a73c290d843c2c3d23a7bd7ec5cd3d7d73ba1e0","affectsGlobalScope":true},{"version":"df9c8a72ca8b0ed62f5470b41208a0587f0f73f0a7db28e5a1272cf92537518e","affectsGlobalScope":true},{"version":"bb2d3fb05a1d2ffbca947cc7cbc95d23e1d053d6595391bd325deb265a18d36c","affectsGlobalScope":true},{"version":"c80df75850fea5caa2afe43b9949338ce4e2de086f91713e9af1a06f973872b8","affectsGlobalScope":true},{"version":"9d57b2b5d15838ed094aa9ff1299eecef40b190722eb619bac4616657a05f951","affectsGlobalScope":true},{"version":"6c51b5dd26a2c31dbf37f00cfc32b2aa6a92e19c995aefb5b97a3a64f1ac99de","affectsGlobalScope":true},{"version":"93544ca2f26a48716c1b6c5091842cad63129daac422dfa4bc52460465f22bb1","affectsGlobalScope":true},{"version":"2ad234885a4240522efccd77de6c7d99eecf9b4de0914adb9a35c0c22433f993","affectsGlobalScope":true},{"version":"1b3fe904465430e030c93239a348f05e1be80640d91f2f004c3512c2c2c89f34","affectsGlobalScope":true},{"version":"7435b75fdf3509622e79622dbe5091cf4b09688410ee2034e4fc17d0c99d0862","affectsGlobalScope":true},{"version":"e7e8e1d368290e9295ef18ca23f405cf40d5456fa9f20db6373a61ca45f75f40","affectsGlobalScope":true},{"version":"faf0221ae0465363c842ce6aa8a0cbda5d9296940a8e26c86e04cc4081eea21e","affectsGlobalScope":true},{"version":"06393d13ea207a1bfe08ec8d7be562549c5e2da8983f2ee074e00002629d1871","affectsGlobalScope":true},{"version":"9f1817f7c3f02f6d56e0f403b927e90bb133f371dcebc36fa7d6d208ef6899da","affectsGlobalScope":true},{"version":"cd6efb9467a8b6338ece2e2855e37765700f2cd061ca54b01b33878cf5c7677e","affectsGlobalScope":true},{"version":"fb4416144c1bf0323ccbc9afb0ab289c07312214e8820ad17d709498c865a3fe","affectsGlobalScope":true},{"version":"5b0ca94ec819d68d33da516306c15297acec88efeb0ae9e2b39f71dbd9685ef7","affectsGlobalScope":true},{"version":"4632665b87204bb1caa8b44d165bce0c50dfab177df5b561b345a567cabacf9a","affectsGlobalScope":true},{"version":"ecf78e637f710f340ec08d5d92b3f31b134a46a4fcf2e758690d8c46ce62cba6","affectsGlobalScope":true},"381899b8d1d4c1be716f18cb5242ba39f66f4b1e31d45af62a32a99f8edcb39d","f7b46d22a307739c145e5fddf537818038fdfffd580d79ed717f4d4d37249380","f5a8b384f182b3851cec3596ccc96cb7464f8d3469f48c74bf2befb782a19de5",{"version":"1bc82f5b3bb93df76d19730c84467b0b346187198537135d63a672956f323720","affectsGlobalScope":true},"e59d00012fb20e6746def2f4bc94650526aa6c574c49ad6a50a992f61a3ee675","e47b8ec56eb49bc1c53c9012daa9874de14ad0c5da442485aec333571c74b526","45a63e17814c570ea59407f231ef9c561510bd6edb36f17479b09b44619496c6","5d7018910750d9cb4a912577ad2951fc3fad83c30d637689b69ffc6bbb0c9f5a","d2d9e98a2b167079474768593e1e7125fc3db055add8fbdb5977e3d05a8a3696","6462da67490105ba7d98cf312c2faf8794c425781128b161ea8394d66502eec8","62359da52b6c8d00c50c2e50738fac82e902f916fdf458d8159e7edb1c60c3a8","1e0ac21bc775686383ea8c8e48bd98b385e6195b25c85525a7affd08a2cd38b9","0449615e1ed03c7d54fc435a63b7ef0cb4e5cea5ac40c9a63280a46f7eeae0ff","c2785f1635be52763ea678e43064f7b5195af88fc8652781950ae12bdd8049d7","4e8c59b6c243b9148b72d7428c71592176a520225ee91b718f4a655a5baf6624"],"options":{"allowSyntheticDefaultImports":true,"composite":true,"declaration":true,"declarationDir":"./build-types","declarationMap":true,"emitDeclarationOnly":true,"esModuleInterop":false,"importsNotUsedAsValues":2,"jsx":1,"module":99,"noFallthroughCasesInSwitch":true,"noImplicitReturns":true,"noUnusedLocals":true,"noUnusedParameters":true,"rootDir":"./src","strict":true,"target":99},"fileIdsList":[[49],[45,46,47,48],[49,58],[50],[50,51,53,54,55,56,57],[52],[49,50]],"referencedMap":[[52,1],[49,2],[59,3],[51,4],[58,5],[57,1],[53,6],[50,1],[56,7]],"exportedModulesMap":[[52,1],[49,2],[59,3],[51,4],[58,5],[57,1],[53,6],[50,1],[56,7]],"semanticDiagnosticsPerFile":[47,52,45,49,46,48,10,12,11,2,13,14,15,16,17,18,19,20,3,4,24,21,22,23,25,26,27,5,28,29,30,31,6,32,33,34,35,7,40,36,37,38,39,8,41,42,43,1,9,44,59,60,51,58,55,57,53,50,56,54]},"version":"4.4.2"}
@@ -1,60 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = BorderStyleControl;
7
-
8
- var _element = require("@wordpress/element");
9
-
10
- var _components = require("@wordpress/components");
11
-
12
- var _i18n = require("@wordpress/i18n");
13
-
14
- var _icons = require("@wordpress/icons");
15
-
16
- /**
17
- * WordPress dependencies
18
- */
19
- const BORDER_STYLES = [{
20
- label: (0, _i18n.__)('Solid'),
21
- icon: _icons.lineSolid,
22
- value: 'solid'
23
- }, {
24
- label: (0, _i18n.__)('Dashed'),
25
- icon: _icons.lineDashed,
26
- value: 'dashed'
27
- }, {
28
- label: (0, _i18n.__)('Dotted'),
29
- icon: _icons.lineDotted,
30
- value: 'dotted'
31
- }];
32
- /**
33
- * Control to display border style options.
34
- *
35
- * @param {Object} props Component props.
36
- * @param {Function} props.onChange Handler for changing border style selection.
37
- * @param {string} props.value Currently selected border style value.
38
- *
39
- * @return {WPElement} Custom border style segmented control.
40
- */
41
-
42
- function BorderStyleControl(_ref) {
43
- let {
44
- onChange,
45
- value
46
- } = _ref;
47
- return (0, _element.createElement)("fieldset", {
48
- className: "components-border-style-control"
49
- }, (0, _element.createElement)("legend", null, (0, _i18n.__)('Style')), (0, _element.createElement)("div", {
50
- className: "components-border-style-control__buttons"
51
- }, BORDER_STYLES.map(borderStyle => (0, _element.createElement)(_components.Button, {
52
- key: borderStyle.value,
53
- icon: borderStyle.icon,
54
- isSmall: true,
55
- isPressed: borderStyle.value === value,
56
- onClick: () => onChange(borderStyle.value === value ? undefined : borderStyle.value),
57
- "aria-label": borderStyle.label
58
- }))));
59
- }
60
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/block-editor/src/components/border-style-control/index.js"],"names":["BORDER_STYLES","label","icon","lineSolid","value","lineDashed","lineDotted","BorderStyleControl","onChange","map","borderStyle","undefined"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AALA;AACA;AACA;AAKA,MAAMA,aAAa,GAAG,CACrB;AAAEC,EAAAA,KAAK,EAAE,cAAI,OAAJ,CAAT;AAAwBC,EAAAA,IAAI,EAAEC,gBAA9B;AAAyCC,EAAAA,KAAK,EAAE;AAAhD,CADqB,EAErB;AAAEH,EAAAA,KAAK,EAAE,cAAI,QAAJ,CAAT;AAAyBC,EAAAA,IAAI,EAAEG,iBAA/B;AAA2CD,EAAAA,KAAK,EAAE;AAAlD,CAFqB,EAGrB;AAAEH,EAAAA,KAAK,EAAE,cAAI,QAAJ,CAAT;AAAyBC,EAAAA,IAAI,EAAEI,iBAA/B;AAA2CF,EAAAA,KAAK,EAAE;AAAlD,CAHqB,CAAtB;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACe,SAASG,kBAAT,OAAmD;AAAA,MAAtB;AAAEC,IAAAA,QAAF;AAAYJ,IAAAA;AAAZ,GAAsB;AACjE,SACC;AAAU,IAAA,SAAS,EAAC;AAApB,KACC,4CAAU,cAAI,OAAJ,CAAV,CADD,EAEC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGJ,aAAa,CAACS,GAAd,CAAqBC,WAAF,IACpB,4BAAC,kBAAD;AACC,IAAA,GAAG,EAAGA,WAAW,CAACN,KADnB;AAEC,IAAA,IAAI,EAAGM,WAAW,CAACR,IAFpB;AAGC,IAAA,OAAO,MAHR;AAIC,IAAA,SAAS,EAAGQ,WAAW,CAACN,KAAZ,KAAsBA,KAJnC;AAKC,IAAA,OAAO,EAAG,MACTI,QAAQ,CACPE,WAAW,CAACN,KAAZ,KAAsBA,KAAtB,GACGO,SADH,GAEGD,WAAW,CAACN,KAHR,CANV;AAYC,kBAAaM,WAAW,CAACT;AAZ1B,IADC,CADH,CAFD,CADD;AAuBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { lineDashed, lineDotted, lineSolid } from '@wordpress/icons';\n\nconst BORDER_STYLES = [\n\t{ label: __( 'Solid' ), icon: lineSolid, value: 'solid' },\n\t{ label: __( 'Dashed' ), icon: lineDashed, value: 'dashed' },\n\t{ label: __( 'Dotted' ), icon: lineDotted, value: 'dotted' },\n];\n\n/**\n * Control to display border style options.\n *\n * @param {Object} props Component props.\n * @param {Function} props.onChange Handler for changing border style selection.\n * @param {string} props.value Currently selected border style value.\n *\n * @return {WPElement} Custom border style segmented control.\n */\nexport default function BorderStyleControl( { onChange, value } ) {\n\treturn (\n\t\t<fieldset className=\"components-border-style-control\">\n\t\t\t<legend>{ __( 'Style' ) }</legend>\n\t\t\t<div className=\"components-border-style-control__buttons\">\n\t\t\t\t{ BORDER_STYLES.map( ( borderStyle ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ borderStyle.value }\n\t\t\t\t\t\ticon={ borderStyle.icon }\n\t\t\t\t\t\tisSmall\n\t\t\t\t\t\tisPressed={ borderStyle.value === value }\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tborderStyle.value === value\n\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t: borderStyle.value\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ borderStyle.label }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n"]}
@@ -1,50 +0,0 @@
1
- import { createElement } from "@wordpress/element";
2
-
3
- /**
4
- * WordPress dependencies
5
- */
6
- import { Button } from '@wordpress/components';
7
- import { __ } from '@wordpress/i18n';
8
- import { lineDashed, lineDotted, lineSolid } from '@wordpress/icons';
9
- const BORDER_STYLES = [{
10
- label: __('Solid'),
11
- icon: lineSolid,
12
- value: 'solid'
13
- }, {
14
- label: __('Dashed'),
15
- icon: lineDashed,
16
- value: 'dashed'
17
- }, {
18
- label: __('Dotted'),
19
- icon: lineDotted,
20
- value: 'dotted'
21
- }];
22
- /**
23
- * Control to display border style options.
24
- *
25
- * @param {Object} props Component props.
26
- * @param {Function} props.onChange Handler for changing border style selection.
27
- * @param {string} props.value Currently selected border style value.
28
- *
29
- * @return {WPElement} Custom border style segmented control.
30
- */
31
-
32
- export default function BorderStyleControl(_ref) {
33
- let {
34
- onChange,
35
- value
36
- } = _ref;
37
- return createElement("fieldset", {
38
- className: "components-border-style-control"
39
- }, createElement("legend", null, __('Style')), createElement("div", {
40
- className: "components-border-style-control__buttons"
41
- }, BORDER_STYLES.map(borderStyle => createElement(Button, {
42
- key: borderStyle.value,
43
- icon: borderStyle.icon,
44
- isSmall: true,
45
- isPressed: borderStyle.value === value,
46
- onClick: () => onChange(borderStyle.value === value ? undefined : borderStyle.value),
47
- "aria-label": borderStyle.label
48
- }))));
49
- }
50
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/block-editor/src/components/border-style-control/index.js"],"names":["Button","__","lineDashed","lineDotted","lineSolid","BORDER_STYLES","label","icon","value","BorderStyleControl","onChange","map","borderStyle","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,uBAAvB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,UAAT,EAAqBC,UAArB,EAAiCC,SAAjC,QAAkD,kBAAlD;AAEA,MAAMC,aAAa,GAAG,CACrB;AAAEC,EAAAA,KAAK,EAAEL,EAAE,CAAE,OAAF,CAAX;AAAwBM,EAAAA,IAAI,EAAEH,SAA9B;AAAyCI,EAAAA,KAAK,EAAE;AAAhD,CADqB,EAErB;AAAEF,EAAAA,KAAK,EAAEL,EAAE,CAAE,QAAF,CAAX;AAAyBM,EAAAA,IAAI,EAAEL,UAA/B;AAA2CM,EAAAA,KAAK,EAAE;AAAlD,CAFqB,EAGrB;AAAEF,EAAAA,KAAK,EAAEL,EAAE,CAAE,QAAF,CAAX;AAAyBM,EAAAA,IAAI,EAAEJ,UAA/B;AAA2CK,EAAAA,KAAK,EAAE;AAAlD,CAHqB,CAAtB;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,kBAAT,OAAmD;AAAA,MAAtB;AAAEC,IAAAA,QAAF;AAAYF,IAAAA;AAAZ,GAAsB;AACjE,SACC;AAAU,IAAA,SAAS,EAAC;AAApB,KACC,8BAAUP,EAAE,CAAE,OAAF,CAAZ,CADD,EAEC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGI,aAAa,CAACM,GAAd,CAAqBC,WAAF,IACpB,cAAC,MAAD;AACC,IAAA,GAAG,EAAGA,WAAW,CAACJ,KADnB;AAEC,IAAA,IAAI,EAAGI,WAAW,CAACL,IAFpB;AAGC,IAAA,OAAO,MAHR;AAIC,IAAA,SAAS,EAAGK,WAAW,CAACJ,KAAZ,KAAsBA,KAJnC;AAKC,IAAA,OAAO,EAAG,MACTE,QAAQ,CACPE,WAAW,CAACJ,KAAZ,KAAsBA,KAAtB,GACGK,SADH,GAEGD,WAAW,CAACJ,KAHR,CANV;AAYC,kBAAaI,WAAW,CAACN;AAZ1B,IADC,CADH,CAFD,CADD;AAuBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { lineDashed, lineDotted, lineSolid } from '@wordpress/icons';\n\nconst BORDER_STYLES = [\n\t{ label: __( 'Solid' ), icon: lineSolid, value: 'solid' },\n\t{ label: __( 'Dashed' ), icon: lineDashed, value: 'dashed' },\n\t{ label: __( 'Dotted' ), icon: lineDotted, value: 'dotted' },\n];\n\n/**\n * Control to display border style options.\n *\n * @param {Object} props Component props.\n * @param {Function} props.onChange Handler for changing border style selection.\n * @param {string} props.value Currently selected border style value.\n *\n * @return {WPElement} Custom border style segmented control.\n */\nexport default function BorderStyleControl( { onChange, value } ) {\n\treturn (\n\t\t<fieldset className=\"components-border-style-control\">\n\t\t\t<legend>{ __( 'Style' ) }</legend>\n\t\t\t<div className=\"components-border-style-control__buttons\">\n\t\t\t\t{ BORDER_STYLES.map( ( borderStyle ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ borderStyle.value }\n\t\t\t\t\t\ticon={ borderStyle.icon }\n\t\t\t\t\t\tisSmall\n\t\t\t\t\t\tisPressed={ borderStyle.value === value }\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tborderStyle.value === value\n\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t: borderStyle.value\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ borderStyle.label }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n"]}
@@ -1,47 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { Button } from '@wordpress/components';
5
- import { __ } from '@wordpress/i18n';
6
- import { lineDashed, lineDotted, lineSolid } from '@wordpress/icons';
7
-
8
- const BORDER_STYLES = [
9
- { label: __( 'Solid' ), icon: lineSolid, value: 'solid' },
10
- { label: __( 'Dashed' ), icon: lineDashed, value: 'dashed' },
11
- { label: __( 'Dotted' ), icon: lineDotted, value: 'dotted' },
12
- ];
13
-
14
- /**
15
- * Control to display border style options.
16
- *
17
- * @param {Object} props Component props.
18
- * @param {Function} props.onChange Handler for changing border style selection.
19
- * @param {string} props.value Currently selected border style value.
20
- *
21
- * @return {WPElement} Custom border style segmented control.
22
- */
23
- export default function BorderStyleControl( { onChange, value } ) {
24
- return (
25
- <fieldset className="components-border-style-control">
26
- <legend>{ __( 'Style' ) }</legend>
27
- <div className="components-border-style-control__buttons">
28
- { BORDER_STYLES.map( ( borderStyle ) => (
29
- <Button
30
- key={ borderStyle.value }
31
- icon={ borderStyle.icon }
32
- isSmall
33
- isPressed={ borderStyle.value === value }
34
- onClick={ () =>
35
- onChange(
36
- borderStyle.value === value
37
- ? undefined
38
- : borderStyle.value
39
- )
40
- }
41
- aria-label={ borderStyle.label }
42
- />
43
- ) ) }
44
- </div>
45
- </fieldset>
46
- );
47
- }
@@ -1,18 +0,0 @@
1
- .components-border-style-control {
2
- legend {
3
- line-height: 1.4;
4
- margin-bottom: $grid-unit-10;
5
- padding: 0;
6
- }
7
-
8
- .components-border-style-control__buttons {
9
- display: inline-flex;
10
-
11
- .components-button.has-icon {
12
- min-width: 30px;
13
- height: 30px;
14
- padding: 3px;
15
- margin-right: $grid-unit-05;
16
- }
17
- }
18
- }