@wordpress/dataviews 11.0.0 → 11.1.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 (303) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/README.md +140 -93
  3. package/build/components/dataviews-filters/filter.js +25 -267
  4. package/build/components/dataviews-filters/filter.js.map +2 -2
  5. package/build/components/dataviews-filters/input-widget.js +1 -4
  6. package/build/components/dataviews-filters/input-widget.js.map +2 -2
  7. package/build/components/dataviews-filters/use-filters.js +3 -3
  8. package/build/components/dataviews-filters/use-filters.js.map +2 -2
  9. package/build/constants.js +5 -142
  10. package/build/constants.js.map +2 -2
  11. package/build/dataform-controls/number.js +2 -1
  12. package/build/dataform-controls/number.js.map +2 -2
  13. package/build/dataform-controls/textarea.js +3 -1
  14. package/build/dataform-controls/textarea.js.map +2 -2
  15. package/build/dataform-controls/utils/get-custom-validity.js +8 -0
  16. package/build/dataform-controls/utils/get-custom-validity.js.map +2 -2
  17. package/build/dataform-controls/utils/validated-input.js +4 -2
  18. package/build/dataform-controls/utils/validated-input.js.map +2 -2
  19. package/build/dataform-controls/utils/validated-number.js +4 -2
  20. package/build/dataform-controls/utils/validated-number.js.map +2 -2
  21. package/build/dataform-layouts/panel/modal.js +14 -5
  22. package/build/dataform-layouts/panel/modal.js.map +2 -2
  23. package/build/dataviews-layouts/grid/composite-grid.js +39 -37
  24. package/build/dataviews-layouts/grid/composite-grid.js.map +3 -3
  25. package/build/dataviews-layouts/table/index.js +8 -3
  26. package/build/dataviews-layouts/table/index.js.map +2 -2
  27. package/build/field-types/array.js +27 -14
  28. package/build/field-types/array.js.map +3 -3
  29. package/build/field-types/boolean.js +13 -10
  30. package/build/field-types/boolean.js.map +3 -3
  31. package/build/field-types/color.js +14 -11
  32. package/build/field-types/color.js.map +3 -3
  33. package/build/field-types/date.js +11 -8
  34. package/build/field-types/date.js.map +3 -3
  35. package/build/field-types/datetime.js +7 -5
  36. package/build/field-types/datetime.js.map +3 -3
  37. package/build/field-types/email.js +20 -11
  38. package/build/field-types/email.js.map +3 -3
  39. package/build/field-types/index.js +12 -14
  40. package/build/field-types/index.js.map +3 -3
  41. package/build/field-types/integer.js +63 -14
  42. package/build/field-types/integer.js.map +3 -3
  43. package/build/field-types/media.js +5 -5
  44. package/build/field-types/media.js.map +2 -2
  45. package/build/field-types/no-type.js +9 -6
  46. package/build/field-types/no-type.js.map +3 -3
  47. package/build/field-types/number.js +51 -15
  48. package/build/field-types/number.js.map +3 -3
  49. package/build/field-types/password.js +13 -5
  50. package/build/field-types/password.js.map +3 -3
  51. package/build/field-types/telephone.js +13 -5
  52. package/build/field-types/telephone.js.map +3 -3
  53. package/build/field-types/text.js +13 -5
  54. package/build/field-types/text.js.map +3 -3
  55. package/build/field-types/url.js +13 -5
  56. package/build/field-types/url.js.map +3 -3
  57. package/build/field-types/utils/get-is-valid.js +89 -0
  58. package/build/field-types/utils/get-is-valid.js.map +7 -0
  59. package/build/field-types/utils/is-valid-elements.js +35 -0
  60. package/build/field-types/utils/is-valid-elements.js.map +7 -0
  61. package/build/field-types/utils/is-valid-max-length.js +36 -0
  62. package/build/field-types/utils/is-valid-max-length.js.map +7 -0
  63. package/build/field-types/utils/is-valid-max.js +36 -0
  64. package/build/field-types/utils/is-valid-max.js.map +7 -0
  65. package/build/field-types/utils/is-valid-min-length.js +36 -0
  66. package/build/field-types/utils/is-valid-min-length.js.map +7 -0
  67. package/build/field-types/utils/is-valid-min.js +36 -0
  68. package/build/field-types/utils/is-valid-min.js.map +7 -0
  69. package/build/field-types/utils/is-valid-pattern.js +41 -0
  70. package/build/field-types/utils/is-valid-pattern.js.map +7 -0
  71. package/build/field-types/utils/is-valid-required-for-array.js +32 -0
  72. package/build/field-types/utils/is-valid-required-for-array.js.map +7 -0
  73. package/build/field-types/utils/is-valid-required-for-bool.js +30 -0
  74. package/build/field-types/utils/is-valid-required-for-bool.js.map +7 -0
  75. package/build/field-types/utils/is-valid-required.js +30 -0
  76. package/build/field-types/utils/is-valid-required.js.map +7 -0
  77. package/build/hooks/use-form-validity.js +52 -102
  78. package/build/hooks/use-form-validity.js.map +2 -2
  79. package/build/types/field-api.js.map +1 -1
  80. package/build/types/private.js.map +1 -1
  81. package/build/utils/filter-sort-and-paginate.js +5 -0
  82. package/build/utils/filter-sort-and-paginate.js.map +3 -3
  83. package/build/utils/operators.js +399 -0
  84. package/build/utils/operators.js.map +7 -0
  85. package/build-module/components/dataviews-filters/filter.js +26 -292
  86. package/build-module/components/dataviews-filters/filter.js.map +2 -2
  87. package/build-module/components/dataviews-filters/input-widget.js +1 -4
  88. package/build-module/components/dataviews-filters/input-widget.js.map +2 -2
  89. package/build-module/components/dataviews-filters/use-filters.js +6 -3
  90. package/build-module/components/dataviews-filters/use-filters.js.map +2 -2
  91. package/build-module/constants.js +5 -139
  92. package/build-module/constants.js.map +2 -2
  93. package/build-module/dataform-controls/number.js +2 -1
  94. package/build-module/dataform-controls/number.js.map +2 -2
  95. package/build-module/dataform-controls/textarea.js +3 -1
  96. package/build-module/dataform-controls/textarea.js.map +2 -2
  97. package/build-module/dataform-controls/utils/get-custom-validity.js +8 -0
  98. package/build-module/dataform-controls/utils/get-custom-validity.js.map +2 -2
  99. package/build-module/dataform-controls/utils/validated-input.js +4 -2
  100. package/build-module/dataform-controls/utils/validated-input.js.map +2 -2
  101. package/build-module/dataform-controls/utils/validated-number.js +4 -2
  102. package/build-module/dataform-controls/utils/validated-number.js.map +2 -2
  103. package/build-module/dataform-layouts/panel/modal.js +14 -5
  104. package/build-module/dataform-layouts/panel/modal.js.map +2 -2
  105. package/build-module/dataviews-layouts/grid/composite-grid.js +40 -38
  106. package/build-module/dataviews-layouts/grid/composite-grid.js.map +3 -3
  107. package/build-module/dataviews-layouts/table/index.js +8 -3
  108. package/build-module/dataviews-layouts/table/index.js.map +2 -2
  109. package/build-module/field-types/array.js +17 -14
  110. package/build-module/field-types/array.js.map +2 -2
  111. package/build-module/field-types/boolean.js +13 -10
  112. package/build-module/field-types/boolean.js.map +2 -2
  113. package/build-module/field-types/color.js +14 -11
  114. package/build-module/field-types/color.js.map +2 -2
  115. package/build-module/field-types/date.js +11 -8
  116. package/build-module/field-types/date.js.map +2 -2
  117. package/build-module/field-types/datetime.js +7 -5
  118. package/build-module/field-types/datetime.js.map +2 -2
  119. package/build-module/field-types/email.js +20 -11
  120. package/build-module/field-types/email.js.map +2 -2
  121. package/build-module/field-types/index.js +12 -14
  122. package/build-module/field-types/index.js.map +2 -2
  123. package/build-module/field-types/integer.js +58 -13
  124. package/build-module/field-types/integer.js.map +2 -2
  125. package/build-module/field-types/media.js +5 -5
  126. package/build-module/field-types/media.js.map +2 -2
  127. package/build-module/field-types/no-type.js +10 -7
  128. package/build-module/field-types/no-type.js.map +2 -2
  129. package/build-module/field-types/number.js +47 -15
  130. package/build-module/field-types/number.js.map +2 -2
  131. package/build-module/field-types/password.js +13 -5
  132. package/build-module/field-types/password.js.map +2 -2
  133. package/build-module/field-types/telephone.js +13 -5
  134. package/build-module/field-types/telephone.js.map +2 -2
  135. package/build-module/field-types/text.js +13 -5
  136. package/build-module/field-types/text.js.map +2 -2
  137. package/build-module/field-types/url.js +13 -5
  138. package/build-module/field-types/url.js.map +2 -2
  139. package/build-module/field-types/utils/get-is-valid.js +68 -0
  140. package/build-module/field-types/utils/get-is-valid.js.map +7 -0
  141. package/build-module/field-types/utils/is-valid-elements.js +14 -0
  142. package/build-module/field-types/utils/is-valid-elements.js.map +7 -0
  143. package/build-module/field-types/utils/is-valid-max-length.js +15 -0
  144. package/build-module/field-types/utils/is-valid-max-length.js.map +7 -0
  145. package/build-module/field-types/utils/is-valid-max.js +15 -0
  146. package/build-module/field-types/utils/is-valid-max.js.map +7 -0
  147. package/build-module/field-types/utils/is-valid-min-length.js +15 -0
  148. package/build-module/field-types/utils/is-valid-min-length.js.map +7 -0
  149. package/build-module/field-types/utils/is-valid-min.js +15 -0
  150. package/build-module/field-types/utils/is-valid-min.js.map +7 -0
  151. package/build-module/field-types/utils/is-valid-pattern.js +20 -0
  152. package/build-module/field-types/utils/is-valid-pattern.js.map +7 -0
  153. package/build-module/field-types/utils/is-valid-required-for-array.js +11 -0
  154. package/build-module/field-types/utils/is-valid-required-for-array.js.map +7 -0
  155. package/build-module/field-types/utils/is-valid-required-for-bool.js +9 -0
  156. package/build-module/field-types/utils/is-valid-required-for-bool.js.map +7 -0
  157. package/build-module/field-types/utils/is-valid-required.js +9 -0
  158. package/build-module/field-types/utils/is-valid-required.js.map +7 -0
  159. package/build-module/hooks/use-form-validity.js +52 -102
  160. package/build-module/hooks/use-form-validity.js.map +2 -2
  161. package/build-module/utils/filter-sort-and-paginate.js +5 -0
  162. package/build-module/utils/filter-sort-and-paginate.js.map +2 -2
  163. package/build-module/utils/operators.js +394 -0
  164. package/build-module/utils/operators.js.map +7 -0
  165. package/build-style/style-rtl.css +13 -80
  166. package/build-style/style.css +13 -80
  167. package/build-types/components/dataviews-filters/filter.d.ts.map +1 -1
  168. package/build-types/components/dataviews-filters/input-widget.d.ts.map +1 -1
  169. package/build-types/components/dataviews-filters/use-filters.d.ts.map +1 -1
  170. package/build-types/constants.d.ts +6 -12
  171. package/build-types/constants.d.ts.map +1 -1
  172. package/build-types/dataform-controls/number.d.ts.map +1 -1
  173. package/build-types/dataform-controls/textarea.d.ts.map +1 -1
  174. package/build-types/dataform-controls/utils/get-custom-validity.d.ts +2 -2
  175. package/build-types/dataform-controls/utils/get-custom-validity.d.ts.map +1 -1
  176. package/build-types/dataform-controls/utils/validated-input.d.ts.map +1 -1
  177. package/build-types/dataform-controls/utils/validated-number.d.ts.map +1 -1
  178. package/build-types/dataform-layouts/panel/modal.d.ts.map +1 -1
  179. package/build-types/dataviews-layouts/grid/composite-grid.d.ts.map +1 -1
  180. package/build-types/dataviews-layouts/table/index.d.ts.map +1 -1
  181. package/build-types/field-types/array.d.ts +9 -2
  182. package/build-types/field-types/array.d.ts.map +1 -1
  183. package/build-types/field-types/boolean.d.ts +9 -2
  184. package/build-types/field-types/boolean.d.ts.map +1 -1
  185. package/build-types/field-types/color.d.ts +9 -2
  186. package/build-types/field-types/color.d.ts.map +1 -1
  187. package/build-types/field-types/date.d.ts +6 -4
  188. package/build-types/field-types/date.d.ts.map +1 -1
  189. package/build-types/field-types/datetime.d.ts +6 -4
  190. package/build-types/field-types/datetime.d.ts.map +1 -1
  191. package/build-types/field-types/email.d.ts +15 -2
  192. package/build-types/field-types/email.d.ts.map +1 -1
  193. package/build-types/field-types/index.d.ts.map +1 -1
  194. package/build-types/field-types/integer.d.ts +17 -4
  195. package/build-types/field-types/integer.d.ts.map +1 -1
  196. package/build-types/field-types/media.d.ts +1 -4
  197. package/build-types/field-types/media.d.ts.map +1 -1
  198. package/build-types/field-types/no-type.d.ts +6 -4
  199. package/build-types/field-types/no-type.d.ts.map +1 -1
  200. package/build-types/field-types/number.d.ts +17 -4
  201. package/build-types/field-types/number.d.ts.map +1 -1
  202. package/build-types/field-types/password.d.ts +12 -4
  203. package/build-types/field-types/password.d.ts.map +1 -1
  204. package/build-types/field-types/telephone.d.ts +12 -4
  205. package/build-types/field-types/telephone.d.ts.map +1 -1
  206. package/build-types/field-types/text.d.ts +12 -4
  207. package/build-types/field-types/text.d.ts.map +1 -1
  208. package/build-types/field-types/url.d.ts +12 -4
  209. package/build-types/field-types/url.d.ts.map +1 -1
  210. package/build-types/field-types/utils/get-is-valid.d.ts +7 -0
  211. package/build-types/field-types/utils/get-is-valid.d.ts.map +1 -0
  212. package/build-types/field-types/utils/is-valid-elements.d.ts +6 -0
  213. package/build-types/field-types/utils/is-valid-elements.d.ts.map +1 -0
  214. package/build-types/field-types/utils/is-valid-max-length.d.ts +6 -0
  215. package/build-types/field-types/utils/is-valid-max-length.d.ts.map +1 -0
  216. package/build-types/field-types/utils/is-valid-max.d.ts +6 -0
  217. package/build-types/field-types/utils/is-valid-max.d.ts.map +1 -0
  218. package/build-types/field-types/utils/is-valid-min-length.d.ts +6 -0
  219. package/build-types/field-types/utils/is-valid-min-length.d.ts.map +1 -0
  220. package/build-types/field-types/utils/is-valid-min.d.ts +6 -0
  221. package/build-types/field-types/utils/is-valid-min.d.ts.map +1 -0
  222. package/build-types/field-types/utils/is-valid-pattern.d.ts +6 -0
  223. package/build-types/field-types/utils/is-valid-pattern.d.ts.map +1 -0
  224. package/build-types/field-types/utils/is-valid-required-for-array.d.ts +6 -0
  225. package/build-types/field-types/utils/is-valid-required-for-array.d.ts.map +1 -0
  226. package/build-types/field-types/utils/is-valid-required-for-bool.d.ts +6 -0
  227. package/build-types/field-types/utils/is-valid-required-for-bool.d.ts.map +1 -0
  228. package/build-types/field-types/utils/is-valid-required.d.ts +6 -0
  229. package/build-types/field-types/utils/is-valid-required.d.ts.map +1 -0
  230. package/build-types/hooks/use-form-validity.d.ts.map +1 -1
  231. package/build-types/stories/dataform.story.d.ts +9 -1
  232. package/build-types/stories/dataform.story.d.ts.map +1 -1
  233. package/build-types/stories/dataviews-picker.story.d.ts.map +1 -1
  234. package/build-types/stories/dataviews.story.d.ts +27 -2
  235. package/build-types/stories/dataviews.story.d.ts.map +1 -1
  236. package/build-types/stories/field-types.story.d.ts +39 -2
  237. package/build-types/stories/field-types.story.d.ts.map +1 -1
  238. package/build-types/types/field-api.d.ts +72 -4
  239. package/build-types/types/field-api.d.ts.map +1 -1
  240. package/build-types/types/private.d.ts +13 -3
  241. package/build-types/types/private.d.ts.map +1 -1
  242. package/build-types/utils/filter-sort-and-paginate.d.ts.map +1 -1
  243. package/build-types/utils/operators.d.ts +16 -0
  244. package/build-types/utils/operators.d.ts.map +1 -0
  245. package/build-wp/index.js +1548 -1452
  246. package/package.json +17 -16
  247. package/src/components/dataviews/style.scss +3 -28
  248. package/src/components/dataviews-filters/filter.tsx +34 -321
  249. package/src/components/dataviews-filters/input-widget.tsx +7 -5
  250. package/src/components/dataviews-filters/use-filters.ts +6 -3
  251. package/src/components/dataviews-footer/style.scss +1 -7
  252. package/src/constants.ts +6 -140
  253. package/src/dataform-controls/number.tsx +3 -3
  254. package/src/dataform-controls/textarea.tsx +7 -1
  255. package/src/dataform-controls/utils/get-custom-validity.ts +10 -2
  256. package/src/dataform-controls/utils/validated-input.tsx +8 -2
  257. package/src/dataform-controls/utils/validated-number.tsx +3 -1
  258. package/src/dataform-layouts/panel/modal.tsx +14 -5
  259. package/src/dataviews-layouts/activity/style.scss +1 -1
  260. package/src/dataviews-layouts/grid/composite-grid.tsx +64 -57
  261. package/src/dataviews-layouts/grid/style.scss +3 -12
  262. package/src/dataviews-layouts/table/index.tsx +9 -3
  263. package/src/dataviews-layouts/table/style.scss +4 -15
  264. package/src/dataviews-layouts/utils/grid-items.scss +1 -9
  265. package/src/field-types/array.tsx +26 -19
  266. package/src/field-types/boolean.tsx +22 -15
  267. package/src/field-types/color.tsx +22 -15
  268. package/src/field-types/date.tsx +14 -11
  269. package/src/field-types/datetime.tsx +6 -4
  270. package/src/field-types/email.tsx +24 -15
  271. package/src/field-types/index.tsx +12 -14
  272. package/src/field-types/integer.tsx +83 -17
  273. package/src/field-types/media.tsx +4 -4
  274. package/src/field-types/no-type.tsx +9 -6
  275. package/src/field-types/number.tsx +82 -16
  276. package/src/field-types/password.tsx +12 -4
  277. package/src/field-types/telephone.tsx +12 -4
  278. package/src/field-types/text.tsx +12 -4
  279. package/src/field-types/url.tsx +12 -4
  280. package/src/field-types/utils/get-is-valid.ts +103 -0
  281. package/src/field-types/utils/is-valid-elements.ts +20 -0
  282. package/src/field-types/utils/is-valid-max-length.ts +23 -0
  283. package/src/field-types/utils/is-valid-max.ts +23 -0
  284. package/src/field-types/utils/is-valid-min-length.ts +23 -0
  285. package/src/field-types/utils/is-valid-min.ts +23 -0
  286. package/src/field-types/utils/is-valid-pattern.ts +29 -0
  287. package/src/field-types/utils/is-valid-required-for-array.ts +18 -0
  288. package/src/field-types/utils/is-valid-required-for-bool.ts +13 -0
  289. package/src/field-types/utils/is-valid-required.ts +13 -0
  290. package/src/hooks/use-form-validity.ts +78 -156
  291. package/src/stories/dataform.story.tsx +126 -30
  292. package/src/stories/dataviews-picker.story.tsx +27 -17
  293. package/src/stories/dataviews.story.tsx +79 -30
  294. package/src/stories/field-types.story.tsx +86 -4
  295. package/src/test/filter-sort-and-paginate.js +2 -1
  296. package/src/test/normalize-fields.ts +87 -11
  297. package/src/test/use-form-validity.ts +796 -31
  298. package/src/types/field-api.ts +90 -4
  299. package/src/types/private.ts +26 -8
  300. package/src/utils/filter-sort-and-paginate.ts +5 -0
  301. package/src/utils/operators.tsx +448 -0
  302. package/tsconfig.json +1 -0
  303. package/tsconfig.tsbuildinfo +1 -1
