@devgateway/dvz-ui-react 1.4.0 → 1.5.0

package/dist/types/dvz-ui/src/embeddable/posts-filter/PostsFilterDropdown.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { DropdownProps } from 'semantic-ui-react';
+export interface PostFilterDropdownProps extends DropdownProps {
+    allLabel?: string;
+    noneLabel?: string;
+    group: string;
+    useSingleColumn?: boolean;
+    enableTextSearch?: boolean;
+    filterType?: string;
+    showNoDataOption?: boolean;
+    allNoneSameBehaviour?: boolean;
+    closeOnSelect?: boolean;
+    autoApply?: boolean;
+    alphabeticalSort?: boolean;
+    ascOrder?: boolean;
+    placeholder?: string;
+    taxonomy?: string;
+    type?: string;
+}
+declare const PostsFilterDropdown: (props: PostFilterDropdownProps) => React.JSX.Element;
+export default PostsFilterDropdown;

package/dist/types/dvz-ui/src/embeddable/posts-filter/index.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+interface PostsFilterProps {
+    "data-alphabetical-sort": boolean | string;
+    "data-asc-order": boolean | string;
+    "data-group": string;
+    "data-placeholder"?: string;
+    "data-all-label"?: string;
+    "data-none-label"?: string;
+    "data-use-single-column"?: boolean | string;
+    "data-enable-text-search"?: boolean | string;
+    "data-filter-type"?: string;
+    "data-show-no-data-option"?: boolean | string;
+    "data-close-on-select"?: boolean | string;
+    "data-all-none-same-behaviour"?: boolean | string;
+    "data-auto-apply"?: boolean | string;
+    "data-taxonomy"?: string;
+    "data-categories"?: string;
+    "data-is-country-filter"?: boolean | string;
+    "data-is-year-filter"?: boolean | string;
+    "data-selected-year"?: number | string;
+    "data-type"?: string;
+    "data-sort-first-by"?: string;
+}
+declare const PostsFilter: (props: PostsFilterProps) => React.JSX.Element;
+export default PostsFilter;

package/dist/types/dvz-ui/src/embeddable/posts-filters-reset-button/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const PostsFiltersResetButton: (props: any) => React.JSX.Element;
+export default PostsFiltersResetButton;

package/dist/types/dvz-ui/src/embeddable/posts-pagination/index.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { WrappedComponentProps } from 'react-intl';
+interface PostsPaginationProps extends WrappedComponentProps {
+    "data-group": string;
+    "data-number-of-items-per-page": number;
+}
+declare const _default: React.FC<import('react-intl').WithIntlProps<PostsPaginationProps>> & {
+    WrappedComponent: React.ComponentType<PostsPaginationProps>;
+};
+export default _default;

package/dist/types/dvz-ui/src/embeddable/reducers/data-api.d.ts

@@ -7,3 +7,14 @@ export function getData({ source, app, params }: {
     app: any;
     params: any;
 }): any;
+export function getCustomPosts({ postType, taxonomy, category, taxonomyFilters, before, perPage, page, locale, after }: {
+    postType: any;
+    taxonomy: any;
+    category: any;
+    taxonomyFilters: any;
+    before: any;
+    perPage: any;
+    page: any;
+    locale: any;
+    after: any;
+}): Promise<unknown>;

package/dist/types/dvz-ui/src/embeddable/reducers/post-reducer.d.ts

