@alfalab/core-components 45.4.0 → 45.5.0-rc.2

package/portal/modern/Component.js

@@ -1,12 +1,23 @@
-import { forwardRef, useState, useEffect } from 'react';
+import { forwardRef, useCallback, useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
-import { setRef, getDefaultPortalContainer } from './utils.js';
+import { useComponentOverrides } from '../../provider/modern';
+import { getDefaultPortalContainer, setRef } from './utils.js';
 
-const Portal = forwardRef(({ getPortalContainer = getDefaultPortalContainer, immediateMount = false, children }, ref) => {
-    const [mountNode, setMountNode] = useState(() => typeof window !== 'undefined' && immediateMount ? getPortalContainer() : null);
+const Portal = forwardRef(({ getPortalContainer, immediateMount = false, children }, ref) => {
+    const overrides = useComponentOverrides('Portal');
+    const getContainer = useCallback(() => {
+        if (getPortalContainer) {
+            return getPortalContainer();
+        }
+        if (overrides?.getPortalContainer) {
+            return overrides.getPortalContainer();
+        }
+        return getDefaultPortalContainer();
+    }, [getPortalContainer, overrides]);
+    const [mountNode, setMountNode] = useState(() => typeof window !== 'undefined' && immediateMount ? getContainer() : null);
     useEffect(() => {
-        setMountNode(getPortalContainer());
-    }, [getPortalContainer]);
+        setMountNode(getContainer());
+    }, [getContainer]);
     useEffect(() => {
         if (mountNode) {
             setRef(ref, mountNode);

package/portal/modern/index.js

@@ -1,4 +1,5 @@
 export { Portal } from './Component.js';
 import 'react';
 import 'react-dom';
+import '../../provider/modern';
 import './utils.js';

package/progress-bar/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"progress-bar__container_1rhk6","size-4":"progress-bar__size-4_1rhk6","size-8":"progress-bar__size-8_1rhk6","filled":"progress-bar__filled_1rhk6","positive":"progress-bar__positive_1rhk6","negative":"progress-bar__negative_1rhk6","attention":"progress-bar__attention_1rhk6","link":"progress-bar__link_1rhk6","tertiary":"progress-bar__tertiary_1rhk6","secondary":"progress-bar__secondary_1rhk6","primary":"progress-bar__primary_1rhk6","accent":"progress-bar__accent_1rhk6"};
+var styles = {"container":"progress-bar__container_705q1","size-4":"progress-bar__size-4_705q1","size-8":"progress-bar__size-8_705q1","filled":"progress-bar__filled_705q1","positive":"progress-bar__positive_705q1","negative":"progress-bar__negative_705q1","attention":"progress-bar__attention_705q1","link":"progress-bar__link_705q1","tertiary":"progress-bar__tertiary_705q1","secondary":"progress-bar__secondary_705q1","primary":"progress-bar__primary_705q1","accent":"progress-bar__accent_705q1"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/progress-bar/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"container":"progress-bar__container_1rhk6","size-4":"progress-bar__size-4_1rhk6","size-8":"progress-bar__size-8_1rhk6","filled":"progress-bar__filled_1rhk6","positive":"progress-bar__positive_1rhk6","negative":"progress-bar__negative_1rhk6","attention":"progress-bar__attention_1rhk6","link":"progress-bar__link_1rhk6","tertiary":"progress-bar__tertiary_1rhk6","secondary":"progress-bar__secondary_1rhk6","primary":"progress-bar__primary_1rhk6","accent":"progress-bar__accent_1rhk6"};
+var styles = {"container":"progress-bar__container_705q1","size-4":"progress-bar__size-4_705q1","size-8":"progress-bar__size-8_705q1","filled":"progress-bar__filled_705q1","positive":"progress-bar__positive_705q1","negative":"progress-bar__negative_705q1","attention":"progress-bar__attention_705q1","link":"progress-bar__link_705q1","tertiary":"progress-bar__tertiary_705q1","secondary":"progress-bar__secondary_705q1","primary":"progress-bar__primary_705q1","accent":"progress-bar__accent_705q1"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/progress-bar/esm/index.css

@@ -52,35 +52,35 @@
 
     /* accent */
     --progressbar-accent-color: var(--color-light-accent-primary);
-} .progress-bar__container_1rhk6 {
+} .progress-bar__container_705q1 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
-} .progress-bar__container_1rhk6.progress-bar__size-4_1rhk6 {
+} .progress-bar__container_705q1.progress-bar__size-4_705q1 {
         border-radius: var(--border-radius-s);
         height: 4px;
-    } .progress-bar__container_1rhk6.progress-bar__size-8_1rhk6 {
+    } .progress-bar__container_705q1.progress-bar__size-8_705q1 {
         border-radius: var(--border-radius-m);
         height: 8px;
-    } .progress-bar__filled_1rhk6 {
+    } .progress-bar__filled_705q1 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
-} .progress-bar__filled_1rhk6.progress-bar__positive_1rhk6 {
+} .progress-bar__filled_705q1.progress-bar__positive_705q1 {
         background: var(--progressbar-positive-color);
-    } .progress-bar__filled_1rhk6.progress-bar__negative_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__negative_705q1 {
         background: var(--progressbar-negative-color);
-    } .progress-bar__filled_1rhk6.progress-bar__attention_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__attention_705q1 {
         background: var(--progressbar-attention-color);
-    } .progress-bar__filled_1rhk6.progress-bar__link_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__link_705q1 {
         background: var(--progressbar-link-color);
-    } .progress-bar__filled_1rhk6.progress-bar__tertiary_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__tertiary_705q1 {
         background: var(--progressbar-tertiary-color);
-    } .progress-bar__filled_1rhk6.progress-bar__secondary_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__secondary_705q1 {
         background: var(--progressbar-secondary-color);
-    } .progress-bar__filled_1rhk6.progress-bar__primary_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__primary_705q1 {
         background: var(--progressbar-primary-color);
-    } .progress-bar__filled_1rhk6.progress-bar__accent_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__accent_705q1 {
         background: var(--progressbar-accent-color);
     }

package/progress-bar/index.css

@@ -52,35 +52,35 @@
 
     /* accent */
     --progressbar-accent-color: var(--color-light-accent-primary);
-} .progress-bar__container_1rhk6 {
+} .progress-bar__container_705q1 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
-} .progress-bar__container_1rhk6.progress-bar__size-4_1rhk6 {
+} .progress-bar__container_705q1.progress-bar__size-4_705q1 {
         border-radius: var(--border-radius-s);
         height: 4px;
-    } .progress-bar__container_1rhk6.progress-bar__size-8_1rhk6 {
+    } .progress-bar__container_705q1.progress-bar__size-8_705q1 {
         border-radius: var(--border-radius-m);
         height: 8px;
-    } .progress-bar__filled_1rhk6 {
+    } .progress-bar__filled_705q1 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
-} .progress-bar__filled_1rhk6.progress-bar__positive_1rhk6 {
+} .progress-bar__filled_705q1.progress-bar__positive_705q1 {
         background: var(--progressbar-positive-color);
-    } .progress-bar__filled_1rhk6.progress-bar__negative_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__negative_705q1 {
         background: var(--progressbar-negative-color);
-    } .progress-bar__filled_1rhk6.progress-bar__attention_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__attention_705q1 {
         background: var(--progressbar-attention-color);
-    } .progress-bar__filled_1rhk6.progress-bar__link_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__link_705q1 {
         background: var(--progressbar-link-color);
-    } .progress-bar__filled_1rhk6.progress-bar__tertiary_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__tertiary_705q1 {
         background: var(--progressbar-tertiary-color);
-    } .progress-bar__filled_1rhk6.progress-bar__secondary_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__secondary_705q1 {
         background: var(--progressbar-secondary-color);
-    } .progress-bar__filled_1rhk6.progress-bar__primary_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__primary_705q1 {
         background: var(--progressbar-primary-color);
-    } .progress-bar__filled_1rhk6.progress-bar__accent_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__accent_705q1 {
         background: var(--progressbar-accent-color);
     }

