@antscorp/antsomi-ui 1.3.5-beta.31 → 1.3.5-beta.310

package/es/hooks/useMediaQuery.js

@@ -0,0 +1,42 @@
+import { useState } from 'react';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
+const IS_SERVER = typeof window === 'undefined';
+export function useMediaQuery(query, { defaultValue = false, initializeWithValue = true } = {}) {
+    const getMatches = (query) => {
+        if (IS_SERVER) {
+            return defaultValue;
+        }
+        return window.matchMedia(query).matches;
+    };
+    const [matches, setMatches] = useState(() => {
+        if (initializeWithValue) {
+            return getMatches(query);
+        }
+        return defaultValue;
+    });
+    // Handles the change event of the media query.
+    function handleChange() {
+        setMatches(getMatches(query));
+    }
+    useIsomorphicLayoutEffect(() => {
+        const matchMedia = window.matchMedia(query);
+        // Triggered at the first client-side load and if query changes
+        handleChange();
+        // Use deprecated `addListener` and `removeListener` to support Safari < 14 (#135)
+        if (matchMedia.addListener) {
+            matchMedia.addListener(handleChange);
+        }
+        else {
+            matchMedia.addEventListener('change', handleChange);
+        }
+        return () => {
+            if (matchMedia.removeListener) {
+                matchMedia.removeListener(handleChange);
+            }
+            else {
+                matchMedia.removeEventListener('change', handleChange);
+            }
+        };
+    }, [query]);
+    return matches;
+}

package/es/hooks/useMutationObserver.d.ts

@@ -0,0 +1,2 @@
+import { BasicTarget } from '../utils/domTarget';
+export declare const useMutationObserver: (callback: MutationCallback, target: BasicTarget, options?: MutationObserverInit) => void;

package/es/hooks/useMutationObserver.js

@@ -0,0 +1,19 @@
+// Utils
+import { getTargetElement } from '../utils/domTarget';
+// Hooks
+import { useDeepCompareEffectWithTarget } from './useDeepCompareEffectWithTarget';
+import { useLatest } from './useLatest';
+export const useMutationObserver = (callback, target, options = {}) => {
+    const callbackRef = useLatest(callback);
+    useDeepCompareEffectWithTarget(() => {
+        const element = getTargetElement(target);
+        if (!element) {
+            return;
+        }
+        const observer = new MutationObserver(callbackRef.current);
+        observer.observe(element, options);
+        return () => {
+            observer === null || observer === void 0 ? void 0 : observer.disconnect();
+        };
+    }, [options], target);
+};

package/es/hooks/useToggle.d.ts

@@ -0,0 +1,2 @@
+import type { Dispatch, SetStateAction } from 'react';
+export declare function useToggle(defaultValue?: boolean): [boolean, (value?: boolean) => void, Dispatch<SetStateAction<boolean>>];

package/es/hooks/useToggle.js

@@ -0,0 +1,8 @@
+import { useCallback, useState } from 'react';
+export function useToggle(defaultValue) {
+    const [value, setValue] = useState(!!defaultValue);
+    const toggle = useCallback((value) => {
+        setValue(x => (typeof value === 'boolean' ? value : !x));
+    }, []);
+    return [value, toggle, setValue];
+}

package/es/hooks/useUnmount.d.ts

@@ -0,0 +1 @@
+export declare const useUnmount: (fn: () => void) => void;

package/es/hooks/useUnmount.js

@@ -0,0 +1,18 @@
+// Libraries
+import { useEffect } from 'react';
+import { isFunction } from 'lodash';
+// Hooks
+import { useLatest } from './useLatest';
+// Constants
+import { isDev } from '../config';
+export const useUnmount = (fn) => {
+    if (isDev) {
+        if (!isFunction(fn)) {
+            console.error(`useUnmount expected parameter is a function, got ${typeof fn}`);
+        }
+    }
+    const fnRef = useLatest(fn);
+    useEffect(() => () => {
+        fnRef.current();
+    }, [fnRef]);
+};

package/es/hooks/useWindowSize.d.ts

@@ -0,0 +1,11 @@
+type WindowSize<T extends number | undefined = number | undefined> = {
+    width: T;
+    height: T;
+};
+type UseWindowSizeOptions<InitializeWithValue extends boolean | undefined> = {
+    initializeWithValue: InitializeWithValue;
+    debounceDelay?: number;
+};
+export declare function useWindowSize(options: UseWindowSizeOptions<false>): WindowSize;
+export declare function useWindowSize(options?: Partial<UseWindowSizeOptions<true>>): WindowSize<number>;
+export {};