@@ -0,0 +1,158 @@
+interface PostsState {
+    posts?: any;
+    group: string | null;
+    postsFilters: {
+        countryFilter: string | null;
+        yearFilter: string | null;
+        categoryFilter: string | null;
+    };
+}
+interface GetCustomPostsQueryArgs {
+    postType?: string;
+    taxonomy?: string;
+    category?: string;
+    before?: Date;
+    perPage?: number;
+    page?: number;
+    locale?: string;
+    after?: Date;
+}
+export declare const postsApi: import('@reduxjs/toolkit/query').Api<import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, {
+    getCustomPosts: import('@reduxjs/toolkit/query').QueryDefinition<GetCustomPostsQueryArgs, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, never, any, "postsApi", any>;
+}, "postsApi", never, typeof import('@reduxjs/toolkit/query').coreModuleName | typeof import('@reduxjs/toolkit/query/react').reactHooksModuleName>;
+export declare const useGetCustomPostsQuery: <R extends Record<string, any> = import('@reduxjs/toolkit/query').TSHelpersId<(Omit<{
+    status: import("@reduxjs/toolkit/query").QueryStatus.uninitialized;
+    originalArgs?: undefined | undefined;
+    data?: undefined | undefined;
+    error?: undefined | undefined;
+    requestId?: undefined | undefined;
+    endpointName?: string | undefined;
+    startedTimeStamp?: undefined | undefined;
+    fulfilledTimeStamp?: undefined | undefined;
+} & {
+    currentData?: any;
+    isUninitialized: false;
+    isLoading: false;
+    isFetching: false;
+    isSuccess: false;
+    isError: false;
+}, "isUninitialized"> & {
+    isUninitialized: true;
+}) | import('@reduxjs/toolkit/query').TSHelpersOverride<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<GetCustomPostsQueryArgs, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, never, any, "postsApi", any>> & {
+    currentData?: any;
+    isUninitialized: false;
+    isLoading: false;
+    isFetching: false;
+    isSuccess: false;
+    isError: false;
+}, {
+    isLoading: true;
+    isFetching: boolean;
+    data: undefined;
+} | ({
+    isSuccess: true;
+    isFetching: true;
+    error: undefined;
+} & Required<Pick<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<GetCustomPostsQueryArgs, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, never, any, "postsApi", any>> & {
+    currentData?: any;
+    isUninitialized: false;
+    isLoading: false;
+    isFetching: false;
+    isSuccess: false;
+    isError: false;
+}, "data" | "fulfilledTimeStamp">>) | ({
+    isSuccess: true;
+    isFetching: false;
+    error: undefined;
+} & Required<Pick<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<GetCustomPostsQueryArgs, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, never, any, "postsApi", any>> & {
+    currentData?: any;
+    isUninitialized: false;
+    isLoading: false;
+    isFetching: false;
+    isSuccess: false;
+    isError: false;
+}, "data" | "fulfilledTimeStamp" | "currentData">>) | ({
+    isError: true;
+} & Required<Pick<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<GetCustomPostsQueryArgs, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, never, any, "postsApi", any>> & {
+    currentData?: any;
+    isUninitialized: false;
+    isLoading: false;
+    isFetching: false;
+    isSuccess: false;
+    isError: false;
+}, "error">>)>> & {
+    status: import('@reduxjs/toolkit/query').QueryStatus;
+}>(arg: GetCustomPostsQueryArgs | typeof import('@reduxjs/toolkit/query').skipToken, options?: (import('@reduxjs/toolkit/query').SubscriptionOptions & {
+    skip?: boolean;
+    refetchOnMountOrArgChange?: boolean | number;
+} & {
+    skip?: boolean;
+    selectFromResult?: ((state: import('@reduxjs/toolkit/query').TSHelpersId<(Omit<{
+        status: import("@reduxjs/toolkit/query").QueryStatus.uninitialized;
+        originalArgs?: undefined | undefined;
+        data?: undefined | undefined;
+        error?: undefined | undefined;
+        requestId?: undefined | undefined;
+        endpointName?: string | undefined;
+        startedTimeStamp?: undefined | undefined;
+        fulfilledTimeStamp?: undefined | undefined;
+    } & {
+        currentData?: any;
+        isUninitialized: false;
+        isLoading: false;
+        isFetching: false;
+        isSuccess: false;
+        isError: false;
+    }, "isUninitialized"> & {
+        isUninitialized: true;
+    }) | import('@reduxjs/toolkit/query').TSHelpersOverride<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<GetCustomPostsQueryArgs, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, never, any, "postsApi", any>> & {
+        currentData?: any;
+        isUninitialized: false;
+        isLoading: false;
+        isFetching: false;
+        isSuccess: false;
+        isError: false;
+    }, {
+        isLoading: true;
+        isFetching: boolean;
+        data: undefined;
+    } | ({
+        isSuccess: true;
+        isFetching: true;
+        error: undefined;
+    } & Required<Pick<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<GetCustomPostsQueryArgs, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, never, any, "postsApi", any>> & {
+        currentData?: any;
+        isUninitialized: false;
+        isLoading: false;
+        isFetching: false;
+        isSuccess: false;
+        isError: false;
+    }, "data" | "fulfilledTimeStamp">>) | ({
+        isSuccess: true;
+        isFetching: false;
+        error: undefined;
+    } & Required<Pick<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<GetCustomPostsQueryArgs, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, never, any, "postsApi", any>> & {
+        currentData?: any;
+        isUninitialized: false;
+        isLoading: false;
+        isFetching: false;
+        isSuccess: false;
+        isError: false;
+    }, "data" | "fulfilledTimeStamp" | "currentData">>) | ({
+        isError: true;
+    } & Required<Pick<import('@reduxjs/toolkit/query').QuerySubState<import('@reduxjs/toolkit/query').QueryDefinition<GetCustomPostsQueryArgs, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, never, any, "postsApi", any>> & {
+        currentData?: any;
+        isUninitialized: false;
+        isLoading: false;
+        isFetching: false;
+        isSuccess: false;
+        isError: false;
+    }, "error">>)>> & {
+        status: import('@reduxjs/toolkit/query').QueryStatus;
+    }) => R) | undefined;
+}) | undefined) => [R][R extends any ? 0 : never] & {
+    refetch: () => import('@reduxjs/toolkit/query').QueryActionCreatorResult<import('@reduxjs/toolkit/query').QueryDefinition<GetCustomPostsQueryArgs, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, import('@reduxjs/toolkit/query').FetchBaseQueryError, {}, import('@reduxjs/toolkit/query').FetchBaseQueryMeta>, never, any, "postsApi", any>>;
+};
+export declare const setPostsFilter: import('@reduxjs/toolkit').ActionCreatorWithPayload<PostsState, "postsReducer/setPostsFilter">, setInitialPostsFilter: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, "postsReducer/setInitialPostsFilter">;
+declare const _default: import('redux').Reducer<PostsState>;
+export default _default;