package/progress-bar/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"container":"progress-bar__container_1rhk6","size-4":"progress-bar__size-4_1rhk6","size-8":"progress-bar__size-8_1rhk6","filled":"progress-bar__filled_1rhk6","positive":"progress-bar__positive_1rhk6","negative":"progress-bar__negative_1rhk6","attention":"progress-bar__attention_1rhk6","link":"progress-bar__link_1rhk6","tertiary":"progress-bar__tertiary_1rhk6","secondary":"progress-bar__secondary_1rhk6","primary":"progress-bar__primary_1rhk6","accent":"progress-bar__accent_1rhk6"};
+const styles = {"container":"progress-bar__container_705q1","size-4":"progress-bar__size-4_705q1","size-8":"progress-bar__size-8_705q1","filled":"progress-bar__filled_705q1","positive":"progress-bar__positive_705q1","negative":"progress-bar__negative_705q1","attention":"progress-bar__attention_705q1","link":"progress-bar__link_705q1","tertiary":"progress-bar__tertiary_705q1","secondary":"progress-bar__secondary_705q1","primary":"progress-bar__primary_705q1","accent":"progress-bar__accent_705q1"};
 require('./index.css');
 
 const SIZE_TO_CLASSNAME_MAP = {

package/progress-bar/modern/index.css

@@ -52,35 +52,35 @@
 
     /* accent */
     --progressbar-accent-color: var(--color-light-accent-primary);
-} .progress-bar__container_1rhk6 {
+} .progress-bar__container_705q1 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
-} .progress-bar__container_1rhk6.progress-bar__size-4_1rhk6 {
+} .progress-bar__container_705q1.progress-bar__size-4_705q1 {
         border-radius: var(--border-radius-s);
         height: 4px;
-    } .progress-bar__container_1rhk6.progress-bar__size-8_1rhk6 {
+    } .progress-bar__container_705q1.progress-bar__size-8_705q1 {
         border-radius: var(--border-radius-m);
         height: 8px;
-    } .progress-bar__filled_1rhk6 {
+    } .progress-bar__filled_705q1 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
-} .progress-bar__filled_1rhk6.progress-bar__positive_1rhk6 {
+} .progress-bar__filled_705q1.progress-bar__positive_705q1 {
         background: var(--progressbar-positive-color);
-    } .progress-bar__filled_1rhk6.progress-bar__negative_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__negative_705q1 {
         background: var(--progressbar-negative-color);
-    } .progress-bar__filled_1rhk6.progress-bar__attention_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__attention_705q1 {
         background: var(--progressbar-attention-color);
-    } .progress-bar__filled_1rhk6.progress-bar__link_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__link_705q1 {
         background: var(--progressbar-link-color);
-    } .progress-bar__filled_1rhk6.progress-bar__tertiary_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__tertiary_705q1 {
         background: var(--progressbar-tertiary-color);
-    } .progress-bar__filled_1rhk6.progress-bar__secondary_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__secondary_705q1 {
         background: var(--progressbar-secondary-color);
-    } .progress-bar__filled_1rhk6.progress-bar__primary_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__primary_705q1 {
         background: var(--progressbar-primary-color);
-    } .progress-bar__filled_1rhk6.progress-bar__accent_1rhk6 {
+    } .progress-bar__filled_705q1.progress-bar__accent_705q1 {
         background: var(--progressbar-accent-color);
     }