package/es/hooks/useWindowSize.js

@@ -0,0 +1,35 @@
+import { useState } from 'react';
+import { useDebounceCallback, useEventListener, useIsomorphicLayoutEffect } from '.';
+const IS_SERVER = typeof window === 'undefined';
+export function useWindowSize(options = {}) {
+    let { initializeWithValue = true } = options;
+    if (IS_SERVER) {
+        initializeWithValue = false;
+    }
+    const [windowSize, setWindowSize] = useState(() => {
+        if (initializeWithValue) {
+            return {
+                width: window.innerWidth,
+                height: window.innerHeight,
+            };
+        }
+        return {
+            width: undefined,
+            height: undefined,
+        };
+    });
+    const debouncedSetWindowSize = useDebounceCallback(setWindowSize, options.debounceDelay);
+    function handleSize() {
+        const setSize = options.debounceDelay ? debouncedSetWindowSize : setWindowSize;
+        setSize({
+            width: window.innerWidth,
+            height: window.innerHeight,
+        });
+    }
+    useEventListener('resize', handleSize);
+    // Set size at the first client-side load
+    useIsomorphicLayoutEffect(() => {
+        handleSize();
+    }, []);
+    return windowSize;
+}

package/es/index.d.ts

@@ -1,3 +1,6 @@
 export * from './components';
 export * from './types';
 export * from './queries';
+export * from './providers';
+export { QUERY_KEYS, POST_MESSAGE_TYPES } from './constants';
+export { snakeCaseToCamelCase, camelCaseToSnakeCase, getCategoriesFromObjectTemplate, } from './utils';

package/es/index.js

@@ -1,3 +1,6 @@
 export * from './components';
 export * from './types';
 export * from './queries';
+export * from './providers';
+export { QUERY_KEYS, POST_MESSAGE_TYPES } from './constants';
+export { snakeCaseToCamelCase, camelCaseToSnakeCase, getCategoriesFromObjectTemplate, } from './utils';

package/es/locales/en/translation.json

@@ -236,5 +236,312 @@
         "addSuccess": "Add template successfully",
         "updateFailed": "Update template failed",
         "updateSuccess": "Update template successfully"