package/dist/types/dvz-ui/src/embeddable/vertical-featuredtabs/index.d.ts

@@ -8,6 +8,7 @@ export interface VerticalFeaturedTabsProps {
     "data-colors": string;
     "data-cover-width"?: number;
     "data-read-more-label"?: string;
+    "data-click-to-expand-label"?: string;
     "data-preview-mode"?: string;
     editing: boolean;
     parent: string;

package/dist/types/dvz-ui/src/layout/Header.d.ts

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
 declare const _default: React.FC<import('react-intl').WithIntlProps<{
     intl: any;
-    settings?: {} | undefined;
+    settings: any;
 }>> & {
     WrappedComponent: React.ComponentType<{
         intl: any;
-        settings?: {} | undefined;
+        settings: any;
     }>;
 };
 export default _default;

package/dist/types/dvz-ui/src/translations/am.json.d.ts

@@ -0,0 +1,39 @@
+declare const _default: {
+    "search.placeholder": "ፈልግ...",
+    "search.results.summary": "{count} የ {total} ውጤቶች",
+    "oropharyngeal.cancer": "የጉሮሮ ካንሰር",
+    "laryngeal.cancer": "የአየር ቧንቧ ካንሰር",
+    "oesophageal.cancer": "የምግብ ቧንቧ ካንሰር",
+    "tracheal.bronchial.lung.cancer": "የቀሰብ፣ የቀሳቢ እና የሳንባ ካንሰር",
+    "acute.myeloid.leukaemia": "የደም ካንሰር",
+    "stomach.cancer": "የጨጓራ ካንሰር",
+    "liver.cancer": "የጉበት ካንሰር",
+    "pancreatic.cancer": "የቆሽት ካንሰር",
+    "colorectal.cancer": "የአንጀት ካንሰር",
+    "kidney.cancer": "የኩላሊት ካንሰር",
+    "bladder.cancer": "የፊኛ ካንሰር",
+    "cervical.cancer": "የማህጸን ካንሰር (ሴቶች ብቻ)",
+    "stroke": "ስትሮክ",
+    "blindness.decreased.eyesight": "የአይን መታወር፣ የማየት ችሎታ መቀነስ",
+    "periodontitis": "የድድ በሽታ",
+    "aortic.aneurysm": "ኦርቲክ አኑኢሪዜም",
+    "heart.disease": "የልብ በሽታ",
+    "pneumonia": "የሳንባ ምች በሽታ",
+    "atherosclerotic.peripheral.vascular.disease": "የደም ስር መጥበብ በሽታ",
+    "copd": "የሳንባ በሽታ",
+    "tuberculosis": "የሳንባ ነቀርሳ",
+    "asthma": "አስም",
+    "diabetes": "የስኳር በሽታ",
+    "hip.fractures": "የዳሌ አጥንት መሰንጠቅ",
+    "rheumatoid.arthritis": "የሪህ በሽታ",
+    "impaired.immune.function": "በሽታ የመከላከል አቅም መቀነስ",
+    "erectile.dysfunction": "የብልት ችግር (ወንዶች ብቻ)",
+    "ectopic.pregnancy": "ከማህጸን ውጭ የሚፈጠር እርግዝና (ሴቶች ብቻ)",
+    "reduced.fertility.women": "የወላድነት መቀነስ (ሴቶች ብቻ)",
+    "reduced.fertility.men": "የወላድነት መቀነስ (ወንዶች ብቻ)",
+    "ailments.title": "የካንሰር በሽታዎች",
+    "ailments.otherConditions": "ሌሎች የጤና ችግሮች"
+  }
+;
+
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -69,7 +69,7 @@
     "react-is": "^18.3.1",
     "react-markdown": "^10.1.0",
     "react-redux": "~9.2.0",
-    "react-router": "~7.7.1",
+    "react-router": "~7.9.4",
     "redux": "^5.0.1",
     "redux-thunk": "^3.1.0",
     "rehype-raw": "^7.0.0",
@@ -79,7 +79,7 @@
     "string-template": "^1.0.0",
     "topojson-client": "^3.1.0",
     "uuid": "^11.1.0",
-    "@devgateway/wp-react-lib": "0.5.0"
+    "@devgateway/wp-react-lib": "0.5.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.37.0",

package/dist/cjs/embeddable/posts-with-filters/DropDownFilter.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),u=require("semantic-ui-react"),r=n=>{const{options:t,onChange:e}=n,i=[{key:"all",value:"all",text:"All"},...t||[]],s=(o,l)=>{e&&(l.value==="all"?e(o,{...l,value:void 0}):e(o,l))};return a.jsx(u.Dropdown,{...n,options:i,onChange:s})};exports.default=r;