package/provider/context/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+type ComponentsContextValue = Record<string, any>;
+type CoreContextValue = {
+    components?: ComponentsContextValue;
+};
+declare const CoreComponentsContext: React.Context<CoreContextValue>;
+type ProviderProps = {
+    /**
+     * Дочерние элементы
+     */
+    children?: ReactNode;
+    /**
+     * Конфиг ui
+     */
+    config: CoreContextValue;
+};
+declare const CoreComponentsProvider: ({ children, config }: ProviderProps) => React.JSX.Element;
+export { ComponentsContextValue, CoreContextValue, CoreComponentsContext, CoreComponentsProvider };

package/provider/context/index.js

@@ -0,0 +1,16 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var CoreComponentsContext = React.createContext({});
+var CoreComponentsProvider = function (_a) {
+    var children = _a.children, config = _a.config;
+    return (React__default.default.createElement(CoreComponentsContext.Provider, { value: config }, children));
+};
+
+exports.CoreComponentsContext = CoreComponentsContext;
+exports.CoreComponentsProvider = CoreComponentsProvider;

package/provider/cssm/context/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+type ComponentsContextValue = Record<string, any>;
+type CoreContextValue = {
+    components?: ComponentsContextValue;
+};
+declare const CoreComponentsContext: React.Context<CoreContextValue>;
+type ProviderProps = {
+    /**
+     * Дочерние элементы
+     */
+    children?: ReactNode;
+    /**
+     * Конфиг ui
+     */
+    config: CoreContextValue;
+};
+declare const CoreComponentsProvider: ({ children, config }: ProviderProps) => React.JSX.Element;
+export { ComponentsContextValue, CoreContextValue, CoreComponentsContext, CoreComponentsProvider };