+    },
+    "products": {
+        "title": "Products",
+        "description": ""
+    },
+    "articles": {
+        "title": "Articles",
+        "description": ""
+    },
+    "selectAField": {
+        "title": "Select a field",
+        "description": ""
+    },
+    "selectContent": {
+        "title": "Select content",
+        "description": ""
+    },
+    "orSelectAField": {
+        "title": "or Select a field",
+        "description": ""
+    },
+    "valueFilterEmpty": {
+        "title": "Value filter empty",
+        "description": ""
+    },
+    "attrDisabled": {
+        "title": "",
+        "description": "Data-updating of this attribute has been disabled. You still can use the output value of the last time it is processed"
+    },
+    "interest": {
+        "title": "interest",
+        "description": ""
+    },
+    "with": {
+        "title": "With"
+    },
+    "days": {
+        "title": "Days",
+        "label": "Days label",
+        "description": ""
+    },
+    "by": {
+        "title": "by",
+        "description": ""
+    },
+    "in": {
+        "title": "in",
+        "description": ""
+    },
+    "last": {
+        "title": "last",
+        "description": ""
+    },
+    "to": {
+        "title": "to",
+        "description": ""
+    },
+    "today": {
+        "title": "Today",
+        "description": ""
+    },
+    "yesterday": {
+        "title": "Yesterday",
+        "description": ""
+    },
+    "contentSources": {
+        "title": "Content Sources",
+        "description": "",
+        "errorMessage": {
+            "groupSameName": "Content source groups can't have the same name",
+            "groupNameEmpty": " Group name of Content source can't be empty"
+        }
+    },
+    "fallback": {
+        "title": "Fallback",
+        "options": {
+            "none": "None",
+            "hidden": "Hidden",
+            "mostSeen": "Most seen",
+            "mostCart": "Most cart",
+            "mostBought": "Most bought"
+        }
+    },
+    "group": {
+        "title": "Group",
+        "description": ""
+    },
+    "addGroup": {
+        "title": "Add Group",
+        "description": ""
+    },
+    "groupName": {
+        "title": "Group Name",
+        "description": ""
+    },
+    "selectAnItem": {
+        "title": "Select an item",
+        "description": ""
+    },
+    "selectContentSource": {
+        "title": "Select Content source",
+        "description": ""
+    },
+    "contentSource": {
+        "title": "Content Source"
+    },
+    "customCode": {
+        "title": "Custom code",
+        "description": ""
+    },
+    "ranking": {
+        "title": "Ranking",
+        "description": ""
+    },
+    "addAlgorithms": {
+        "title": "Add Algorithms",
+        "description": ""
+    },
+    "selectCollection": {
+        "title": "Select collection",
+        "description": ""
+    },
+    "selectCategory": {
+        "title": "Select category",
+        "description": ""
+    },
+    "selectAlgorithms": {
+        "title": "Select Algorithms",
+        "description": ""
+    },
+    "multiSelectAlgorithms": {
+        "title": "Multi-select Algorithms",
+        "description": ""
+    },
+    "cancel": {
+        "title": "Cancel"
+    },
+    "apply": {
+        "title": "Apply",
+        "description": ""
+    },
+    "keywords": {
+        "title": "Keywords",
+        "description": ""
+    },
+    "title": {
+        "title": "Title",
+        "description": ""
+    },
+    "name": {
+        "title": "Name",
+        "description": ""
+    },
+    "tags": {
+        "title": "Tags",
+        "description": ""
+    },
+    "sort": {
+        "title": "Sort",
+        "description": ""
+    },
+    "order": {
+        "title": "Order",
+        "description": ""
+    },
+    "sortBy": {
+        "title": "Sort by",
+        "description": ""
+    },
+    "sortOrder": {
+        "title": "Sort order",
+        "description": ""
+    },
+    "mix": {
+        "title": "Mix",
+        "description": ""
+    },
+    "selectEvent": {
+        "title": "Select event",
+        "description": ""
+    },
+    "inAnySourceOf": {
+        "title": "In any source of",
+        "description": ""
+    },
+    "selectEventAttribute": {
+        "title": "Select event attribute",
+        "description": ""
+    },
+    "selectAttribute": {
+        "title": "Select attribute",
+        "description": ""
+    },
+    "selectAttributeCapitalize": {
+        "title": "Select Attribute",
+        "description": ""
+    },
+    "thisFieldIsRequired": {
+        "title": "This field is required",
+        "description": ""
+    },
+    "custom": {
+        "title": "Custom"
+    },
+    "excluded": {
+        "title": "Excluded",
+        "description": ""
+    },
+    "or": {
+        "title": "or",
+        "description": ""
+    },
+    "field": {
+        "title": "Field",
+        "description": ""
+    },
+    "index": {
+        "title": "Index",
+        "description": ""
+    },
+    "selectField": {
+        "title": "Select Field",
+        "description": ""
+    },
+    "selectIndex": {
+        "title": "Select Index",
+        "description": ""
+    },
+    "altText": {
+        "title": "Alt Text",
+        "description": ""
+    },
+    "businessObject": {
+        "title": "Business Object",
+        "description": ""
+    },
+    "businessObjectSettings": {
+        "title": "Business Object Settings",
+        "description": "",
+        "useOfTemplate": "Use Business Object of Template?"
+    },
+    "level": {
+        "title": "Level",
+        "description": ""
+    },
+    "filter": {
+        "title": "Filter",
+        "description": "",
+        "addFilter": "Add filter"
+    },
+    "filters": {
+        "title": "Filters",
+        "description": ""
+    },
+    "customRanking": {
+        "title": "Custom Ranking",
+        "description": ""
+    },
+    "inputYourValue": {
+        "title": "Input your value",
+        "description": ""
+    },
+    "and": {
+        "title": "And",
+        "description": ""
+    },
+    "selectDate": {
+        "title": "Select date",
+        "description": ""
+    },
+    "pleaseInputValue": {
+        "title": "Please input value & press Enter",
+        "description": ""
+    },
+    "fromBo": {
+        "title": "From BO",
+        "description": ""
+    },
+    "fromCotentSources": {
+        "title": "From Content sources",
+        "description": ""
+    },
+    "fromEvent": {
+        "title": "From Event",
+        "description": ""
+    },
+    "selectBo": {
+        "title": "Select BO",
+        "description": ""
+    },
+    "selectContentSources": {
+        "title": "Select Content source",
+        "description": ""
+    },
+    "algorithms": {
+        "title": "Algorithms",
+        "description": ""
+    },
+    "pagination": {
+        "showRow": "Show row"
+    },
+    "dataTableToolbar": {
+        "toolbarActions": {
+            "search": "Search",
+            "column": "Column",
+            "explore": "Explore"
+        }
     }
 }