package/dist/cjs/embeddable/posts-with-filters/Post.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react"),m=require("semantic-ui-react"),h=require("date-fns"),l=require("../../utils/data.js"),c=require("@devgateway/wp-react-lib"),g=require("react-intl"),x=i=>{const{isPostHovered:t}=i;return e.jsx("div",{className:"post-image",children:e.jsx("img",{loading:"lazy",className:`${t?"highlighted":""}`,src:i.media&&i.media.guid?i.media.guid.rendered:null,alt:i.media&&i.media.alt_text||""})})},j=i=>{var n,d,o,r;const{post:t}=i,[a,s]=u.useState(!1);return e.jsxs("div",{className:"post-card",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:[e.jsx("a",{href:t.link,target:"_blank",children:e.jsx(c.MediaProvider,{id:t.featured_media,children:e.jsx(c.MediaConsumer,{children:e.jsx(x,{isPostHovered:a})})})}),e.jsxs("div",{className:"post-content",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:[e.jsx("div",{className:"publication-date",children:h.format(new Date(t.date),"MMM dd, yyyy")}),e.jsx("a",{href:t.link,target:"_blank",children:e.jsx("h2",{className:`publication-title ${a?"highlighted":""}`,children:l.decodeHtmlEntitiesToText(((n=t.title)==null?void 0:n.rendered)||((d=t.yoast_head_json)==null?void 0:d.title)||"Publication Title")})}),e.jsx("p",{className:"publication-description",dangerouslySetInnerHTML:{__html:l.decodeHtmlEntitiesToHtml(((o=t.yoast_head_json)==null?void 0:o.og_description)||((r=t.excerpt)==null?void 0:r.rendered)||"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.")}}),e.jsx("a",{href:t.link,children:e.jsx(m.Button,{className:`read-more-button ${a?"highlighted":""}`,children:"Read more"})})]})]},t.id)},v=g.injectIntl(j);exports.default=v;