package/provider/cssm/context/index.js

@@ -0,0 +1,16 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var CoreComponentsContext = React.createContext({});
+var CoreComponentsProvider = function (_a) {
+    var children = _a.children, config = _a.config;
+    return (React__default.default.createElement(CoreComponentsContext.Provider, { value: config }, children));
+};
+
+exports.CoreComponentsContext = CoreComponentsContext;
+exports.CoreComponentsProvider = CoreComponentsProvider;

package/provider/cssm/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./use-context";
+export * from "./use-component-overrides";

package/provider/cssm/hooks/index.js

@@ -0,0 +1,9 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks_useContext = require('./use-context.js');
+var hooks_useComponentOverrides = require('./use-component-overrides.js');
+
+
+
+exports.useCoreComponentsContext = hooks_useContext.useCoreComponentsContext;
+exports.useComponentOverrides = hooks_useComponentOverrides.useComponentOverrides;

package/provider/cssm/hooks/use-component-overrides.d.ts

@@ -0,0 +1,6 @@
+import { ComponentsContextValue } from "../index";
+/**
+ * Получение глобальных настроек для компонента
+ */
+declare const useComponentOverrides: (component: keyof ComponentsContextValue) => any;
+export { useComponentOverrides };

package/provider/cssm/hooks/use-component-overrides.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks_useContext = require('./use-context.js');
+require('../context/index.js');
+
+/**
+ * Получение глобальных настроек для компонента
+ */
+var useComponentOverrides = function (component) {
+    var context = hooks_useContext.useCoreComponentsContext();
+    if ((context === null || context === void 0 ? void 0 : context.components) && context.components[component]) {
+        return context.components[component];
+    }
+    return undefined;
+};
+
+exports.useComponentOverrides = useComponentOverrides;

package/provider/cssm/hooks/use-context.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Общее хранилеще настроек для всех вложенных компонентов
+ */
+declare const useCoreComponentsContext: () => import("../index").CoreContextValue;
+export { useCoreComponentsContext };

package/provider/cssm/hooks/use-context.js

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var context_index = require('../context/index.js');
+
+/**
+ * Общее хранилеще настроек для всех вложенных компонентов
+ */
+var useCoreComponentsContext = function () { return React.useContext(context_index.CoreComponentsContext); };
+
+exports.useCoreComponentsContext = useCoreComponentsContext;

package/provider/cssm/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./hooks/index";
+export * from "./context/index";

package/provider/cssm/index.js

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks_useContext = require('./hooks/use-context.js');
+var hooks_useComponentOverrides = require('./hooks/use-component-overrides.js');
+var context_index = require('./context/index.js');
+
+
+
+exports.useCoreComponentsContext = hooks_useContext.useCoreComponentsContext;
+exports.useComponentOverrides = hooks_useComponentOverrides.useComponentOverrides;
+exports.CoreComponentsContext = context_index.CoreComponentsContext;
+exports.CoreComponentsProvider = context_index.CoreComponentsProvider;