@@ -0,0 +1,394 @@
1
+ // packages/dataviews/src/utils/operators.tsx
2
+ import { __, sprintf } from "@wordpress/i18n";
3
+ import { createInterpolateElement } from "@wordpress/element";
4
+ import {
5
+ OPERATOR_AFTER,
6
+ OPERATOR_AFTER_INC,
7
+ OPERATOR_BEFORE,
8
+ OPERATOR_BEFORE_INC,
9
+ OPERATOR_BETWEEN,
10
+ OPERATOR_CONTAINS,
11
+ OPERATOR_GREATER_THAN,
12
+ OPERATOR_GREATER_THAN_OR_EQUAL,
13
+ OPERATOR_IN_THE_PAST,
14
+ OPERATOR_IS,
15
+ OPERATOR_IS_ALL,
16
+ OPERATOR_IS_ANY,
17
+ OPERATOR_IS_NONE,
18
+ OPERATOR_IS_NOT,
19
+ OPERATOR_IS_NOT_ALL,
20
+ OPERATOR_LESS_THAN,
21
+ OPERATOR_LESS_THAN_OR_EQUAL,
22
+ OPERATOR_NOT_CONTAINS,
23
+ OPERATOR_NOT_ON,
24
+ OPERATOR_ON,
25
+ OPERATOR_OVER,
26
+ OPERATOR_STARTS_WITH
27
+ } from "../constants";
28
+ import { jsx } from "react/jsx-runtime";
29
+ var filterTextWrappers = {
30
+ Name: /* @__PURE__ */ jsx("span", { className: "dataviews-filters__summary-filter-text-name" }),
31
+ Value: /* @__PURE__ */ jsx("span", { className: "dataviews-filters__summary-filter-text-value" })
32
+ };
33
+ var OPERATORS = [
34
+ {
35
+ name: OPERATOR_IS_ANY,
36
+ /* translators: DataViews operator name */
37
+ label: __("Includes"),
38
+ filterText: (filter, activeElements) => createInterpolateElement(
39
+ sprintf(
40
+ /* translators: 1: Filter name (e.g. "Author"). 2: Filter value (e.g. "Admin"): "Author is any: Admin, Editor". */
41
+ __("<Name>%1$s includes: </Name><Value>%2$s</Value>"),
42
+ filter.name,
43
+ activeElements.map((element) => element.label).join(", ")
44
+ ),
45
+ filterTextWrappers
46
+ ),
47
+ selection: "multi"
48
+ },
49
+ {
50
+ name: OPERATOR_IS_NONE,
51
+ /* translators: DataViews operator name */
52
+ label: __("Is none of"),
53
+ filterText: (filter, activeElements) => createInterpolateElement(
54
+ sprintf(
55
+ /* translators: 1: Filter name (e.g. "Author"). 2: Filter value (e.g. "Admin"): "Author is none of: Admin, Editor". */
56
+ __("<Name>%1$s is none of: </Name><Value>%2$s</Value>"),
57
+ filter.name,
58
+ activeElements.map((element) => element.label).join(", ")
59
+ ),
60
+ filterTextWrappers
61
+ ),
62
+ selection: "multi"
63
+ },
64
+ {
65
+ name: OPERATOR_IS_ALL,
66
+ /* translators: DataViews operator name */
67
+ label: __("Includes all"),
68
+ filterText: (filter, activeElements) => createInterpolateElement(
69
+ sprintf(
70
+ /* translators: 1: Filter name (e.g. "Author"). 2: Filter value (e.g. "Admin"): "Author includes all: Admin, Editor". */
71
+ __("<Name>%1$s includes all: </Name><Value>%2$s</Value>"),
72
+ filter.name,
73
+ activeElements.map((element) => element.label).join(", ")
74
+ ),
75
+ filterTextWrappers
76
+ ),
77
+ selection: "multi"
78
+ },
79
+ {
80
+ name: OPERATOR_IS_NOT_ALL,
81
+ /* translators: DataViews operator name */
82
+ label: __("Is none of"),
83
+ filterText: (filter, activeElements) => createInterpolateElement(
84
+ sprintf(
85
+ /* translators: 1: Filter name (e.g. "Author"). 2: Filter value (e.g. "Admin"): "Author is none of: Admin, Editor". */
86
+ __("<Name>%1$s is none of: </Name><Value>%2$s</Value>"),
87
+ filter.name,
88
+ activeElements.map((element) => element.label).join(", ")
89
+ ),
90
+ filterTextWrappers
91
+ ),
92
+ selection: "multi"
93
+ },
94
+ {
95
+ name: OPERATOR_BETWEEN,
96
+ /* translators: DataViews operator name */
97
+ label: __("Between (inc)"),
98
+ filterText: (filter, activeElements) => createInterpolateElement(
99
+ sprintf(
100
+ /* translators: 1: Filter name (e.g. "Item count"). 2: Filter value min. 3: Filter value max. e.g.: "Item count between (inc): 10 and 180". */
101
+ __(
102
+ "<Name>%1$s between (inc): </Name><Value>%2$s and %3$s</Value>"
103
+ ),
104
+ filter.name,
105
+ activeElements[0].label[0],
106
+ activeElements[0].label[1]
107
+ ),
108
+ filterTextWrappers
109
+ ),
110
+ selection: "custom"
111
+ },
112
+ {
113
+ name: OPERATOR_IN_THE_PAST,
114
+ /* translators: DataViews operator name */
115
+ label: __("In the past"),
116
+ filterText: (filter, activeElements) => createInterpolateElement(
117
+ sprintf(
118
+ /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "7 days"): "Date is in the past: 7 days". */
119
+ __(
120
+ "<Name>%1$s is in the past: </Name><Value>%2$s</Value>"
121
+ ),
122
+ filter.name,
123
+ `${activeElements[0].value.value} ${activeElements[0].value.unit}`
124
+ ),
125
+ filterTextWrappers
126
+ ),
127
+ selection: "custom"
128
+ },
129
+ {
130
+ name: OPERATOR_OVER,
131
+ /* translators: DataViews operator name */
132
+ label: __("Over"),
133
+ filterText: (filter, activeElements) => createInterpolateElement(
134
+ sprintf(
135
+ /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "7 days"): "Date is over: 7 days". */
136
+ __("<Name>%1$s is over: </Name><Value>%2$s</Value>"),
137
+ filter.name,
138
+ `${activeElements[0].value.value} ${activeElements[0].value.unit}`
139
+ ),
140
+ filterTextWrappers
141
+ ),
142
+ selection: "custom"
143
+ },
144
+ {
145
+ name: OPERATOR_IS,
146
+ /* translators: DataViews operator name */
147
+ label: __("Is"),
148
+ filterText: (filter, activeElements) => createInterpolateElement(
149
+ sprintf(
150
+ /* translators: 1: Filter name (e.g. "Author"). 2: Filter value (e.g. "Admin"): "Author is: Admin". */
151
+ __("<Name>%1$s is: </Name><Value>%2$s</Value>"),
152
+ filter.name,
153
+ activeElements[0].label
154
+ ),
155
+ filterTextWrappers
156
+ ),
157
+ selection: "single"
158
+ },
159
+ {
160
+ name: OPERATOR_IS_NOT,
161
+ /* translators: DataViews operator name */
162
+ label: __("Is not"),
163
+ filterText: (filter, activeElements) => createInterpolateElement(
164
+ sprintf(
165
+ /* translators: 1: Filter name (e.g. "Author"). 2: Filter value (e.g. "Admin"): "Author is not: Admin". */
166
+ __("<Name>%1$s is not: </Name><Value>%2$s</Value>"),
167
+ filter.name,
168
+ activeElements[0].label
169
+ ),
170
+ filterTextWrappers
171
+ ),
172
+ selection: "single"
173
+ },
174
+ {
175
+ name: OPERATOR_LESS_THAN,
176
+ /* translators: DataViews operator name */
177
+ label: __("Less than"),
178
+ filterText: (filter, activeElements) => createInterpolateElement(
179
+ sprintf(
180
+ /* translators: 1: Filter name (e.g. "Count"). 2: Filter value (e.g. "10"): "Count is less than: 10". */
181
+ __("<Name>%1$s is less than: </Name><Value>%2$s</Value>"),
182
+ filter.name,
183
+ activeElements[0].label
184
+ ),
185
+ filterTextWrappers
186
+ ),
187
+ selection: "single"
188
+ },
189
+ {
190
+ name: OPERATOR_GREATER_THAN,
191
+ /* translators: DataViews operator name */
192
+ label: __("Greater than"),
193
+ filterText: (filter, activeElements) => createInterpolateElement(
194
+ sprintf(
195
+ /* translators: 1: Filter name (e.g. "Count"). 2: Filter value (e.g. "10"): "Count is greater than: 10". */
196
+ __(
197
+ "<Name>%1$s is greater than: </Name><Value>%2$s</Value>"
198
+ ),
199
+ filter.name,
200
+ activeElements[0].label
201
+ ),
202
+ filterTextWrappers
203
+ ),
204
+ selection: "single"
205
+ },
206
+ {
207
+ name: OPERATOR_LESS_THAN_OR_EQUAL,
208
+ /* translators: DataViews operator name */
209
+ label: __("Less than or equal"),
210
+ filterText: (filter, activeElements) => createInterpolateElement(
211
+ sprintf(
212
+ /* translators: 1: Filter name (e.g. "Count"). 2: Filter value (e.g. "10"): "Count is less than or equal to: 10". */
213
+ __(
214
+ "<Name>%1$s is less than or equal to: </Name><Value>%2$s</Value>"
215
+ ),
216
+ filter.name,
217
+ activeElements[0].label
218
+ ),
219
+ filterTextWrappers
220
+ ),
221
+ selection: "single"
222
+ },
223
+ {
224
+ name: OPERATOR_GREATER_THAN_OR_EQUAL,
225
+ /* translators: DataViews operator name */
226
+ label: __("Greater than or equal"),
227
+ filterText: (filter, activeElements) => createInterpolateElement(
228
+ sprintf(
229
+ /* translators: 1: Filter name (e.g. "Count"). 2: Filter value (e.g. "10"): "Count is greater than or equal to: 10". */
230
+ __(
231
+ "<Name>%1$s is greater than or equal to: </Name><Value>%2$s</Value>"
232
+ ),
233
+ filter.name,
234
+ activeElements[0].label
235
+ ),
236
+ filterTextWrappers
237
+ ),
238
+ selection: "single"
239
+ },
240
+ {
241
+ name: OPERATOR_BEFORE,
242
+ /* translators: DataViews operator name */
243
+ label: __("Before"),
244
+ filterText: (filter, activeElements) => createInterpolateElement(
245
+ sprintf(
246
+ /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "2024-01-01"): "Date is before: 2024-01-01". */
247
+ __("<Name>%1$s is before: </Name><Value>%2$s</Value>"),
248
+ filter.name,
249
+ activeElements[0].label
250
+ ),
251
+ filterTextWrappers
252
+ ),
253
+ selection: "single"
254
+ },
255
+ {
256
+ name: OPERATOR_AFTER,
257
+ /* translators: DataViews operator name */
258
+ label: __("After"),
259
+ filterText: (filter, activeElements) => createInterpolateElement(
260
+ sprintf(
261
+ /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "2024-01-01"): "Date is after: 2024-01-01". */
262
+ __("<Name>%1$s is after: </Name><Value>%2$s</Value>"),
263
+ filter.name,
264
+ activeElements[0].label
265
+ ),
266
+ filterTextWrappers
267
+ ),
268
+ selection: "single"
269
+ },
270
+ {
271
+ name: OPERATOR_BEFORE_INC,
272
+ /* translators: DataViews operator name */
273
+ label: __("Before (inc)"),
274
+ filterText: (filter, activeElements) => createInterpolateElement(
275
+ sprintf(
276
+ /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "2024-01-01"): "Date is on or before: 2024-01-01". */
277
+ __(
278
+ "<Name>%1$s is on or before: </Name><Value>%2$s</Value>"
279
+ ),
280
+ filter.name,
281
+ activeElements[0].label
282
+ ),
283
+ filterTextWrappers
284
+ ),
285
+ selection: "single"
286
+ },
287
+ {
288
+ name: OPERATOR_AFTER_INC,
289
+ /* translators: DataViews operator name */
290
+ label: __("After (inc)"),
291
+ filterText: (filter, activeElements) => createInterpolateElement(
292
+ sprintf(
293
+ /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "2024-01-01"): "Date is on or after: 2024-01-01". */
294
+ __(
295
+ "<Name>%1$s is on or after: </Name><Value>%2$s</Value>"
296
+ ),
297
+ filter.name,
298
+ activeElements[0].label
299
+ ),
300
+ filterTextWrappers
301
+ ),
302
+ selection: "single"
303
+ },
304
+ {
305
+ name: OPERATOR_CONTAINS,
306
+ /* translators: DataViews operator name */
307
+ label: __("Contains"),
308
+ filterText: (filter, activeElements) => createInterpolateElement(
309
+ sprintf(
310
+ /* translators: 1: Filter name (e.g. "Title"). 2: Filter value (e.g. "Hello"): "Title contains: Hello". */
311
+ __("<Name>%1$s contains: </Name><Value>%2$s</Value>"),
312
+ filter.name,
313
+ activeElements[0].label
314
+ ),
315
+ filterTextWrappers
316
+ ),
317
+ selection: "single"
318
+ },
319
+ {
320
+ name: OPERATOR_NOT_CONTAINS,
321
+ /* translators: DataViews operator name */
322
+ label: __("Doesn't contain"),
323
+ filterText: (filter, activeElements) => createInterpolateElement(
324
+ sprintf(
325
+ /* translators: 1: Filter name (e.g. "Title"). 2: Filter value (e.g. "Hello"): "Title doesn't contain: Hello". */
326
+ __(
327
+ "<Name>%1$s doesn't contain: </Name><Value>%2$s</Value>"
328
+ ),
329
+ filter.name,
330
+ activeElements[0].label
331
+ ),
332
+ filterTextWrappers
333
+ ),
334
+ selection: "single"
335
+ },
336
+ {
337
+ name: OPERATOR_STARTS_WITH,
338
+ /* translators: DataViews operator name */
339
+ label: __("Starts with"),
340
+ filterText: (filter, activeElements) => createInterpolateElement(
341
+ sprintf(
342
+ /* translators: 1: Filter name (e.g. "Title"). 2: Filter value (e.g. "Hello"): "Title starts with: Hello". */
343
+ __("<Name>%1$s starts with: </Name><Value>%2$s</Value>"),
344
+ filter.name,
345
+ activeElements[0].label
346
+ ),
347
+ filterTextWrappers
348
+ ),
349
+ selection: "single"
350
+ },
351
+ {
352
+ name: OPERATOR_ON,
353
+ /* translators: DataViews operator name */
354
+ label: __("On"),
355
+ filterText: (filter, activeElements) => createInterpolateElement(
356
+ sprintf(
357
+ /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "2024-01-01"): "Date is: 2024-01-01". */
358
+ __("<Name>%1$s is: </Name><Value>%2$s</Value>"),
359
+ filter.name,
360
+ activeElements[0].label
361
+ ),
362
+ filterTextWrappers
363
+ ),
364
+ selection: "single"
365
+ },
366
+ {
367
+ name: OPERATOR_NOT_ON,
368
+ /* translators: DataViews operator name */
369
+ label: __("Not on"),
370
+ filterText: (filter, activeElements) => createInterpolateElement(
371
+ sprintf(
372
+ /* translators: 1: Filter name (e.g. "Date"). 2: Filter value (e.g. "2024-01-01"): "Date is not: 2024-01-01". */
373
+ __("<Name>%1$s is not: </Name><Value>%2$s</Value>"),
374
+ filter.name,
375
+ activeElements[0].label
376
+ ),
377
+ filterTextWrappers
378
+ ),
379
+ selection: "single"
380
+ }
381
+ ];
382
+ var getOperatorByName = (name) => OPERATORS.find((op) => op.name === name);
383
+ var getAllOperatorNames = () => OPERATORS.map((op) => op.name);
384
+ var isSingleSelectionOperator = (name) => OPERATORS.filter((op) => op.selection === "single").some(
385
+ (op) => op.name === name
386
+ );
387
+ var isRegisteredOperator = (name) => OPERATORS.some((op) => op.name === name);
388
+ export {
389
+ getAllOperatorNames,
390
+ getOperatorByName,
391
+ isRegisteredOperator,
392
+ isSingleSelectionOperator
393
+ };
394
+ //# sourceMappingURL=operators.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/utils/operators.tsx"],
4
+ "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { createInterpolateElement } from '@wordpress/element';\nimport type { ReactElement } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { NormalizedFilter, Operator, Option } from '../types';\nimport {\n\tOPERATOR_AFTER,\n\tOPERATOR_AFTER_INC,\n\tOPERATOR_BEFORE,\n\tOPERATOR_BEFORE_INC,\n\tOPERATOR_BETWEEN,\n\tOPERATOR_CONTAINS,\n\tOPERATOR_GREATER_THAN,\n\tOPERATOR_GREATER_THAN_OR_EQUAL,\n\tOPERATOR_IN_THE_PAST,\n\tOPERATOR_IS,\n\tOPERATOR_IS_ALL,\n\tOPERATOR_IS_ANY,\n\tOPERATOR_IS_NONE,\n\tOPERATOR_IS_NOT,\n\tOPERATOR_IS_NOT_ALL,\n\tOPERATOR_LESS_THAN,\n\tOPERATOR_LESS_THAN_OR_EQUAL,\n\tOPERATOR_NOT_CONTAINS,\n\tOPERATOR_NOT_ON,\n\tOPERATOR_ON,\n\tOPERATOR_OVER,\n\tOPERATOR_STARTS_WITH,\n} from '../constants';\n\nconst filterTextWrappers = {\n\tName: <span className=\"dataviews-filters__summary-filter-text-name\" />,\n\tValue: <span className=\"dataviews-filters__summary-filter-text-value\" />,\n};\n\nconst OPERATORS: {\n\tname: Operator;\n\tlabel: string;\n\tfilterText: (\n\t\tfilter: NormalizedFilter,\n\t\tactiveElements: Option[]\n\t) => ReactElement;\n\tselection: 'single' | 'multi' | 'custom';\n}[] = [\n\t{\n\t\tname: OPERATOR_IS_ANY,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Includes' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Author\"). 2: Filter value (e.g. \"Admin\"): \"Author is any: Admin, Editor\". */\n\t\t\t\t\t__( '<Name>%1$s includes: </Name><Value>%2$s</Value>' ),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements\n\t\t\t\t\t\t.map( ( element ) => element.label )\n\t\t\t\t\t\t.join( ', ' )\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'multi',\n\t},\n\t{\n\t\tname: OPERATOR_IS_NONE,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Is none of' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Author\"). 2: Filter value (e.g. \"Admin\"): \"Author is none of: Admin, Editor\". */\n\t\t\t\t\t__( '<Name>%1$s is none of: </Name><Value>%2$s</Value>' ),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements\n\t\t\t\t\t\t.map( ( element ) => element.label )\n\t\t\t\t\t\t.join( ', ' )\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'multi',\n\t},\n\t{\n\t\tname: OPERATOR_IS_ALL,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Includes all' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Author\"). 2: Filter value (e.g. \"Admin\"): \"Author includes all: Admin, Editor\". */\n\t\t\t\t\t__( '<Name>%1$s includes all: </Name><Value>%2$s</Value>' ),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements\n\t\t\t\t\t\t.map( ( element ) => element.label )\n\t\t\t\t\t\t.join( ', ' )\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'multi',\n\t},\n\t{\n\t\tname: OPERATOR_IS_NOT_ALL,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Is none of' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Author\"). 2: Filter value (e.g. \"Admin\"): \"Author is none of: Admin, Editor\". */\n\t\t\t\t\t__( '<Name>%1$s is none of: </Name><Value>%2$s</Value>' ),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements\n\t\t\t\t\t\t.map( ( element ) => element.label )\n\t\t\t\t\t\t.join( ', ' )\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'multi',\n\t},\n\t{\n\t\tname: OPERATOR_BETWEEN,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Between (inc)' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Item count\"). 2: Filter value min. 3: Filter value max. e.g.: \"Item count between (inc): 10 and 180\". */\n\t\t\t\t\t__(\n\t\t\t\t\t\t'<Name>%1$s between (inc): </Name><Value>%2$s and %3$s</Value>'\n\t\t\t\t\t),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label[ 0 ],\n\t\t\t\t\tactiveElements[ 0 ].label[ 1 ]\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'custom',\n\t},\n\t{\n\t\tname: OPERATOR_IN_THE_PAST,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'In the past' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Date\"). 2: Filter value (e.g. \"7 days\"): \"Date is in the past: 7 days\". */\n\t\t\t\t\t__(\n\t\t\t\t\t\t'<Name>%1$s is in the past: </Name><Value>%2$s</Value>'\n\t\t\t\t\t),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\t`${ activeElements[ 0 ].value.value } ${ activeElements[ 0 ].value.unit }`\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'custom',\n\t},\n\t{\n\t\tname: OPERATOR_OVER,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Over' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Date\"). 2: Filter value (e.g. \"7 days\"): \"Date is over: 7 days\". */\n\t\t\t\t\t__( '<Name>%1$s is over: </Name><Value>%2$s</Value>' ),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\t`${ activeElements[ 0 ].value.value } ${ activeElements[ 0 ].value.unit }`\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'custom',\n\t},\n\t{\n\t\tname: OPERATOR_IS,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Is' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Author\"). 2: Filter value (e.g. \"Admin\"): \"Author is: Admin\". */\n\t\t\t\t\t__( '<Name>%1$s is: </Name><Value>%2$s</Value>' ),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'single',\n\t},\n\t{\n\t\tname: OPERATOR_IS_NOT,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Is not' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Author\"). 2: Filter value (e.g. \"Admin\"): \"Author is not: Admin\". */\n\t\t\t\t\t__( '<Name>%1$s is not: </Name><Value>%2$s</Value>' ),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'single',\n\t},\n\t{\n\t\tname: OPERATOR_LESS_THAN,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Less than' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Count\"). 2: Filter value (e.g. \"10\"): \"Count is less than: 10\". */\n\t\t\t\t\t__( '<Name>%1$s is less than: </Name><Value>%2$s</Value>' ),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'single',\n\t},\n\t{\n\t\tname: OPERATOR_GREATER_THAN,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Greater than' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Count\"). 2: Filter value (e.g. \"10\"): \"Count is greater than: 10\". */\n\t\t\t\t\t__(\n\t\t\t\t\t\t'<Name>%1$s is greater than: </Name><Value>%2$s</Value>'\n\t\t\t\t\t),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'single',\n\t},\n\t{\n\t\tname: OPERATOR_LESS_THAN_OR_EQUAL,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Less than or equal' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Count\"). 2: Filter value (e.g. \"10\"): \"Count is less than or equal to: 10\". */\n\t\t\t\t\t__(\n\t\t\t\t\t\t'<Name>%1$s is less than or equal to: </Name><Value>%2$s</Value>'\n\t\t\t\t\t),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'single',\n\t},\n\t{\n\t\tname: OPERATOR_GREATER_THAN_OR_EQUAL,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Greater than or equal' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Count\"). 2: Filter value (e.g. \"10\"): \"Count is greater than or equal to: 10\". */\n\t\t\t\t\t__(\n\t\t\t\t\t\t'<Name>%1$s is greater than or equal to: </Name><Value>%2$s</Value>'\n\t\t\t\t\t),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'single',\n\t},\n\t{\n\t\tname: OPERATOR_BEFORE,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Before' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Date\"). 2: Filter value (e.g. \"2024-01-01\"): \"Date is before: 2024-01-01\". */\n\t\t\t\t\t__( '<Name>%1$s is before: </Name><Value>%2$s</Value>' ),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'single',\n\t},\n\t{\n\t\tname: OPERATOR_AFTER,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'After' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Date\"). 2: Filter value (e.g. \"2024-01-01\"): \"Date is after: 2024-01-01\". */\n\t\t\t\t\t__( '<Name>%1$s is after: </Name><Value>%2$s</Value>' ),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'single',\n\t},\n\t{\n\t\tname: OPERATOR_BEFORE_INC,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Before (inc)' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Date\"). 2: Filter value (e.g. \"2024-01-01\"): \"Date is on or before: 2024-01-01\". */\n\t\t\t\t\t__(\n\t\t\t\t\t\t'<Name>%1$s is on or before: </Name><Value>%2$s</Value>'\n\t\t\t\t\t),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'single',\n\t},\n\t{\n\t\tname: OPERATOR_AFTER_INC,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'After (inc)' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Date\"). 2: Filter value (e.g. \"2024-01-01\"): \"Date is on or after: 2024-01-01\". */\n\t\t\t\t\t__(\n\t\t\t\t\t\t'<Name>%1$s is on or after: </Name><Value>%2$s</Value>'\n\t\t\t\t\t),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'single',\n\t},\n\t{\n\t\tname: OPERATOR_CONTAINS,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Contains' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Title\"). 2: Filter value (e.g. \"Hello\"): \"Title contains: Hello\". */\n\t\t\t\t\t__( '<Name>%1$s contains: </Name><Value>%2$s</Value>' ),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'single',\n\t},\n\t{\n\t\tname: OPERATOR_NOT_CONTAINS,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( \"Doesn't contain\" ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Title\"). 2: Filter value (e.g. \"Hello\"): \"Title doesn't contain: Hello\". */\n\t\t\t\t\t__(\n\t\t\t\t\t\t\"<Name>%1$s doesn't contain: </Name><Value>%2$s</Value>\"\n\t\t\t\t\t),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'single',\n\t},\n\t{\n\t\tname: OPERATOR_STARTS_WITH,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Starts with' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Title\"). 2: Filter value (e.g. \"Hello\"): \"Title starts with: Hello\". */\n\t\t\t\t\t__( '<Name>%1$s starts with: </Name><Value>%2$s</Value>' ),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'single',\n\t},\n\t{\n\t\tname: OPERATOR_ON,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'On' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Date\"). 2: Filter value (e.g. \"2024-01-01\"): \"Date is: 2024-01-01\". */\n\t\t\t\t\t__( '<Name>%1$s is: </Name><Value>%2$s</Value>' ),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'single',\n\t},\n\t{\n\t\tname: OPERATOR_NOT_ON,\n\t\t/* translators: DataViews operator name */\n\t\tlabel: __( 'Not on' ),\n\t\tfilterText: ( filter: NormalizedFilter, activeElements: Option[] ) =>\n\t\t\tcreateInterpolateElement(\n\t\t\t\tsprintf(\n\t\t\t\t\t/* translators: 1: Filter name (e.g. \"Date\"). 2: Filter value (e.g. \"2024-01-01\"): \"Date is not: 2024-01-01\". */\n\t\t\t\t\t__( '<Name>%1$s is not: </Name><Value>%2$s</Value>' ),\n\t\t\t\t\tfilter.name,\n\t\t\t\t\tactiveElements[ 0 ].label\n\t\t\t\t),\n\t\t\t\tfilterTextWrappers\n\t\t\t),\n\t\tselection: 'single',\n\t},\n];\n\nconst getOperatorByName = ( name: string | undefined ) =>\n\tOPERATORS.find( ( op ) => op.name === name );\n\nconst getAllOperatorNames = () => OPERATORS.map( ( op ) => op.name );\n\nconst isSingleSelectionOperator = ( name: string ) =>\n\tOPERATORS.filter( ( op ) => op.selection === 'single' ).some(\n\t\t( op ) => op.name === name\n\t);\n\nconst isRegisteredOperator = ( name: string ) =>\n\tOPERATORS.some( ( op ) => op.name === name );\n\nexport {\n\tgetOperatorByName,\n\tgetAllOperatorNames,\n\tisSingleSelectionOperator,\n\tisRegisteredOperator,\n};\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -101,7 +101,7 @@
101
101
  .dataviews__view-actions,