package/dist/cjs/embeddable/posts-with-filters/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("react"),A=require("@devgateway/wp-react-lib"),x=require("semantic-ui-react"),W=require("./Post.js"),E=require("./utils.js"),d=require("../../utils/data.js"),V=require("./DropDownFilter.js"),K=P=>{const{posts:o,meta:i,showPaginationOptions:j,currentPage:h,setCurrentPage:S,countryCategory:F,height:r}=P,y=d.toNumber(F),v=Array.isArray(o)?o.filter(s=>s.categories.includes(y)):[],g=Array.isArray(o)?o.filter(s=>!s.categories.includes(y)):[],n=[...v,...g],l=i&&i["x-wp-totalpages"]?i["x-wp-totalpages"]:1;return e.jsxs("div",{children:[e.jsx("div",{className:"posts-grid",children:n==null?void 0:n.map(s=>e.jsx(W.default,{post:s},s.id))}),j&&e.jsxs("div",{className:"pagination-section",children:[e.jsxs("div",{className:"pagination-info",children:["Page ",e.jsx("span",{className:"current-page",children:h})," of ",l]}),e.jsx(x.Pagination,{activePage:h,totalPages:l,onPageChange:(s,{activePage:c})=>S(c),prevItem:{content:e.jsx(x.Icon,{name:"angle left"}),icon:!0},nextItem:{content:e.jsx(x.Icon,{name:"angle right"}),icon:!0},firstItem:null,lastItem:null})]})]})},M=P=>{const{categories:o,selectedCategory:i,setSelectedCategory:j,selectedYear:h,setSelectedYear:S,onResetFilters:F,showCategoryFilter:r,categoryPlaceholder:y,showDateFilter:v,categoriesToBeShown:g,setCurrentPage:n,showCountryFilter:l,countryPlaceholder:s,countryCategory:c,selectedCountry:N,setSelectedCountry:C}=P,[I,Y]=p.useState([]);p.useEffect(()=>{const t=async()=>{const O=(await A.getYearRange()).data.map(b=>({key:b,value:b,text:`Year ${b}`}));Y(O)};return t(),()=>{t()}},[]);const f=o&&g?o.filter(t=>g.includes(t.id)):[],D=o&&c?o.filter(t=>t.parent===parseInt(c)):[];return e.jsx("div",{children:e.jsxs("div",{children:[l&&e.jsx(V.default,{options:D.map(t=>({key:t.id,value:t.id,text:t.name})),placeholder:s,value:N,onChange:(t,{value:a})=>{C(a),n(1)}}),v&&e.jsx(V.default,{options:I,placeholder:"Select Year",value:h,onChange:(t,{value:a})=>{S(a),n(1)},multiple:!1,searchable:!0,showAllNone:!1,closeOnSelect:!0}),r&&e.jsx(V.default,{options:f?f.map(t=>({key:t.id,value:t.id,text:t.name})):[],placeholder:y||"All Countries",value:i,onChange:(t,{value:a})=>{j(a),n(1)},multiple:!1,searchable:!1,showAllNone:!1,closeOnSelect:!0}),e.jsxs(x.Container,{className:`data-filters-reset ignore ${i||h||N?"":"disabled"}`,onClick:F,children:[e.jsx("span",{children:"Reset Filters"}),e.jsx("span",{children:e.jsx(x.Icon,{name:"undo alternate",className:"custom-undo-icon"})})]})]})})},U=P=>{const{"data-height":o,"data-show-pagination":i,"data-show-posts-per-page":j,"data-show-filters":h,"data-show-date-filter":S,"data-show-category-filter":F,"data-categories":r,"data-category-placeholder":y,"data-show-country-filter":v,"data-country-category":g,"data-country-placeholder":n}=P,[l,s]=p.useState(null),[c,N]=p.useState(null),[C,I]=p.useState(null),[Y,f]=p.useState(1),[D,t]=p.useState(0),a=d.toNumber(o),q=d.toBoolean(i),O=d.toNumber(j),b=d.toBoolean(h),B=d.toBoolean(S),R=d.toBoolean(F),k=d.toBoolean(v),T=()=>{s(null),N(null),I(null),f(1),t(u=>u+1)},m=c?E.getStartDateAndEndDateFromYear(c):null;let w=[];try{if(r)if(Array.isArray(r))w=r;else if(typeof r=="string"){const u=decodeURIComponent(r);u&&u!=="undefined"&&(w=JSON.parse(u))}else w=r}catch{w=[]}return console.log(a,"heightValue"),e.jsxs(x.Container,{fluid:!0,className:"container",style:{height:a+"px",minHeight:a+"px"},children:[b&&e.jsx(A.CategoriesProvider,{children:e.jsx(A.CategoriesContext.Consumer,{children:({categories:u})=>e.jsx(M,{showCategoryFilter:R,categoryPlaceholder:y,showDateFilter:B,categories:u||[],categoriesToBeShown:w,selectedCategory:l,setSelectedCategory:s,selectedYear:c,setSelectedYear:N,onResetFilters:T,setCurrentPage:f,showCountryFilter:k,countryPlaceholder:n,countryCategory:g,selectedCountry:C,setSelectedCountry:I})})}),e.jsx(A.PostProvider,{perPage:O||10,store:"posts-with-filters",categories:(C==null?void 0:C.toString())||(l==null?void 0:l.toString())||w.join(","),after:(m==null?void 0:m.startDate)||null,before:(m==null?void 0:m.endDate)||null,page:Y,children:e.jsx(A.PostConsumer,{children:e.jsx(K,{showPaginationOptions:q,currentPage:Y,setCurrentPage:f,countryCategory:g,height:a})})},D)]})};exports.default=U;