package/provider/esm/context/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+type ComponentsContextValue = Record<string, any>;
+type CoreContextValue = {
+    components?: ComponentsContextValue;
+};
+declare const CoreComponentsContext: React.Context<CoreContextValue>;
+type ProviderProps = {
+    /**
+     * Дочерние элементы
+     */
+    children?: ReactNode;
+    /**
+     * Конфиг ui
+     */
+    config: CoreContextValue;
+};
+declare const CoreComponentsProvider: ({ children, config }: ProviderProps) => React.JSX.Element;
+export { ComponentsContextValue, CoreContextValue, CoreComponentsContext, CoreComponentsProvider };

package/provider/esm/context/index.js

@@ -0,0 +1,9 @@
+import React, { createContext } from 'react';
+
+var CoreComponentsContext = createContext({});
+var CoreComponentsProvider = function (_a) {
+    var children = _a.children, config = _a.config;
+    return (React.createElement(CoreComponentsContext.Provider, { value: config }, children));
+};
+
+export { CoreComponentsContext, CoreComponentsProvider };

package/provider/esm/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./use-context";
+export * from "./use-component-overrides";

package/provider/esm/hooks/index.js

@@ -0,0 +1,4 @@
+export { useCoreComponentsContext } from './use-context.js';
+export { useComponentOverrides } from './use-component-overrides.js';
+import 'react';
+import '../context/index.js';

package/provider/esm/hooks/use-component-overrides.d.ts

@@ -0,0 +1,6 @@
+import { ComponentsContextValue } from "../index";
+/**
+ * Получение глобальных настроек для компонента
+ */
+declare const useComponentOverrides: (component: keyof ComponentsContextValue) => any;
+export { useComponentOverrides };

package/provider/esm/hooks/use-component-overrides.js

@@ -0,0 +1,16 @@
+import { useCoreComponentsContext } from './use-context.js';
+import '../context/index.js';
+import 'react';
+
+/**
+ * Получение глобальных настроек для компонента
+ */
+var useComponentOverrides = function (component) {
+    var context = useCoreComponentsContext();
+    if ((context === null || context === void 0 ? void 0 : context.components) && context.components[component]) {
+        return context.components[component];
+    }
+    return undefined;
+};
+
+export { useComponentOverrides };

package/provider/esm/hooks/use-context.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Общее хранилеще настроек для всех вложенных компонентов
+ */
+declare const useCoreComponentsContext: () => import("../index").CoreContextValue;
+export { useCoreComponentsContext };

package/provider/esm/hooks/use-context.js

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import { CoreComponentsContext } from '../context/index.js';
+
+/**
+ * Общее хранилеще настроек для всех вложенных компонентов
+ */
+var useCoreComponentsContext = function () { return useContext(CoreComponentsContext); };
+
+export { useCoreComponentsContext };

package/provider/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./hooks/index";
+export * from "./context/index";

package/provider/esm/index.js

@@ -0,0 +1,4 @@
+export { useCoreComponentsContext } from './hooks/use-context.js';
+export { useComponentOverrides } from './hooks/use-component-overrides.js';
+export { CoreComponentsContext, CoreComponentsProvider } from './context/index.js';
+import 'react';

package/provider/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./use-context";
+export * from "./use-component-overrides";

package/provider/hooks/index.js

@@ -0,0 +1,9 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks_useContext = require('./use-context.js');
+var hooks_useComponentOverrides = require('./use-component-overrides.js');
+
+
+
+exports.useCoreComponentsContext = hooks_useContext.useCoreComponentsContext;
+exports.useComponentOverrides = hooks_useComponentOverrides.useComponentOverrides;

package/provider/hooks/use-component-overrides.d.ts

@@ -0,0 +1,6 @@
+import { ComponentsContextValue } from "../index";
+/**
+ * Получение глобальных настроек для компонента
+ */
+declare const useComponentOverrides: (component: keyof ComponentsContextValue) => any;
+export { useComponentOverrides };