102
102
  .dataviews-filters__container {
103
103
  box-sizing: border-box;
104
- padding: 16px 48px;
104
+ padding: 16px 24px;
105
105
  flex-shrink: 0;
106
106
  position: sticky;
107
107
  right: 0;
@@ -116,7 +116,7 @@
116
116
 
117
117
  .dataviews-no-results,
118
118
  .dataviews-loading {
119
- padding: 0 48px;
119
+ padding: 0 24px;
120
120
  flex-grow: 1;
121
121
  display: flex;
122
122
  align-items: center;
@@ -138,11 +138,6 @@
138
138
  .dataviews-filters__container {
139
139
  padding: 12px 24px;
140
140
  }
141
- .dataviews-no-results,
142
- .dataviews-loading {
143
- padding-right: 24px;
144
- padding-left: 24px;
145
- }
146
141
  }
147
142
  .dataviews-title-field {
148
143
  font-size: 13px;
@@ -197,39 +192,13 @@
197
192
  }
198
193
 
199
194
  /**
200
- * Applying a consistent 24px padding when DataViews are placed within cards.
195
+ * When DataViews are placed within cards, apply a consistent top padding.
201
196
  */
202
197
  .components-card__body:has(> .dataviews-wrapper),
203
198
  .components-card__body:has(> .dataviews-picker-wrapper) {
204
199
  padding: 8px 0 0;
205
200
  overflow: hidden;
206
201
  }
207
- .components-card__body:has(> .dataviews-wrapper) .dataviews__view-actions,
208
- .components-card__body:has(> .dataviews-wrapper) .dataviews-filters__container,
209
- .components-card__body:has(> .dataviews-wrapper) .dataviews-footer,
210
- .components-card__body:has(> .dataviews-wrapper) .dataviews-view-grid,
211
- .components-card__body:has(> .dataviews-wrapper) .dataviews-loading,
212
- .components-card__body:has(> .dataviews-wrapper) .dataviews-no-results,
213
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews__view-actions,
214
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-filters__container,
215
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-footer,
216
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-grid,
217
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-loading,
218
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-no-results {
219
- padding-inline: 24px;
220
- }
221
- .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:first-child,
222
- .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:first-child,
223
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:first-child,
224
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr th:first-child {
225
- padding-inline-start: 24px;
226
- }
227
- .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:last-child,
228
- .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:last-child,
229
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:last-child,
230
- .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr th:last-child {
231
- padding-inline-end: 24px;
232
- }
233
202
 
234
203
  .dataviews-bulk-actions-footer__item-count {
235
204
  color: #1e1e1e;
@@ -767,7 +736,7 @@
767
736
  bottom: 0;
768
737
  right: 0;
769
738
  background-color: inherit;
770
- padding: 12px 48px;
739
+ padding: 12px 24px;
771
740
  border-top: 1px solid #f0f0f0;
772
741
  flex-shrink: 0;
773
742
  }
@@ -780,11 +749,6 @@
780
749
  z-index: 2;
781
750
  }