package/dist/esm/embeddable/posts-with-filters/DropDownFilter.js

@@ -1,25 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Dropdown as s } from "semantic-ui-react";
-const f = (n) => {
-  const {
-    options: t,
-    onChange: o
-  } = n, a = [{
-    key: "all",
-    value: "all",
-    text: "All"
-  }, ...t || []];
-  return /* @__PURE__ */ i(
-    s,
-    {
-      ...n,
-      options: a,
-      onChange: (e, l) => {
-        o && (l.value === "all" ? o(e, { ...l, value: void 0 }) : o(e, l));
-      }
-    }
-  );
-};
-export {
-  f as default
-};

package/dist/esm/embeddable/posts-with-filters/Post.js

@@ -1,51 +0,0 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { useState as m } from "react";
-import { Button as c } from "semantic-ui-react";
-import { format as u } from "date-fns";
-import { decodeHtmlEntitiesToText as h, decodeHtmlEntitiesToHtml as g } from "../../utils/data.js";
-import { MediaProvider as f, MediaConsumer as p } from "@devgateway/wp-react-lib";
-import { injectIntl as v } from "react-intl";
-const M = (i) => {
-  const { isPostHovered: e } = i;
-  return /* @__PURE__ */ t("div", { className: "post-image", children: /* @__PURE__ */ t(
-    "img",
-    {
-      loading: "lazy",
-      className: `${e ? "highlighted" : ""}`,
-      src: i.media && i.media.guid ? i.media.guid.rendered : null,
-      alt: i.media && i.media.alt_text || ""
-    }
-  ) });
-}, _ = (i) => {
-  var d, n, r, s;
-  const { post: e } = i, [a, o] = m(!1);
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: "post-card",
-      onMouseEnter: () => o(!0),
-      onMouseLeave: () => o(!1),
-      children: [
-        /* @__PURE__ */ t("a", { href: e.link, target: "_blank", children: /* @__PURE__ */ t(f, { id: e.featured_media, children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(M, { isPostHovered: a }) }) }) }),
-        /* @__PURE__ */ l(
-          "div",
-          {
-            className: "post-content",
-            onMouseEnter: () => o(!0),
-            onMouseLeave: () => o(!1),
-            children: [
-              /* @__PURE__ */ t("div", { className: "publication-date", children: u(new Date(e.date), "MMM dd, yyyy") }),
-              /* @__PURE__ */ t("a", { href: e.link, target: "_blank", children: /* @__PURE__ */ t("h2", { className: `publication-title ${a ? "highlighted" : ""}`, children: h(((d = e.title) == null ? void 0 : d.rendered) || ((n = e.yoast_head_json) == null ? void 0 : n.title) || "Publication Title") }) }),
-              /* @__PURE__ */ t("p", { className: "publication-description", dangerouslySetInnerHTML: { __html: g(((r = e.yoast_head_json) == null ? void 0 : r.og_description) || ((s = e.excerpt) == null ? void 0 : s.rendered) || "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.") } }),
-              /* @__PURE__ */ t("a", { href: e.link, children: /* @__PURE__ */ t(c, { className: `read-more-button ${a ? "highlighted" : ""}`, children: "Read more" }) })
-            ]
-          }
-        )
-      ]
-    },
-    e.id
-  );
-}, k = v(_);
-export {
-  k as default
-};

