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

package/es/providers/ConfigProvider/ConfigProvider.js

@@ -0,0 +1,105 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Libraries
+import { StyleProvider } from '@ant-design/cssinjs';
+import { ConfigProvider as AntdConfigProvider, App } from 'antd';
+import dayjs from 'dayjs';
+import React, { useEffect, useRef } from 'react';
+import weekday from 'dayjs/plugin/weekday';
+import localeData from 'dayjs/plugin/localeData';
+import relativeTime from 'dayjs/plugin/relativeTime';
+/** dayjs plugins for timezone */
+import utc from 'dayjs/plugin/utc';
+import timezone from 'dayjs/plugin/timezone';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+// Style
+import { GlobalStyle } from './GlobalStyle';
+import '@antscorp/antsomi-ui/es/assets/css/main.scss';
+// Initialize languages
+// import '@antscorp/antsomi-ui/es/locales/i18n';
+import i18next from '@antscorp/antsomi-ui/es/locales/i18n';
+import 'animate.css';
+import { AppConfigProvider } from '../AppConfigProvider';
+// Hooks
+import { useMutationObserver } from '../../hooks';
+// Providers
+// import {
+//   QueryClientProviderAntsomiUI,
+//   QueryDevtoolsAntsomiUI,
+//   queryClientAntsomiUI,
+// } from '@antscorp/antsomi-ui/es/queries';
+// NOTE: HOT fix DatePicker Advanced
+dayjs.extend(weekday);
+dayjs.extend(localeData);
+dayjs.extend(utc);
+dayjs.extend(timezone);
+dayjs.extend(relativeTime);
+const ConfigProvider = props => {
+    // Props
+    const { children, locale, appConfig } = props, restOfProps = __rest(props, ["children", "locale", "appConfig"]);
+    // Refs
+    const ref = useRef(null);
+    // Handlers
+    const handleScrollAction = (elements) => {
+        let timer = null;
+        elements === null || elements === void 0 ? void 0 : elements.forEach(element => {
+            element.addEventListener('scroll', () => {
+                if (timer !== null) {
+                    if (!element.classList.contains('on-scroll')) {
+                        element.classList.add('on-scroll');
+                    }
+                    clearTimeout(timer);
+                }
+                timer = setTimeout(() => {
+                    if (element.classList.contains('on-scroll')) {
+                        element.classList.remove('on-scroll');
+                    }
+                }, 500);
+            }, true);
+        });
+    };
+    // Hooks
+    useMutationObserver(mutationsList => {
+        var _a;
+        handleScrollAction((_a = mutationsList === null || mutationsList === void 0 ? void 0 : mutationsList.filter(item => { var _a, _b; return (_b = (_a = item.target) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('antsomi-scroll-box'); })) === null || _a === void 0 ? void 0 : _a.map(item => item.target));
+    }, ref, {
+        attributes: true,
+        childList: true,
+        subtree: true,
+        characterData: true,
+        attributeOldValue: true,
+        characterDataOldValue: true,
+    });
+    // Effects
+    useEffect(() => {
+        if (locale) {
+            i18next.changeLanguage(locale);
+        }
+    }, [locale]);
+    useEffect(() => {
+        const containers = document.getElementsByClassName('antsomi-scroll-box');
+        handleScrollAction(Array.from(containers));
+    }, []);
+    return (React.createElement(AntdConfigProvider, Object.assign({}, restOfProps),
+        React.createElement(AppConfigProvider, { value: appConfig },
+            React.createElement("div", { ref: ref },
+                React.createElement(App, null,
+                    React.createElement(GlobalStyle, null),
+                    React.createElement(StyleProvider, { hashPriority: "high" }, children))))));
+};
+ConfigProvider.defaultProps = {
+    theme: THEME,
+    prefixCls: 'antsomi',
+    locale: 'en',
+};
+export default ConfigProvider;

package/es/providers/ConfigProvider/GlobalStyle.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface GlobalStyleProps {
+}
+export declare const GlobalStyle: React.FC<GlobalStyleProps>;
+export {};