package/provider/hooks/use-component-overrides.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks_useContext = require('./use-context.js');
+require('../context/index.js');
+
+/**
+ * Получение глобальных настроек для компонента
+ */
+var useComponentOverrides = function (component) {
+    var context = hooks_useContext.useCoreComponentsContext();
+    if ((context === null || context === void 0 ? void 0 : context.components) && context.components[component]) {
+        return context.components[component];
+    }
+    return undefined;
+};
+
+exports.useComponentOverrides = useComponentOverrides;

package/provider/hooks/use-context.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Общее хранилеще настроек для всех вложенных компонентов
+ */
+declare const useCoreComponentsContext: () => import("../index").CoreContextValue;
+export { useCoreComponentsContext };

package/provider/hooks/use-context.js

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var context_index = require('../context/index.js');
+
+/**
+ * Общее хранилеще настроек для всех вложенных компонентов
+ */
+var useCoreComponentsContext = function () { return React.useContext(context_index.CoreComponentsContext); };
+
+exports.useCoreComponentsContext = useCoreComponentsContext;

package/provider/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./hooks/index";
+export * from "./context/index";

package/provider/index.js

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks_useContext = require('./hooks/use-context.js');
+var hooks_useComponentOverrides = require('./hooks/use-component-overrides.js');
+var context_index = require('./context/index.js');
+
+
+
+exports.useCoreComponentsContext = hooks_useContext.useCoreComponentsContext;
+exports.useComponentOverrides = hooks_useComponentOverrides.useComponentOverrides;
+exports.CoreComponentsContext = context_index.CoreComponentsContext;
+exports.CoreComponentsProvider = context_index.CoreComponentsProvider;

package/provider/modern/context/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+type ComponentsContextValue = Record<string, any>;
+type CoreContextValue = {
+    components?: ComponentsContextValue;
+};
+declare const CoreComponentsContext: React.Context<CoreContextValue>;
+type ProviderProps = {
+    /**
+     * Дочерние элементы
+     */
+    children?: ReactNode;
+    /**
+     * Конфиг ui
+     */
+    config: CoreContextValue;
+};
+declare const CoreComponentsProvider: ({ children, config }: ProviderProps) => React.JSX.Element;
+export { ComponentsContextValue, CoreContextValue, CoreComponentsContext, CoreComponentsProvider };

package/provider/modern/context/index.js

@@ -0,0 +1,6 @@
+import React, { createContext } from 'react';
+
+const CoreComponentsContext = createContext({});
+const CoreComponentsProvider = ({ children, config }) => (React.createElement(CoreComponentsContext.Provider, { value: config }, children));
+
+export { CoreComponentsContext, CoreComponentsProvider };

package/provider/modern/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./use-context";
+export * from "./use-component-overrides";

package/provider/modern/hooks/index.js

@@ -0,0 +1,4 @@
+export { useCoreComponentsContext } from './use-context.js';
+export { useComponentOverrides } from './use-component-overrides.js';
+import 'react';
+import '../context/index.js';

package/provider/modern/hooks/use-component-overrides.d.ts

@@ -0,0 +1,6 @@
+import { ComponentsContextValue } from "../index";
+/**
+ * Получение глобальных настроек для компонента
+ */
+declare const useComponentOverrides: (component: keyof ComponentsContextValue) => any;
+export { useComponentOverrides };

package/provider/modern/hooks/use-component-overrides.js

@@ -0,0 +1,16 @@
+import { useCoreComponentsContext } from './use-context.js';
+import '../context/index.js';
+import 'react';
+
+/**
+ * Получение глобальных настроек для компонента
+ */
+const useComponentOverrides = (component) => {
+    const context = useCoreComponentsContext();
+    if (context?.components && context.components[component]) {
+        return context.components[component];
+    }
+    return undefined;
+};
+
+export { useComponentOverrides };

package/provider/modern/hooks/use-context.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Общее хранилеще настроек для всех вложенных компонентов
+ */
+declare const useCoreComponentsContext: () => import("../index").CoreContextValue;
+export { useCoreComponentsContext };