package/dist/esm/embeddable/posts-with-filters/index.js

@@ -1,206 +0,0 @@
-import { jsxs as w, jsx as t } from "react/jsx-runtime";
-import { useState as C, useEffect as $ } from "react";
-import { CategoriesProvider as H, CategoriesContext as J, PostProvider as U, PostConsumer as q, getYearRange as z } from "@devgateway/wp-react-lib";
-import { Container as j, Icon as k, Pagination as G } from "semantic-ui-react";
-import L from "./Post.js";
-import { getStartDateAndEndDateFromYear as M } from "./utils.js";
-import { toNumber as B, toBoolean as Y } from "../../utils/data.js";
-import b from "./DropDownFilter.js";
-const Q = (P) => {
-  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;
-  return /* @__PURE__ */ w("div", { children: [
-    /* @__PURE__ */ t("div", { className: "posts-grid", children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ t(L, { post: o }, o.id)) }),
-    F && /* @__PURE__ */ w("div", { className: "pagination-section", children: [
-      /* @__PURE__ */ w("div", { className: "pagination-info", children: [
-        "Page ",
-        /* @__PURE__ */ t("span", { className: "current-page", children: h }),
-        " of ",
-        l
-      ] }),
-      /* @__PURE__ */ t(
-        G,
-        {
-          activePage: h,
-          totalPages: l,
-          onPageChange: (o, { activePage: c }) => S(c),
-          prevItem: { content: /* @__PURE__ */ t(k, { name: "angle left" }), icon: !0 },
-          nextItem: { content: /* @__PURE__ */ t(k, { name: "angle right" }), icon: !0 },
-          firstItem: null,
-          lastItem: null
-        }
-      )
-    ] })
-  ] });
-}, X = (P) => {
-  const {
-    categories: a,
-    selectedCategory: i,
-    setSelectedCategory: F,
-    selectedYear: h,
-    setSelectedYear: S,
-    onResetFilters: v,
-    showCategoryFilter: s,
-    categoryPlaceholder: g,
-    showDateFilter: x,
-    categoriesToBeShown: u,
-    setCurrentPage: n,
-    showCountryFilter: l,
-    countryPlaceholder: o,
-    countryCategory: c,
-    selectedCountry: N,
-    setSelectedCountry: p
-  } = P, [D, V] = C([]);
-  $(() => {
-    const e = async () => {
-      const O = (await z()).data.map((A) => ({
-        key: A,
-        value: A,
-        text: `Year ${A}`
-      }));
-      V(O);
-    };
-    return e(), () => {
-      e();
-    };
-  }, []);
-  const m = a && u ? a.filter((e) => u.includes(e.id)) : [], I = a && c ? a.filter((e) => e.parent === parseInt(c)) : [];
-  return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ w("div", { children: [
-    l && /* @__PURE__ */ t(
-      b,
-      {
-        options: I.map((e) => ({
-          key: e.id,
-          value: e.id,
-          text: e.name
-        })),
-        placeholder: o,
-        value: N,
-        onChange: (e, { value: r }) => {
-          p(r), n(1);
-        }
-      }
-    ),
-    x && /* @__PURE__ */ t(
-      b,
-      {
-        options: D,
-        placeholder: "Select Year",
-        value: h,
-        onChange: (e, { value: r }) => {
-          S(r), n(1);
-        },
-        multiple: !1,
-        searchable: !0,
-        showAllNone: !1,
-        closeOnSelect: !0
-      }
-    ),
-    s && /* @__PURE__ */ t(
-      b,
-      {
-        options: m ? m.map((e) => ({
-          key: e.id,
-          value: e.id,
-          text: e.name
-        })) : [],
-        placeholder: g || "All Countries",
-        value: i,
-        onChange: (e, { value: r }) => {
-          F(r), n(1);
-        },
-        multiple: !1,
-        searchable: !1,
-        showAllNone: !1,
-        closeOnSelect: !0
-      }
-    ),
-    /* @__PURE__ */ w(
-      j,
-      {
-        className: `data-filters-reset ignore ${i || h || N ? "" : "disabled"}`,
-        onClick: v,
-        children: [
-          /* @__PURE__ */ t("span", { children: "Reset Filters" }),
-          /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(k, { name: "undo alternate", className: "custom-undo-icon" }) })
-        ]
-      }
-    )
-  ] }) });
-}, ne = (P) => {
-  const {
-    "data-height": a,
-    "data-show-pagination": i,
-    "data-show-posts-per-page": F,
-    "data-show-filters": h,
-    "data-show-date-filter": S,
-    "data-show-category-filter": v,
-    "data-categories": s,
-    "data-category-placeholder": g,
-    "data-show-country-filter": x,
-    "data-country-category": u,
-    "data-country-placeholder": n
-  } = 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 = () => {
-    o(null), N(null), D(null), m(1), e((d) => d + 1);
-  }, y = c ? M(c) : null;
-  let f = [];
-  try {
-    if (s)
-      if (Array.isArray(s))
-        f = s;
-      else if (typeof s == "string") {
-        const d = decodeURIComponent(s);
-        d && d !== "undefined" && (f = JSON.parse(d));
-      } else
-        f = s;
-  } catch {
-    f = [];
-  }
-  return console.log(r, "heightValue"), /* @__PURE__ */ w(j, { fluid: !0, className: "container", style: { height: r + "px", minHeight: r + "px" }, children: [
-    A && /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(J.Consumer, { children: ({ categories: d }) => /* @__PURE__ */ t(
-      X,
-      {
-        showCategoryFilter: E,
-        categoryPlaceholder: g,
-        showDateFilter: W,
-        categories: d || [],
-        categoriesToBeShown: f,
-        selectedCategory: l,
-        setSelectedCategory: o,
-        selectedYear: c,
-        setSelectedYear: N,
-        onResetFilters: T,
-        setCurrentPage: m,
-        showCountryFilter: K,
-        countryPlaceholder: n,
-        countryCategory: u,
-        selectedCountry: p,
-        setSelectedCountry: D
-      }
-    ) }) }),
-    /* @__PURE__ */ t(
-      U,
-      {
-        perPage: O || 10,
-        store: "posts-with-filters",
-        categories: (p == null ? void 0 : p.toString()) || (l == null ? void 0 : l.toString()) || f.join(","),
-        after: (y == null ? void 0 : y.startDate) || null,
-        before: (y == null ? void 0 : y.endDate) || null,
-        page: V,
-        children: /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(
-          Q,
-          {
-            showPaginationOptions: R,
-            currentPage: V,
-            setCurrentPage: m,
-            countryCategory: u,
-            height: r
-          }
-        ) })
-      },
-      I
-    )
-  ] });
-};
-export {
-  ne as default
-};

package/dist/types/dvz-ui/src/embeddable/posts-with-filters/DropDownFilter.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { DropdownProps } from 'semantic-ui-react';
-declare const DropDownFilter: (props: DropdownProps) => React.JSX.Element;
-export default DropDownFilter;

package/dist/types/dvz-ui/src/embeddable/posts-with-filters/Post.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-declare const _default: React.FC<import('react-intl').WithIntlProps<any>> & {
-    WrappedComponent: React.ComponentType<any>;
-};
-export default _default;