782
751
 
783
- @container (max-width: 430px) {
784
- .dataviews-footer {
785
- padding: 12px 24px;
786
- }
787
- }
788
752
  @container (max-width: 560px) {
789
753
  .dataviews-footer {
790
754
  flex-direction: column !important;
@@ -907,18 +871,8 @@
907
871
  gap: 32px;
908
872
  grid-template-rows: max-content;
909
873
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
910
- padding: 0 48px 24px;
874
+ padding: 0 24px 24px;
911
875
  container-type: inline-size;
912
- /**
913
- * Breakpoints were adjusted from media queries breakpoints to account for
914
- * the sidebar width. This was done to match the existing styles we had.
915
- */
916
- }
917
- @container (max-width: 430px) {
918
- .dataviews-view-grid-items {
919
- padding-right: 24px;
920
- padding-left: 24px;
921
- }
922
876
  }
923
877
  @media not (prefers-reduced-motion) {
924
878
  .dataviews-view-grid-items {
@@ -927,23 +881,18 @@
927
881
  }
928
882
 
929
883
  .dataviews-view-grid {
930
- padding: 0 48px 24px;
884
+ padding: 0 24px 24px;
931
885
  display: flex;
932
886
  flex-direction: column;
933
887
  gap: 32px;
934
888
  container-type: inline-size;
889
+ margin-bottom: auto;
935
890
  }
936
891
  @media not (prefers-reduced-motion) {
937
892
  .dataviews-view-grid {
938
893
  transition: padding ease-out 0.1s;
939
894
  }
940
895
  }
941
- @container (max-width: 430px) {
942
- .dataviews-view-grid {
943
- padding-right: 24px;
944
- padding-left: 24px;
945
- }
946
- }
947
896
  .dataviews-view-grid .dataviews-view-grid__row {
948
897
  display: grid;
949
898
  gap: 32px;
@@ -1122,15 +1071,9 @@
1122
1071
  font-weight: 499;
1123
1072
  color: #1e1e1e;
1124
1073
  margin: 0 0 8px 0;
1125
- padding: 0 48px;
1074
+ padding: 0 24px;
1126
1075
  container-type: inline-size;
1127
1076
  }
1128
- @container (max-width: 430px) {
1129
- .dataviews-view-grid__group-header {
1130
- padding-right: 24px;
1131
- padding-left: 24px;
1132
- }
1133
- }
1134
1077
 
1135
1078
  div.dataviews-view-list {
1136
1079
  list-style-type: none;
@@ -1383,11 +1326,11 @@ div.dataviews-view-list {
1383
1326
  }
1384
1327
  .dataviews-view-table tr td:first-child,
1385
1328
  .dataviews-view-table tr th:first-child {
1386
- padding-right: 48px;
1329
+ padding-right: 24px;
1387
1330
  }
1388
1331
  .dataviews-view-table tr td:last-child,
1389
1332
  .dataviews-view-table tr th:last-child {
1390
- padding-left: 48px;
1333
+ padding-left: 24px;
1391
1334
  }
1392
1335
  .dataviews-view-table tr:last-child {
1393
1336
  border-bottom: 0;
@@ -1518,16 +1461,6 @@ div.dataviews-view-list {
1518
1461
  padding-left: 0;
1519
1462
  }
1520
1463
 
1521
- @container (max-width: 430px) {
1522
- .dataviews-view-table tr td:first-child,
1523
- .dataviews-view-table tr th:first-child {
1524
- padding-right: 24px;
1525
- }
1526
- .dataviews-view-table tr td:last-child,
1527
- .dataviews-view-table tr th:last-child {
1528
- padding-left: 24px;
1529
- }
1530
- }
1531
1464
  .dataviews-view-table-selection-checkbox {
1532
1465
  --checkbox-input-size: 24px;
1533
1466
  }
@@ -1569,12 +1502,12 @@ div.dataviews-view-list {
1569
1502
 
1570
1503
  .dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell {
1571
1504
  font-weight: 499;
1572
- padding: 12px 48px;
1505
+ padding: 12px 24px;
1573
1506
  color: #1e1e1e;
1574
1507
  }
1575
1508
 
1576
1509
  /* Column width intents via colgroup: make non-primary columns shrink-to-fit */
1577
- .dataviews-view-table col[class^=dataviews-view-table__col-]:not(.dataviews-view-table__col-primary) {
1510
+ .dataviews-view-table col[class^=dataviews-view-table__col-]:not(.dataviews-view-table__col-first-data) {
1578
1511
  width: 1%;
1579
1512
  }
1580
1513
 
@@ -1743,7 +1676,7 @@ div.dataviews-view-list {
1743
1676
 
1744
1677
  .dataviews-view-activity {
1745
1678
  margin: 0 0 auto;
1746
- padding: 8px 48px;
1679
+ padding: 8px 24px;
1747
1680
  }
1748
1681
  .dataviews-view-activity .dataviews-view-activity__group-header {
1749
1682
  font-size: 15px;