@devgateway/dvz-ui-react 1.4.0 → 1.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/dist/cjs/common.css +1 -1
  2. package/dist/cjs/embeddable/big-number-trend/index.js +1 -1
  3. package/dist/cjs/embeddable/body/index.js +1 -1
  4. package/dist/cjs/embeddable/chart/Bar.js +1 -1
  5. package/dist/cjs/embeddable/chart/Line.js +1 -1
  6. package/dist/cjs/embeddable/chart/colors/ColorProvider.js +1 -1
  7. package/dist/cjs/embeddable/chart/colors/ManualColors.js +1 -1
  8. package/dist/cjs/embeddable/chart/colors/SystemColors.js +1 -1
  9. package/dist/cjs/embeddable/chart/data/Bar.js +1 -1
  10. package/dist/cjs/embeddable/chart/data/Line.js +1 -1
  11. package/dist/cjs/embeddable/chart/data/Utils.js +1 -1
  12. package/dist/cjs/embeddable/d3Map/BaseLayer.js +1 -1
  13. package/dist/cjs/embeddable/d3Map/DataLayer.js +1 -1
  14. package/dist/cjs/embeddable/d3Map/FlowLayer.js +1 -1
  15. package/dist/cjs/embeddable/data/DataContext.js +1 -1
  16. package/dist/cjs/embeddable/featuredtabs/index.js +1 -1
  17. package/dist/cjs/embeddable/filter/index.js +1 -1
  18. package/dist/cjs/embeddable/filtered-posts/NoData.js +11 -0
  19. package/dist/cjs/embeddable/filtered-posts/index.js +1 -0
  20. package/dist/cjs/embeddable/index.js +1 -1
  21. package/dist/cjs/embeddable/inlinelist/index.js +1 -1
  22. package/dist/cjs/embeddable/map/MapDataFrame.js +1 -1
  23. package/dist/cjs/embeddable/map/index.js +2 -2
  24. package/dist/cjs/embeddable/map/map.js +4 -4
  25. package/dist/cjs/embeddable/posts-filter/PostsFilterDropdown.js +1 -0
  26. package/dist/cjs/embeddable/posts-filter/index.js +1 -0
  27. package/dist/cjs/embeddable/posts-filters-reset-button/index.js +1 -0
  28. package/dist/cjs/embeddable/posts-pagination/index.js +1 -0
  29. package/dist/cjs/embeddable/reducers/data-api.js +1 -1
  30. package/dist/cjs/embeddable/reducers/data.js +1 -1
  31. package/dist/cjs/embeddable/showcase/index.js +1 -1
  32. package/dist/cjs/embeddable/time-line/mobile.js +1 -1
  33. package/dist/cjs/embeddable/vertical-featuredtabs/index.js +2 -2
  34. package/dist/cjs/index.js +1 -1
  35. package/dist/cjs/layout/ClassicHeader.js +1 -1
  36. package/dist/cjs/layout/CustomSemanticSearch.js +1 -1
  37. package/dist/cjs/layout/Header.js +3 -3
  38. package/dist/cjs/layout/Layout.js +1 -1
  39. package/dist/cjs/layout/SearchControl.js +1 -1
  40. package/dist/cjs/styles.css +1 -1
  41. package/dist/cjs/translations/am.json.js +1 -0
  42. package/dist/cjs/utils/data.js +1 -1
  43. package/dist/esm/common.css +1 -1
  44. package/dist/esm/embeddable/big-number-trend/index.js +36 -36
  45. package/dist/esm/embeddable/body/index.js +141 -95
  46. package/dist/esm/embeddable/chart/Bar.js +390 -382
  47. package/dist/esm/embeddable/chart/Line.js +101 -102
  48. package/dist/esm/embeddable/chart/colors/ColorProvider.js +42 -39
  49. package/dist/esm/embeddable/chart/colors/ManualColors.js +40 -29
  50. package/dist/esm/embeddable/chart/colors/SystemColors.js +28 -17
  51. package/dist/esm/embeddable/chart/data/Bar.js +112 -114
  52. package/dist/esm/embeddable/chart/data/Line.js +126 -126
  53. package/dist/esm/embeddable/chart/data/Utils.js +32 -26
  54. package/dist/esm/embeddable/d3Map/BaseLayer.js +3 -8
  55. package/dist/esm/embeddable/d3Map/DataLayer.js +2 -9
  56. package/dist/esm/embeddable/d3Map/FlowLayer.js +12 -15
  57. package/dist/esm/embeddable/data/DataContext.js +1 -0
  58. package/dist/esm/embeddable/featuredtabs/index.js +128 -124
  59. package/dist/esm/embeddable/filter/index.js +207 -206
  60. package/dist/esm/embeddable/filtered-posts/NoData.js +31 -0
  61. package/dist/esm/embeddable/filtered-posts/index.js +123 -0
  62. package/dist/esm/embeddable/index.js +34 -31
  63. package/dist/esm/embeddable/inlinelist/index.js +82 -70
  64. package/dist/esm/embeddable/map/MapDataFrame.js +17 -14
  65. package/dist/esm/embeddable/map/index.js +180 -169
  66. package/dist/esm/embeddable/map/map.js +520 -437
  67. package/dist/esm/embeddable/posts-filter/PostsFilterDropdown.js +190 -0
  68. package/dist/esm/embeddable/posts-filter/index.js +215 -0
  69. package/dist/esm/embeddable/posts-filters-reset-button/index.js +33 -0
  70. package/dist/esm/embeddable/posts-pagination/index.js +69 -0
  71. package/dist/esm/embeddable/reducers/data-api.js +40 -25
  72. package/dist/esm/embeddable/reducers/data.js +180 -99
  73. package/dist/esm/embeddable/showcase/index.js +1 -1
  74. package/dist/esm/embeddable/time-line/mobile.js +158 -182
  75. package/dist/esm/embeddable/vertical-featuredtabs/index.js +177 -168
  76. package/dist/esm/index.js +69 -25
  77. package/dist/esm/layout/ClassicHeader.js +62 -62
  78. package/dist/esm/layout/CustomSemanticSearch.js +40 -102
  79. package/dist/esm/layout/Header.js +152 -144
  80. package/dist/esm/layout/Layout.js +4 -3
  81. package/dist/esm/layout/SearchControl.js +130 -113
  82. package/dist/esm/styles.css +1 -1
  83. package/dist/esm/translations/am.json.js +46 -0
  84. package/dist/esm/utils/data.js +4 -9
  85. package/dist/types/dvz-ui/src/countries.d.ts +7 -0
  86. package/dist/types/dvz-ui/src/embeddable/chart/colors/ManualColors.d.ts +1 -1
  87. package/dist/types/dvz-ui/src/embeddable/chart/colors/SystemColors.d.ts +1 -1
  88. package/dist/types/dvz-ui/src/embeddable/data/DataContext.d.ts +1 -0
  89. package/dist/types/dvz-ui/src/embeddable/featuredtabs/index.d.ts +1 -0
  90. package/dist/types/dvz-ui/src/embeddable/filtered-posts/NoData.d.ts +7 -0
  91. package/dist/types/dvz-ui/src/embeddable/filtered-posts/index.d.ts +21 -0
  92. package/dist/types/dvz-ui/src/embeddable/inlinelist/index.d.ts +2 -0
  93. package/dist/types/dvz-ui/src/embeddable/map/MapDataFrame.d.ts +1 -6
  94. package/dist/types/dvz-ui/src/embeddable/map/map.d.ts +1 -0
  95. package/dist/types/dvz-ui/src/embeddable/posts-filter/PostsFilterDropdown.d.ts +21 -0
  96. package/dist/types/dvz-ui/src/embeddable/posts-filter/index.d.ts +25 -0
  97. package/dist/types/dvz-ui/src/embeddable/posts-filters-reset-button/index.d.ts +3 -0
  98. package/dist/types/dvz-ui/src/embeddable/posts-pagination/index.d.ts +10 -0
  99. package/dist/types/dvz-ui/src/embeddable/reducers/data-api.d.ts +11 -0
  100. package/dist/types/dvz-ui/src/embeddable/reducers/post-reducer.d.ts +158 -0
  101. package/dist/types/dvz-ui/src/embeddable/time-line/mobile.d.ts +1 -2
  102. package/dist/types/dvz-ui/src/embeddable/vertical-featuredtabs/index.d.ts +1 -0
  103. package/dist/types/dvz-ui/src/index.d.ts +3 -0
  104. package/dist/types/dvz-ui/src/layout/Header.d.ts +2 -2
  105. package/dist/types/dvz-ui/src/translations/am.json.d.ts +39 -0
  106. package/package.json +7 -5
  107. package/dist/cjs/embeddable/posts-with-filters/DropDownFilter.js +0 -1
  108. package/dist/cjs/embeddable/posts-with-filters/Post.js +0 -1
  109. package/dist/cjs/embeddable/posts-with-filters/index.js +0 -1
  110. package/dist/esm/embeddable/posts-with-filters/DropDownFilter.js +0 -25
  111. package/dist/esm/embeddable/posts-with-filters/Post.js +0 -51
  112. package/dist/esm/embeddable/posts-with-filters/index.js +0 -206
  113. package/dist/types/dvz-ui/src/embeddable/posts-with-filters/DropDownFilter.d.ts +0 -4
  114. package/dist/types/dvz-ui/src/embeddable/posts-with-filters/Post.d.ts +0 -5
  115. package/dist/types/dvz-ui/src/embeddable/posts-with-filters/index.d.ts +0 -21
  116. /package/dist/cjs/{utils/countries.js → countries.js} +0 -0
  117. /package/dist/cjs/embeddable/{posts-with-filters → filtered-posts}/utils.js +0 -0
  118. /package/dist/esm/{utils/countries.js → countries.js} +0 -0
  119. /package/dist/esm/embeddable/{posts-with-filters → filtered-posts}/utils.js +0 -0
  120. /package/dist/types/dvz-ui/src/embeddable/{posts-with-filters → filtered-posts}/utils.d.ts +0 -0
