@devgateway/dvz-ui-react 1.0.7 → 1.1.1

package/dist/types/embeddable/pagegallery/index.d.ts

@@ -1,8 +1,4 @@
 import { default as React } from 'react';
-export interface HorizontalDashboardGalleryProps {
-    pages?: any[];
-    columns: string;
-}
 export interface PageGalleryProps {
     "data-height": number;
     "data-style": string;

package/dist/types/embeddable/pagemodules/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export interface SectionHeaderProps {
+interface SectionHeaderProps {
     title: string;
     subtitle: string;
     icon?: string;

package/dist/types/embeddable/parallax/index.d.ts

@@ -1,18 +1,3 @@
 import { default as React } from 'react';
-export interface ParallaxProps {
-    "data-width": number;
-    "data-height": number;
-    "data-type": string;
-    "data-taxonomy": string;
-    "data-categories": string;
-    "data-count": number;
-    "data-horizontal": boolean;
-    "data-scrolls": number;
-    "data-configuration": string;
-    parent: string;
-    editing: boolean;
-    component: string;
-    unique: string;
-}
-declare const Root: (props: ParallaxProps) => React.JSX.Element;
+declare const Root: (props: any) => React.JSX.Element;
 export default Root;

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

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

package/dist/types/embeddable/posts-with-filters/index.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+interface PostsWithFiltersProps {
+    editing: boolean;
+    "data-component": string;
+    "data-height": string;
+    "data-show-header": string;
+    "data-show-pagination": string;
+    "data-show-posts-per-page": string;
+    "data-show-filters": string;
+    "data-show-date-filter": string;
+    "data-show-category-filter": string;
+    "data-categories": string;
+    "data-start-date": string;
+    "data-end-date": string;
+    "data-category-placeholder": string;
+    "data-show-country-filter": string;
+    "data-country-category": string;
+    "data-country-placeholder": string;
+}
+declare const PostsWithFilters: (props: PostsWithFiltersProps) => React.JSX.Element;
+export default PostsWithFilters;

package/dist/types/embeddable/posts-with-filters/utils.d.ts

@@ -0,0 +1,6 @@
+declare function getStartDateAndEndDateFromYear(year: number): {
+    startDate: Date;
+    endDate: Date;
+};
+declare function getYearsToDisplay(): Promise<unknown>;
+export { getStartDateAndEndDateFromYear, getYearsToDisplay };

package/dist/types/embeddable/postscarousel/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export interface PostCarouselProps {
+interface PostCarouselProps {
     "data-type": string;
     "data-taxonomy": string;
     "data-categories": string;

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

@@ -1,18 +1,9 @@
-interface DataResponse {
-    [key: string]: any;
-    metadata: {
-        [key: string]: any;
-    };
-    itemSize: number;
-    children?: Record<string, DataResponse>[];
-}
-export declare const getCategories: ({ app, params }: {
-    app: string;
-    params?: Record<string, string>;
-}) => Promise<unknown>;
-export declare const getData: ({ source, app, params }: {
-    source: string;
-    app: string;
-    params?: Record<string, string>;
-}) => Promise<DataResponse>;
-export {};
+export function getCategories({ app, params }: {
+    app: any;
+    params: any;
+}): any;
+export function getData({ source, app, params }: {
+    source: any;
+    app: any;
+    params: any;
+}): any;

package/dist/types/embeddable/reducers/data.d.ts

@@ -1,54 +1,55 @@
-export declare const cleanMeasures: ({ app, group }: {
-    app: string;
-    group: string;
-}) => (dispatch: any, getState: any) => void;
-export declare const setMeasures: ({ app, group, mGroup }: {
-    app: string;
-    group: string;
+export function cleanMeasures({ app, group }: {
+    app: any;
+    group: any;
+}): (dispatch: any, getState: any) => void;
+export function setMeasures({ app, group, mGroup }: {
+    app: any;
+    group: any;
     mGroup: any;
-}) => (dispatch: any, getState: any) => void;
-export declare const setFilter: ({ app, group, param, value, autoApply }: {
-    app: string;
-    group: string;
-    param: string;
+}): (dispatch: any, getState: any) => void;
+export function setFilter({ app, group, param, value, autoApply }: {
+    app: any;
+    group: any;
+    param: any;
     value: any;
-    autoApply: boolean;
-}) => (dispatch: any, getState: any) => void;
-export declare const cleanFilter: ({ app, group }: {
-    app: string;
-    group: string;
-}) => (dispatch: any, getState: any) => void;
-export declare const applyFilter: ({ app, group }: {
+    autoApply: any;
+}): (dispatch: any, getState: any) => void;
+export function cleanFilter({ app, group }: {
+    app: any;
+    group: any;
+}): (dispatch: any, getState: any) => void;
+export function applyFilter({ app, group }: {
     app: any;
     group: any;
-}) => (dispatch: any, getState: any) => void;
-export declare const setInitialFilters: ({ app, group, param, value }: {
+}): (dispatch: any, getState: any) => void;
+export function setInitialFilters({ app, group, param, value }: {
     app: any;
     group: any;
     param: any;
     value: any;
-}) => (dispatch: any, getState: any) => void;
-export declare const getCategories: (props: any) => (dispatch: any, getState: any) => void;
-export declare const setData: ({ app, group, csv, store, params }: {
+}): (dispatch: any, getState: any) => void;
+export function getCategories(props: any): (dispatch: any, getState: any) => void;
+export function setData({ app, group, csv, store, params }: {
     app: any;
     group: any;
     csv: any;
     store: any;
     params: any;
-}) => (dispatch: any, getState: any) => void;
-export declare const getData: ({ app, group, source, store, params }: {
+}): (dispatch: any, getState: any) => void;
+export function getData({ app, group, source, store, params }: {
     app: any;
     group: any;
     source: any;
     store: any;
     params: any;
-}) => (dispatch: any, getState: any) => void;
-export declare const setPageModuleProps: ({ data }: {
+}): (dispatch: any, getState: any) => void;
+export function setPageModuleProps({ data }: {
     data: any;
-}) => (dispatch: any, getState: any) => void;
-declare const _default: (state: import('immutable').MapOf<{
+}): (dispatch: any, getState: any) => void;
+declare function _default(state: Immutable.MapOf<{
     mode: string;
-}> | undefined, action: any) => import('immutable').MapOf<{
+}> | undefined, action: any): Immutable.MapOf<{
     mode: string;
 }>;
 export default _default;
+import * as Immutable from 'immutable';

package/dist/types/embeddable/references/ReferencesList.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
-declare const _default: import('react-redux').ConnectedComponent<({ editing, "data-columns": cols, "data-height": height, "data-flex-direction": flexDirection }: {
+declare const _default: import('react-redux').ConnectedComponent<({ random, editing, "data-columns": cols, "data-height": height, "data-flex-direction": flexDirection }: {
+    random: any;
     editing?: boolean | undefined;
     "data-columns"?: number | undefined;
     "data-height"?: number | undefined;

package/dist/types/lib/hooks/resize-observer.d.ts

@@ -0,0 +1,4 @@
+export declare function useResizeObserver<T extends HTMLElement>(ref: React.RefObject<T>): {
+    width: number;
+    height: number;
+};

package/dist/types/lib/hooks/screen-orientation.d.ts

@@ -0,0 +1,18 @@
+type OrientationType = 'portrait-primary' | 'portrait-secondary' | 'landscape-primary' | 'landscape-secondary';
+interface OrientationState {
+    type: OrientationType;
+    angle: number;
+}
+/**
+ * A React hook that tracks screen.orientation.
+ * @returns
+ *  - orientation: { type, angle }
+ *  - lock(lockType?): Promise<void>
+ *  - unlock(): Promise<void>
+ */
+export declare function useScreenOrientation(): {
+    orientation: OrientationState;
+    lock: (lockType?: OrientationType | "portrait" | "landscape") => any;
+    unlock: () => void | Promise<never>;
+};
+export {};

package/dist/types/utils/data.d.ts

@@ -0,0 +1,5 @@
+export declare const toBoolean: (value: any) => boolean;
+export declare const toNumber: (value: any) => number;
+export declare const uriStringToArray: (value: string | string[]) => any[];
+export declare const decodeHtmlEntitiesToText: (html: string) => string | null;
+export declare const decodeHtmlEntitiesToHtml: (html: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.0.7",
+  "version": "1.1.1",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -47,6 +47,8 @@
     "clsx": "^2.1.1",
     "d3": "^7.9.0",
     "d3-shape": "^3.2.0",
+    "date-fns": "^4.1.0",
+    "dompurify": "^3.2.6",
     "file-saver": "^2.0.5",
     "geostats": "^2.1.0",
     "history": "^5.3.0",
@@ -105,7 +107,6 @@
     "prop-types": "^15.8.1",
     "react-compiler-runtime": "^19.0.0-beta-a7bf2bd-20241110",
     "rollup-plugin-preserve-directives": "^0.4.0",
-    "sass-embedded": "^1.89.0",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.32.1",
     "unbuild": "^3.5.0",

package/dist/types/embeddable/index.d.ts

@@ -1,161 +0,0 @@
-import { default as React } from 'react';
-import { default as Immutable } from 'immutable';
-export declare const components: {
-    pageGallery: React.LazyExoticComponent<React.FC<import('react-intl').WithIntlProps<import('./pagegallery/index').PageGalleryProps>> & {
-        WrappedComponent: React.ComponentType<import('./pagegallery/index').PageGalleryProps>;
-    }>;
-    postsCarousel: React.LazyExoticComponent<(props: import('./postscarousel/index').PostCarouselProps) => React.JSX.Element>;
-    chart: React.LazyExoticComponent<import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-        [x: string]: any;
-    }>>;
-    filter: React.LazyExoticComponent<React.FC<import('react-intl').WithIntlProps<any>> & {
-        WrappedComponent: React.ComponentType<any>;
-    }>;
-    showCaseForm: React.LazyExoticComponent<import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-        [x: string]: any;
-    }>>;
-    newsLetter: React.LazyExoticComponent<import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-        [x: string]: any;
-    }>>;
-    tabbedPosts: React.LazyExoticComponent<import('react-redux').ConnectedComponent<React.FC<import('react-intl').WithIntlProps<any>> & {
-        WrappedComponent: React.ComponentType<any>;
-    }, {
-        [x: string]: any;
-    }>>;
-    pageModules: React.LazyExoticComponent<import('react-redux').ConnectedComponent<React.FC<import('react-intl').WithIntlProps<any>> & {
-        WrappedComponent: React.ComponentType<any>;
-    }, {
-        [x: string]: any;
-        [x: number]: any;
-        [x: symbol]: any;
-        "data-type": string;
-        "data-taxonomy": string;
-        "data-categories": string;
-        "data-items": string;
-        "data-nav-label": string;
-        "data-to-top-label": string;
-        "data-preview-mode": string;
-        editing: string;
-        parent: string;
-        unique: string;
-        intl: any;
-        context?: React.Context<import('react-redux').ReactReduxContextValue<any, import('redux').UnknownAction> | null> | undefined;
-        store?: import('redux').Store | undefined;
-    }>>;
-    featuredTabs: React.LazyExoticComponent<import('react-redux').ConnectedComponent<React.FC<import('./featuredtabs/index').FeatureTabsProps>, {
-        [x: string]: any;
-    }>>;
-    verticalTabs: React.LazyExoticComponent<import('react-redux').ConnectedComponent<React.FC<import('./vertical-featuredtabs/index').VerticalFeaturedTabsProps>, {
-        [x: string]: any;
-    }>>;
-    inlineList: React.LazyExoticComponent<React.FC<import('./inlinelist/index').InlineListProps>>;
-    download: React.LazyExoticComponent<import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-        [x: string]: any;
-        [x: number]: any;
-        [x: symbol]: any;
-        context?: React.Context<import('react-redux').ReactReduxContextValue<any, import('redux').UnknownAction> | null> | undefined;
-        store?: import('redux').Store | undefined;
-    } | {
-        [x: string]: any;
-        [x: number]: any;
-        [x: symbol]: any;
-        store?: import('redux').Store | undefined;
-    }>>;
-    downloadPdf: React.LazyExoticComponent<(props: any) => React.JSX.Element>;
-    map: React.LazyExoticComponent<import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-        [x: string]: any;
-    }>>;
-    dataFiltersReset: React.LazyExoticComponent<import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-        [x: string]: any;
-    }>>;
-    dataFiltersApply: React.LazyExoticComponent<import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-        [x: string]: any;
-    }>>;
-    tooltip: React.LazyExoticComponent<({ "data-description": description }: {
-        "data-description"?: string | undefined;
-    }) => React.JSX.Element>;
-    references: React.LazyExoticComponent<import('react-redux').ConnectedComponent<({ editing, "data-columns": cols, "data-height": height, "data-flex-direction": flexDirection }: {
-        editing?: boolean | undefined;
-        "data-columns"?: number | undefined;
-        "data-height"?: number | undefined;
-        "data-flex-direction"?: string | undefined;
-    }) => React.JSX.Element, {
-        [x: string]: any;
-    }>>;
-    reference: React.LazyExoticComponent<import('react-redux').ConnectedComponent<({ "data-index": index, "data-description": description, "data-link": link }: {
-        "data-index"?: string | undefined;
-        "data-description"?: string | undefined;
-        "data-link"?: string | undefined;
-    }) => React.JSX.Element, {
-        [x: string]: any;
-    }>>;
-    timeLine: React.LazyExoticComponent<import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-        [x: string]: any;
-        [x: number]: any;
-        [x: symbol]: any;
-        context?: React.Context<import('react-redux').ReactReduxContextValue<any, import('redux').UnknownAction> | null> | undefined;
-        store?: import('redux').Store | undefined;
-    } | {
-        [x: string]: any;
-        [x: number]: any;
-        [x: symbol]: any;
-        store?: import('redux').Store | undefined;
-    }>>;
-    newTimeLine: React.LazyExoticComponent<(props: any) => React.JSX.Element>;
-    measures: React.LazyExoticComponent<React.FC<import('./measures/index').MeasuresProps>>;
-    menu: React.LazyExoticComponent<(props: any) => React.JSX.Element>;
-    childPagesMenu: React.LazyExoticComponent<React.FC<import('react-intl').WithIntlProps<any>> & {
-        WrappedComponent: React.ComponentType<any>;
-    }>;
-    newMap: React.LazyExoticComponent<import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-        [x: string]: any;
-    }>>;
-    parallaxContainer: React.LazyExoticComponent<(props: import('./parallax/index').ParallaxProps) => React.JSX.Element>;
-    wrapped: React.LazyExoticComponent<(props: any) => React.JSX.Element>;
-    sankeyChart: React.LazyExoticComponent<import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-        [x: string]: any;
-    }>>;
-    dataLabel: React.LazyExoticComponent<import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-        [x: string]: any;
-    }>>;
-    body: React.LazyExoticComponent<React.FC<import('react-intl').WithIntlProps<any>> & {
-        WrappedComponent: React.ComponentType<any>;
-    }>;
-    supersetChart: React.LazyExoticComponent<import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-        [x: string]: any;
-    }>>;
-    supersetDashboard: React.LazyExoticComponent<import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-        [x: string]: any;
-    }>>;
-    agreeAndDownload: React.LazyExoticComponent<(props: any) => React.JSX.Element>;
-    bigNumber: React.LazyExoticComponent<import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-        [x: string]: any;
-    }>>;
-    bigNumberTrend: React.LazyExoticComponent<import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-        [x: string]: any;
-    }>>;
-    redirect: () => null;
-};
-export declare const customizer: {
-    components: {};
-    reducers: Record<string, (state: Immutable.MapOf<{
-        mode: string;
-    }> | undefined, action: any) => any>;
-    registerCustomEmbeddables: (components: Record<string, React.ComponentType<any>>) => void;
-    getComponentByNameIgnoreCase: (name: string) => React.NamedExoticComponent<import('react-intl').WithIntlProps<import('react-intl').WrappedComponentProps<any>>> | null;
-    registerCustomReducers: (reducers: (state: Immutable.MapOf<{
-        mode: string;
-    }> | undefined, action: any) => any) => void;
-    getReducers: () => Record<string, (state: Immutable.MapOf<{
-        mode: string;
-    }> | undefined, action: any) => any>;
-};
-export declare const getComponentByNameIgnoreCase: (name: string) => React.NamedExoticComponent<import('react-intl').WithIntlProps<import('react-intl').WrappedComponentProps<any>>> | null;
-export declare const reducers: {
-    data: (state: Immutable.MapOf<{
-        mode: string;
-    }> | undefined, action: any) => Immutable.MapOf<{
-        mode: string;
-    }>;
-    embeddable: (state: Immutable.MapOf<{}> | undefined, action: any) => Immutable.MapOf<{}>;
-};