@@ -1,206 +0,0 @@
1
- import { jsxs as w, jsx as t } from "react/jsx-runtime";
2
- import { useState as C, useEffect as $ } from "react";
3
- import { CategoriesProvider as H, CategoriesContext as J, PostProvider as U, PostConsumer as q, getYearRange as z } from "@devgateway/wp-react-lib";
4
- import { Container as j, Icon as k, Pagination as G } from "semantic-ui-react";
5
- import L from "./Post.js";
6
- import { getStartDateAndEndDateFromYear as M } from "./utils.js";
7
- import { toNumber as B, toBoolean as Y } from "../../utils/data.js";
8
- import b from "./DropDownFilter.js";
9
- const Q = (P) => {
10
- const { posts: a, meta: i, showPaginationOptions: F, currentPage: h, setCurrentPage: S, countryCategory: v, height: s } = P, g = B(v), x = Array.isArray(a) ? a.filter((o) => o.categories.includes(g)) : [], u = Array.isArray(a) ? a.filter((o) => !o.categories.includes(g)) : [], n = [...x, ...u], l = i && i["x-wp-totalpages"] ? i["x-wp-totalpages"] : 1;
11
- return /* @__PURE__ */ w("div", { children: [
12
- /* @__PURE__ */ t("div", { className: "posts-grid", children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ t(L, { post: o }, o.id)) }),
13
- F && /* @__PURE__ */ w("div", { className: "pagination-section", children: [
14
- /* @__PURE__ */ w("div", { className: "pagination-info", children: [
15
- "Page ",
16
- /* @__PURE__ */ t("span", { className: "current-page", children: h }),
17
- " of ",
18
- l
19
- ] }),
20
- /* @__PURE__ */ t(
21
- G,
22
- {
23
- activePage: h,
24
- totalPages: l,
25
- onPageChange: (o, { activePage: c }) => S(c),
26
- prevItem: { content: /* @__PURE__ */ t(k, { name: "angle left" }), icon: !0 },
27
- nextItem: { content: /* @__PURE__ */ t(k, { name: "angle right" }), icon: !0 },
28
- firstItem: null,
29
- lastItem: null
30
- }
31
- )
32
- ] })
33
- ] });
34
- }, X = (P) => {
35
- const {
36
- categories: a,
37
- selectedCategory: i,
38
- setSelectedCategory: F,
39
- selectedYear: h,
40
- setSelectedYear: S,
41
- onResetFilters: v,
42
- showCategoryFilter: s,
43
- categoryPlaceholder: g,
44
- showDateFilter: x,
45
- categoriesToBeShown: u,
46
- setCurrentPage: n,
47
- showCountryFilter: l,
48
- countryPlaceholder: o,
49
- countryCategory: c,
50
- selectedCountry: N,
51
- setSelectedCountry: p
52
- } = P, [D, V] = C([]);
53
- $(() => {
54
- const e = async () => {
55
- const O = (await z()).data.map((A) => ({
56
- key: A,
57
- value: A,
58
- text: `Year ${A}`
59
- }));
60
- V(O);
61
- };
62
- return e(), () => {
63
- e();
64
- };
65
- }, []);
66
- const m = a && u ? a.filter((e) => u.includes(e.id)) : [], I = a && c ? a.filter((e) => e.parent === parseInt(c)) : [];
67
- return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ w("div", { children: [
68
- l && /* @__PURE__ */ t(
69
- b,
70
- {
71
- options: I.map((e) => ({
72
- key: e.id,
73
- value: e.id,
74
- text: e.name
75
- })),
76
- placeholder: o,
77
- value: N,
78
- onChange: (e, { value: r }) => {
79
- p(r), n(1);
80
- }
81
- }
82
- ),
83
- x && /* @__PURE__ */ t(
84
- b,
85
- {
86
- options: D,
87
- placeholder: "Select Year",
88
- value: h,
89
- onChange: (e, { value: r }) => {
90
- S(r), n(1);
91
- },
92
- multiple: !1,
93
- searchable: !0,
94
- showAllNone: !1,
95
- closeOnSelect: !0
96
- }
97
- ),
98
- s && /* @__PURE__ */ t(
99
- b,
100
- {
101
- options: m ? m.map((e) => ({
102
- key: e.id,
103
- value: e.id,
104
- text: e.name
105
- })) : [],
106
- placeholder: g || "All Countries",
107
- value: i,
108
- onChange: (e, { value: r }) => {
109
- F(r), n(1);
110
- },
111
- multiple: !1,
112
- searchable: !1,
113
- showAllNone: !1,
114
- closeOnSelect: !0
115
- }
116
- ),
117
- /* @__PURE__ */ w(
118
- j,
119
- {
120
- className: `data-filters-reset ignore ${i || h || N ? "" : "disabled"}`,
121
- onClick: v,
122
- children: [
123
- /* @__PURE__ */ t("span", { children: "Reset Filters" }),
124
- /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(k, { name: "undo alternate", className: "custom-undo-icon" }) })
125
- ]
126
- }
127
- )
128
- ] }) });
129
- }, ne = (P) => {
130
- const {
131
- "data-height": a,
132
- "data-show-pagination": i,
133
- "data-show-posts-per-page": F,
134
- "data-show-filters": h,
135
- "data-show-date-filter": S,
136
- "data-show-category-filter": v,
137
- "data-categories": s,
138
- "data-category-placeholder": g,
139
- "data-show-country-filter": x,
140
- "data-country-category": u,
141
- "data-country-placeholder": n
142
- } = P, [l, o] = C(null), [c, N] = C(null), [p, D] = C(null), [V, m] = C(1), [I, e] = C(0), r = B(a), R = Y(i), O = B(F), A = Y(h), W = Y(S), E = Y(v), K = Y(x), T = () => {
143
- o(null), N(null), D(null), m(1), e((d) => d + 1);
144
- }, y = c ? M(c) : null;
145
- let f = [];
146
- try {
147
- if (s)
148
- if (Array.isArray(s))
149
- f = s;
150
- else if (typeof s == "string") {
151
- const d = decodeURIComponent(s);
152
- d && d !== "undefined" && (f = JSON.parse(d));
153
- } else
154
- f = s;
155
- } catch {
156
- f = [];
157
- }
158
- return console.log(r, "heightValue"), /* @__PURE__ */ w(j, { fluid: !0, className: "container", style: { height: r + "px", minHeight: r + "px" }, children: [
159
- A && /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(J.Consumer, { children: ({ categories: d }) => /* @__PURE__ */ t(
160
- X,
161
- {
162
- showCategoryFilter: E,
163
- categoryPlaceholder: g,
164
- showDateFilter: W,
165
- categories: d || [],
166
- categoriesToBeShown: f,
167
- selectedCategory: l,
168
- setSelectedCategory: o,
169
- selectedYear: c,
170
- setSelectedYear: N,
171
- onResetFilters: T,
172
- setCurrentPage: m,
173
- showCountryFilter: K,
174
- countryPlaceholder: n,
175
- countryCategory: u,
176
- selectedCountry: p,
177
- setSelectedCountry: D
178
- }
179
- ) }) }),
180
- /* @__PURE__ */ t(
181
- U,
182
- {
183
- perPage: O || 10,
184
- store: "posts-with-filters",
185
- categories: (p == null ? void 0 : p.toString()) || (l == null ? void 0 : l.toString()) || f.join(","),
186
- after: (y == null ? void 0 : y.startDate) || null,
187
- before: (y == null ? void 0 : y.endDate) || null,
188
- page: V,
189
- children: /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(
190
- Q,
191
- {
192
- showPaginationOptions: R,
193
- currentPage: V,
194
- setCurrentPage: m,
195
- countryCategory: u,
196
- height: r
197
- }
198
- ) })
199
- },
200
- I
201
- )
202
- ] });
203
- };
204
- export {
205
- ne as default
206
- };
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- import { DropdownProps } from 'semantic-ui-react';
3
- declare const DropDownFilter: (props: DropdownProps) => React.JSX.Element;
4
- export default DropDownFilter;
@@ -1,5 +0,0 @@
1
- import { default as React } from 'react';
2
- declare const _default: React.FC<import('react-intl').WithIntlProps<any>> & {
3
- WrappedComponent: React.ComponentType<any>;
4
- };
5
- export default _default;
@@ -1,21 +0,0 @@
1
- import { default as React } from 'react';
2
- interface PostsWithFiltersProps {
3
- editing: boolean;
4
- "data-component": string;
5
- "data-height": string;
6
- "data-show-header": string;
7
- "data-show-pagination": string;
8
- "data-show-posts-per-page": string;
9
- "data-show-filters": string;
10
- "data-show-date-filter": string;
11
- "data-show-category-filter": string;
12
- "data-categories": string;
13
- "data-start-date": string;
14
- "data-end-date": string;
15
- "data-category-placeholder": string;
16
- "data-show-country-filter": string;
17
- "data-country-category": string;
18
- "data-country-placeholder": string;
19
- }
20
- declare const PostsWithFilters: (props: PostsWithFiltersProps) => React.JSX.Element;
21
- export default PostsWithFilters;
File without changes
File without changes