@addev-be/ui 2.0.0 → 2.1.0

package/dist/components/search/QuickSearchBar.js

@@ -37,14 +37,14 @@ exports.QuickSearchBar = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styles = __importStar(require("./styles"));
 var react_1 = require("react");
-var layout_1 = require("../layout");
-var forms_1 = require("../forms");
+var Dropdown_1 = require("../layout/Dropdown");
+var styles_1 = require("../forms/styles");
 var QuickSearchResults_1 = require("./QuickSearchResults");
 var usehooks_1 = require("@uidotdev/usehooks");
-var services_1 = require("../../services");
+var globalSearch_1 = require("../../services/globalSearch");
 var QuickSearchBar = function (_a) {
     var _b, _c;
-    var types = _a.types, placeholder = _a.placeholder, _d = _a.inputComponent, InputComponent = _d === void 0 ? forms_1.Input : _d;
+    var types = _a.types, placeholder = _a.placeholder, _d = _a.inputComponent, InputComponent = _d === void 0 ? styles_1.Input : _d;
     var _e = (0, react_1.useState)(''), term = _e[0], setTerm = _e[1];
     var _f = (0, react_1.useState)(false), dropdownVisible = _f[0], setDropdownVisible = _f[1];
     var debouncedTerm = (0, usehooks_1.useDebounce)(term, 300);
@@ -53,7 +53,7 @@ var QuickSearchBar = function (_a) {
     var inputRef = (0, react_1.useRef)(null);
     var rect = (_c = (_b = fakeInputRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) !== null && _c !== void 0 ? _c : new DOMRect();
     var destRect = new DOMRect(rect.x, rect.y, rect.width, 0);
-    var globalSearch = (0, services_1.useGlobalSearchRequestHandler)();
+    var globalSearch = (0, globalSearch_1.useGlobalSearchRequestHandler)();
     (0, react_1.useEffect)(function () {
         if (debouncedTerm) {
             globalSearch({
@@ -73,6 +73,6 @@ var QuickSearchBar = function (_a) {
             (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         });
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(InputComponent, { type: "text", ref: fakeInputRef, value: term, onFocus: onFocus, placeholder: placeholder }), dropdownVisible && rect && ((0, jsx_runtime_1.jsx)(layout_1.Dropdown, { "$sourceRect": destRect, onClose: function () { return setDropdownVisible(false); }, "$width": rect.width, "$height": [results ? 250 : rect.height, 400], "$autoPositionY": false, children: (0, jsx_runtime_1.jsxs)(styles.QuickSearchDropdownContainer, { children: [(0, jsx_runtime_1.jsx)(InputComponent, { type: "text", ref: inputRef, value: term, placeholder: placeholder, onChange: function (e) { return setTerm(e.target.value); }, onClick: function (e) { return e.stopPropagation(); } }), results && ((0, jsx_runtime_1.jsx)(QuickSearchResults_1.QuickSearchResults, { results: results, definitions: types, term: debouncedTerm }))] }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(InputComponent, { type: "text", ref: fakeInputRef, value: term, onFocus: onFocus, placeholder: placeholder }), dropdownVisible && rect && ((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { "$sourceRect": destRect, onClose: function () { return setDropdownVisible(false); }, "$width": rect.width, "$height": [results ? 250 : rect.height, 400], "$autoPositionY": false, children: (0, jsx_runtime_1.jsxs)(styles.QuickSearchDropdownContainer, { children: [(0, jsx_runtime_1.jsx)(InputComponent, { type: "text", ref: inputRef, value: term, placeholder: placeholder, onChange: function (e) { return setTerm(e.target.value); }, onClick: function (e) { return e.stopPropagation(); } }), results && ((0, jsx_runtime_1.jsx)(QuickSearchResults_1.QuickSearchResults, { results: results, definitions: types, term: debouncedTerm }))] }) }))] }));
 };
 exports.QuickSearchBar = QuickSearchBar;

package/dist/components/search/types.d.ts

@@ -1,5 +1,5 @@
+import { ConditionDTO, OrderByDTO } from '../../services/sqlRequests';
 import { FC, ReactNode } from 'react';
-import { ConditionDTO, OrderByDTO } from '../../services';
 export type SearchTypeDefinition<T> = {
     title: string;
     orderBy?: OrderByDTO[];

package/dist/components/ui/Avatar/index.d.ts

@@ -1,6 +1,6 @@
 import * as styles from './styles';
 import { FC, PropsWithChildren } from 'react';
-import { ThemeColorWithIntensity } from '../../../providers';
+import { ThemeColorWithIntensity } from '../../../providers/ThemeProvider/types';
 type AvatarProps = PropsWithChildren<{
     className?: string;
     name?: string;

package/dist/components/ui/Message/styles.d.ts

@@ -1,4 +1,4 @@
-import { ThemeColor } from '../../../providers';
+import { ThemeColor } from '../../../providers/ThemeProvider/types';
 export declare const MessageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, {
     $baseColor: ThemeColor;
 }>> & string;

package/dist/components/ui/TabsView/styles.d.ts

@@ -1,5 +1,5 @@
 import { SpaceProps } from '../../../helpers/styled/space';
-import { ThemeColor, ThemeColorWithIntensity } from '../../../providers';
+import { ThemeColor, ThemeColorWithIntensity } from '../../../providers/ThemeProvider/types';
 export declare const TabsViewContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TabsListContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SpaceProps>> & string;
 export declare const TabContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {

package/dist/components/ui/TabsView/types.d.ts

@@ -1,4 +1,4 @@
-import { ThemeColor, ThemeColorWithIntensity } from '../../../providers';
+import { ThemeColor, ThemeColorWithIntensity } from '../../../providers/ThemeProvider/types';
 import { IconFC } from '../../../Icons';
 import { ReactNode } from 'react';
 export type Tab = {

package/dist/config/index.d.ts

@@ -1,10 +1,7 @@
+import { DeepPartial } from '../types';
 export type EnvType = 'dev' | 'test' | 'staging' | 'prod';
 export type Config = {
     webSocketUrl: string;
     httpServerUrl: `${string}/`;
 };
-type DeepPartial<T> = T extends object ? {
-    [P in keyof T]?: DeepPartial<T[P]>;
-} : T;
 export type PartialConfig = DeepPartial<Config>;
-export {};

package/dist/helpers/styled/space.d.ts

@@ -1,4 +1,4 @@
-import { ThemeSpace, ThemeSpaceWithNegative } from '../../providers';
+import { ThemeSpace, ThemeSpaceWithNegative } from '../../providers/ThemeProvider/types';
 export type MarginProps = {
     m?: ThemeSpace | ThemeSpaceWithNegative;
     mx?: ThemeSpace | ThemeSpaceWithNegative;
@@ -21,13 +21,13 @@ export type PaddingProps = {
 export declare const paddings: import("styled-components").RuleSet<PaddingProps>;
 export type SpaceProps = MarginProps & PaddingProps;
 export declare const extractSpaceProps: ({ m, mx, my, mt, mr, mb, ml, p, px, py, pt, pr, pb, pl, }: SpaceProps) => {
-    m: "0" | "1" | "2" | "3" | "4" | "5" | "0_5" | "1_5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-0_5" | "-1_5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
-    mx: "0" | "1" | "2" | "3" | "4" | "5" | "0_5" | "1_5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-0_5" | "-1_5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
-    my: "0" | "1" | "2" | "3" | "4" | "5" | "0_5" | "1_5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-0_5" | "-1_5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
-    mt: "0" | "1" | "2" | "3" | "4" | "5" | "0_5" | "1_5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-0_5" | "-1_5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
-    mr: "0" | "1" | "2" | "3" | "4" | "5" | "0_5" | "1_5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-0_5" | "-1_5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
-    mb: "0" | "1" | "2" | "3" | "4" | "5" | "0_5" | "1_5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-0_5" | "-1_5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
-    ml: "0" | "1" | "2" | "3" | "4" | "5" | "0_5" | "1_5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-0_5" | "-1_5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
+    m: "0" | "1" | "0_5" | "1_5" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-0_5" | "-1_5" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
+    mx: "0" | "1" | "0_5" | "1_5" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-0_5" | "-1_5" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
+    my: "0" | "1" | "0_5" | "1_5" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-0_5" | "-1_5" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
+    mt: "0" | "1" | "0_5" | "1_5" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-0_5" | "-1_5" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
+    mr: "0" | "1" | "0_5" | "1_5" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-0_5" | "-1_5" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
+    mb: "0" | "1" | "0_5" | "1_5" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-0_5" | "-1_5" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
+    ml: "0" | "1" | "0_5" | "1_5" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-0_5" | "-1_5" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
     p: ThemeSpace | undefined;
     px: ThemeSpace | undefined;
     py: ThemeSpace | undefined;

package/dist/index.d.ts

@@ -1,9 +1,87 @@
-export * from './components';
-export * from './providers';
+export * from './components/auth/LoginForm';
+export * from './components/auth/LoginPage';
+export * from './components/auth/PasswordRecoveryForm';
+export * from './components/auth/PasswordResetForm';
+export * from './components/data/DataGrid';
+export * from './components/data/DataGrid/helpers';
+export * from './components/data/DataGrid/styles';
+export * from './components/data/DataGrid/types';
+export * from './components/data/SqlRequestDataGrid';
+export * from './components/data/SqlRequestDataGrid/helpers';
+export * from './components/data/SqlRequestDataGrid/types';
+export * from './components/data/SqlRequestGrid';
+export * from './components/data/SqlRequestGrid/types';
+export * from './components/data/SqlRequestForeignList';
+export * from './components/data/VirtualScroller';
+export * from './components/data/VirtualScroller/types';
+export * from './components/forms/AutoTextArea';
+export * from './components/forms/Button';
+export * from './components/forms/Select';
+export * from './components/forms/IconButton';
+export * from './components/forms/IndeterminateCheckbox';
+export * from './components/forms/Form';
+export * from './components/forms/Form/Row';
+export * from './components/forms/styles';
+export * from './components/forms/NumberInput';
+export * from './components/layout/Columns';
+export * from './components/layout/Dropdown';
+export * from './components/layout/Flexbox';
+export * from './components/layout/Grid';
+export * from './components/layout/Loading';
+export * from './components/layout/Masonry';
+export * from './components/layout/Modal';
+export * from './components/search/QuickSearchBar';
+export * from './components/search/QuickSearchResults';
+export * from './components/search/HighlightedText';
+export * from './components/search/types';
+export * from './components/search/styles';
+export * from './components/ui/Avatar';
+export * from './components/ui/Card';
+export * from './components/ui/ContextMenu';
+export * from './components/ui/Ellipsis';
+export * from './components/ui/Label';
+export * from './components/ui/Message';
+export * from './components/ui/TabsView';
+export * from './helpers/dates';
+export * from './helpers/numbers';
+export * from './helpers/text';
+export * from './helpers/responsive';
+export * from './helpers/styled/space';
+export * from './helpers/styled/typography';
+export * from './types';
+export * from './hooks/useElementSize';
+export * from './hooks/useShowArchived';
+export * from './hooks/useWindowSize';
+export * from './hooks/useMediaQuery';
+export * from './hooks/useContainerMediaQuery';
+export * from './hooks/useMediaQueryForWidth';
+export * from './hooks/useMutableState';
+export * from './providers/AuthenticationProvider';
+export * from './providers/PortalsProvider';
+export * from './providers/ThemeProvider';
+export * from './providers/ThemeProvider/types';
+export * from './providers/ThemeProvider/defaultTheme';
+export * from './providers/ThemeProvider/helpers';
+export * from './providers/TrackingProvider';
+export * from './providers/UiProviders';
+export * from './providers/ToastProvider';
+export * from './providers/hooks';
+export * from './services/WebSocketService';
+export * from './services/HttpService';
+export * from './services/hooks';
+export * from './services/globalSearch';
+export * from './services/requests/auth';
+export * from './services/requests/generic';
+export * from './services/requests/tracking';
+export * from './services/requests/users';
+export * from './services/requests/userProfiles';
+export * from './services/types/auth';
+export * from './services/types/base';
+export * from './services/types/generic';
+export * from './services/types/tracking';
+export * from './services/types/users';
+export * from './services/types/userProfiles';
+export * from './services/sqlRequests';
+export * from './services/updateSqlRequests';
 export * from './Icons';
 export * from './config';
-export * from './helpers';
-export * from './hooks';
-export * from './services';
-export * from './helpers/styled/typography';
-export * from './helpers/styled/space';

package/dist/index.js

@@ -14,13 +14,90 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components"), exports);
-__exportStar(require("./providers"), exports);
+__exportStar(require("./components/auth/LoginForm"), exports);
+__exportStar(require("./components/auth/LoginPage"), exports);
+__exportStar(require("./components/auth/PasswordRecoveryForm"), exports);
+__exportStar(require("./components/auth/PasswordResetForm"), exports);
+__exportStar(require("./components/data/DataGrid"), exports);
+__exportStar(require("./components/data/DataGrid/helpers"), exports);
+__exportStar(require("./components/data/DataGrid/styles"), exports);
+__exportStar(require("./components/data/DataGrid/types"), exports);
+__exportStar(require("./components/data/SqlRequestDataGrid"), exports);
+__exportStar(require("./components/data/SqlRequestDataGrid/helpers"), exports);
+__exportStar(require("./components/data/SqlRequestDataGrid/types"), exports);
+__exportStar(require("./components/data/SqlRequestGrid"), exports);
+__exportStar(require("./components/data/SqlRequestGrid/types"), exports);
+__exportStar(require("./components/data/SqlRequestForeignList"), exports);
+__exportStar(require("./components/data/VirtualScroller"), exports);
+__exportStar(require("./components/data/VirtualScroller/types"), exports);
+__exportStar(require("./components/forms/AutoTextArea"), exports);
+__exportStar(require("./components/forms/Button"), exports);
+__exportStar(require("./components/forms/Select"), exports);
+__exportStar(require("./components/forms/IconButton"), exports);
+__exportStar(require("./components/forms/IndeterminateCheckbox"), exports);
+__exportStar(require("./components/forms/Form"), exports);
+__exportStar(require("./components/forms/Form/Row"), exports);
+__exportStar(require("./components/forms/styles"), exports);
+__exportStar(require("./components/forms/NumberInput"), exports);
+__exportStar(require("./components/layout/Columns"), exports);
+__exportStar(require("./components/layout/Dropdown"), exports);
+__exportStar(require("./components/layout/Flexbox"), exports);
+__exportStar(require("./components/layout/Grid"), exports);
+__exportStar(require("./components/layout/Loading"), exports);
+__exportStar(require("./components/layout/Masonry"), exports);
+__exportStar(require("./components/layout/Modal"), exports);
+__exportStar(require("./components/search/QuickSearchBar"), exports);
+__exportStar(require("./components/search/QuickSearchResults"), exports);
+__exportStar(require("./components/search/HighlightedText"), exports);
+__exportStar(require("./components/search/types"), exports);
+__exportStar(require("./components/search/styles"), exports);
+__exportStar(require("./components/ui/Avatar"), exports);
+__exportStar(require("./components/ui/Card"), exports);
+__exportStar(require("./components/ui/ContextMenu"), exports);
+__exportStar(require("./components/ui/Ellipsis"), exports);
+__exportStar(require("./components/ui/Label"), exports);
+__exportStar(require("./components/ui/Message"), exports);
+__exportStar(require("./components/ui/TabsView"), exports);
+__exportStar(require("./helpers/dates"), exports);
+__exportStar(require("./helpers/numbers"), exports);
+__exportStar(require("./helpers/text"), exports);
+__exportStar(require("./helpers/responsive"), exports);
+__exportStar(require("./helpers/styled/space"), exports);
+__exportStar(require("./helpers/styled/typography"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./hooks/useElementSize"), exports);
+__exportStar(require("./hooks/useShowArchived"), exports);
+__exportStar(require("./hooks/useWindowSize"), exports);
+__exportStar(require("./hooks/useMediaQuery"), exports);
+__exportStar(require("./hooks/useContainerMediaQuery"), exports);
+__exportStar(require("./hooks/useMediaQueryForWidth"), exports);
+__exportStar(require("./hooks/useMutableState"), exports);
+__exportStar(require("./providers/AuthenticationProvider"), exports);
+__exportStar(require("./providers/PortalsProvider"), exports);
+__exportStar(require("./providers/ThemeProvider"), exports);
+__exportStar(require("./providers/ThemeProvider/types"), exports);
+__exportStar(require("./providers/ThemeProvider/defaultTheme"), exports);
+__exportStar(require("./providers/ThemeProvider/helpers"), exports);
+__exportStar(require("./providers/TrackingProvider"), exports);
+__exportStar(require("./providers/UiProviders"), exports);
+__exportStar(require("./providers/ToastProvider"), exports);
+__exportStar(require("./providers/hooks"), exports);
+__exportStar(require("./services/WebSocketService"), exports);
+__exportStar(require("./services/HttpService"), exports);
+__exportStar(require("./services/hooks"), exports);
+__exportStar(require("./services/globalSearch"), exports);
+__exportStar(require("./services/requests/auth"), exports);
+__exportStar(require("./services/requests/generic"), exports);
+__exportStar(require("./services/requests/tracking"), exports);
+__exportStar(require("./services/requests/users"), exports);
+__exportStar(require("./services/requests/userProfiles"), exports);
+__exportStar(require("./services/types/auth"), exports);
+__exportStar(require("./services/types/base"), exports);
+__exportStar(require("./services/types/generic"), exports);
+__exportStar(require("./services/types/tracking"), exports);
+__exportStar(require("./services/types/users"), exports);
+__exportStar(require("./services/types/userProfiles"), exports);
+__exportStar(require("./services/sqlRequests"), exports);
+__exportStar(require("./services/updateSqlRequests"), exports);
 __exportStar(require("./Icons"), exports);
 __exportStar(require("./config"), exports);
-__exportStar(require("./helpers"), exports);
-__exportStar(require("./hooks"), exports);
-__exportStar(require("./services"), exports);
-// helpers
-__exportStar(require("./helpers/styled/typography"), exports);
-__exportStar(require("./helpers/styled/space"), exports);

package/dist/providers/AuthenticationProvider/index.d.ts

@@ -1,5 +1,5 @@
 import { FC, PropsWithChildren } from 'react';
-import { UserDTO } from '../../services';
+import { UserDTO } from '../../services/types/users';
 export type AuthenticationContextProps = {
     status?: number;
     token?: string;

package/dist/providers/AuthenticationProvider/index.js

@@ -50,7 +50,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AuthenticationProvider = exports.AuthenticationContext = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var services_1 = require("../../services");
+var auth_1 = require("../../services/requests/auth");
+var WebSocketService_1 = require("../../services/WebSocketService");
 var helpers_1 = require("./helpers");
 exports.AuthenticationContext = (0, react_1.createContext)({
     status: undefined,
@@ -84,12 +85,12 @@ var AuthenticationProvider = function (_a) {
     var _f = (0, react_1.useState)(sessionStorage.getItem('authToken') || undefined), token = _f[0], setToken = _f[1];
     var _g = (0, react_1.useState)(undefined), user = _g[0], setUser = _g[1];
     var _h = (0, react_1.useState)(undefined), status = _h[0], setStatus = _h[1];
-    var sendAuthenticateRequest = (0, services_1.useAuthenticateRequestHandler)(requestHandlerName);
-    var sendLoginRequest = (0, services_1.useLoginRequestHandler)();
-    var sendLogoutRequest = (0, services_1.useLogoutRequestHandler)();
-    var sendSendRecoveryKeyRequest = (0, services_1.useSendRecoveryKeyRequestHandler)();
-    var sendCheckRecoveryKeyRequest = (0, services_1.useCheckRecoveryKeyRequestHandler)();
-    var sendResetPasswordRequest = (0, services_1.useResetPasswordRequestHandler)();
+    var sendAuthenticateRequest = (0, auth_1.useAuthenticateRequestHandler)(requestHandlerName);
+    var sendLoginRequest = (0, auth_1.useLoginRequestHandler)();
+    var sendLogoutRequest = (0, auth_1.useLogoutRequestHandler)();
+    var sendSendRecoveryKeyRequest = (0, auth_1.useSendRecoveryKeyRequestHandler)();
+    var sendCheckRecoveryKeyRequest = (0, auth_1.useCheckRecoveryKeyRequestHandler)();
+    var sendResetPasswordRequest = (0, auth_1.useResetPasswordRequestHandler)();
     var authenticate = (0, react_1.useCallback)(function (force) {
         if (force === void 0) { force = false; }
         if (token && (!user || force) && !isLoading) {
@@ -208,13 +209,13 @@ var AuthenticationProvider = function (_a) {
         }
     }, [logout]);
     (0, react_1.useEffect)(function () {
-        var subscription = services_1.WebSocketService.getInstance().status$.subscribe(webSocketStatusChanged);
+        var subscription = WebSocketService_1.WebSocketService.getInstance().status$.subscribe(webSocketStatusChanged);
         return function () {
             subscription.unsubscribe();
         };
     }, [webSocketStatusChanged]);
     (0, react_1.useEffect)(function () {
-        var subscription = services_1.WebSocketService.getInstance().error$.subscribe(webSocketErrorReceived);
+        var subscription = WebSocketService_1.WebSocketService.getInstance().error$.subscribe(webSocketErrorReceived);
         return function () {
             subscription.unsubscribe();
         };
@@ -248,7 +249,7 @@ var AuthenticationProvider = function (_a) {
     ]);
     (0, react_1.useEffect)(function () {
         var _a;
-        var subscription = (_a = services_1.WebSocketService.getInstance()) === null || _a === void 0 ? void 0 : _a.status$.subscribe(function (newStatus) {
+        var subscription = (_a = WebSocketService_1.WebSocketService.getInstance()) === null || _a === void 0 ? void 0 : _a.status$.subscribe(function (newStatus) {
             setWebSocketStatus(function (previousStatus) {
                 if (!previousStatus && newStatus) {
                     authenticate(true);

package/dist/providers/LoadingProvider/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoadingProvider = exports.LoadingContext = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var components_1 = require("../../components");
+var Loading_1 = require("../../components/layout/Loading");
 exports.LoadingContext = (0, react_1.createContext)({
     startLoading: function () { },
     stopLoading: function () { },
@@ -21,6 +21,6 @@ var LoadingProvider = function (_a) {
         startLoading: startLoading,
         stopLoading: stopLoading,
     }); }, [startLoading, stopLoading]);
-    return ((0, jsx_runtime_1.jsxs)(exports.LoadingContext.Provider, { value: value, children: [(0, jsx_runtime_1.jsx)(components_1.Loading, { visible: loadingCount > 0, children: "Chargement ..." }), children] }));
+    return ((0, jsx_runtime_1.jsxs)(exports.LoadingContext.Provider, { value: value, children: [(0, jsx_runtime_1.jsx)(Loading_1.Loading, { visible: loadingCount > 0, children: "Chargement ..." }), children] }));
 };
 exports.LoadingProvider = LoadingProvider;

package/dist/providers/ThemeProvider/index.d.ts

@@ -1,4 +1,8 @@
-export { ThemeProvider } from './ThemeProvider';
-export * from './types';
-export { defaultTheme } from './defaultTheme';
-export * from './helpers';
+import { Theme } from './types';
+type ThemeProviderProps = {
+    $theme?: Theme;
+    $darkTheme?: Theme;
+    $darkMode?: boolean;
+};
+export declare const ThemeProvider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeProviderProps>> & string;
+export {};

package/dist/providers/ThemeProvider/index.js

@@ -1,23 +1,53 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultTheme = exports.ThemeProvider = void 0;
-var ThemeProvider_1 = require("./ThemeProvider");
-Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
-__exportStar(require("./types"), exports);
+exports.ThemeProvider = void 0;
 var defaultTheme_1 = require("./defaultTheme");
-Object.defineProperty(exports, "defaultTheme", { enumerable: true, get: function () { return defaultTheme_1.defaultTheme; } });
-__exportStar(require("./helpers"), exports);
+var styled_components_1 = __importDefault(require("styled-components"));
+var getThemeValuesCss = function (prefix, obj) {
+    return Object.entries(obj !== null && obj !== void 0 ? obj : {})
+        .map(function (_a) {
+        var key = _a[0], value = _a[1];
+        return "--".concat(prefix, "-").concat(key, ": ").concat(value, ";");
+    })
+        .join('');
+};
+var getThemeColorsCss = function (colors, darkMode) {
+    if (darkMode === void 0) { darkMode = false; }
+    return Object.entries(colors !== null && colors !== void 0 ? colors : {})
+        .map(function (_a) {
+        var _b, _c, _d;
+        var color = _a[0], intensities = _a[1];
+        return Object.entries((_d = (typeof intensities === 'string'
+            ? (_b = (colors !== null && colors !== void 0 ? colors : {})[intensities]) !== null && _b !== void 0 ? _b : ((_c = defaultTheme_1.defaultTheme.colors) !== null && _c !== void 0 ? _c : {})[intensities]
+            : intensities)) !== null && _d !== void 0 ? _d : {})
+            .map(function (_a) {
+            var intensity = _a[0], value = _a[1];
+            return "--color-".concat(color, "-").concat(darkMode ? 1000 - Number(intensity) : intensity, ": ").concat(value, ";");
+        })
+            .join('');
+    })
+        .join('');
+};
+exports.ThemeProvider = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: contents;\n  ", "\n\n  a, a:visited {\n    color: var(--color-primary-500);\n  }\n  a:active,\n  a:hover {\n    color: var(--color-primary-700);\n  }\n"], ["\n  display: contents;\n  ", "\n\n  a, a:visited {\n    color: var(--color-primary-500);\n  }\n  a:active,\n  a:hover {\n    color: var(--color-primary-700);\n  }\n"])), function (_a) {
+    var _b = _a.$theme, $theme = _b === void 0 ? {} : _b, $darkTheme = _a.$darkTheme, $darkMode = _a.$darkMode;
+    var theme = $darkMode ? $darkTheme !== null && $darkTheme !== void 0 ? $darkTheme : $theme : $theme;
+    var darkMode = !$darkTheme && $darkMode;
+    return [
+        getThemeColorsCss(theme.colors, darkMode),
+        getThemeValuesCss('font', theme.fonts),
+        getThemeValuesCss('text', theme.texts),
+        getThemeValuesCss('weight', theme.weights),
+        getThemeValuesCss('space', theme.spaces),
+        getThemeValuesCss('size', theme.sizes),
+        getThemeValuesCss('rounded', theme.rounded),
+        getThemeValuesCss('shadow', theme.shadows),
+    ].join('');
+});
+var templateObject_1;

package/dist/providers/TrackingProvider/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TrackingProvider = exports.TrackingContext = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var services_1 = require("../../services");
+var tracking_1 = require("../../services/requests/tracking");
 exports.TrackingContext = (0, react_1.createContext)({
     sendEvent: function () { },
     enableTracking: function () { },
@@ -12,7 +12,7 @@ exports.TrackingContext = (0, react_1.createContext)({
 var TrackingProvider = function (_a) {
     var children = _a.children;
     var _b = (0, react_1.useState)(true), trackingEnabled = _b[0], setTrackingEnabled = _b[1];
-    var sendTrackingEvent = (0, services_1.useSendTrackingEventRequestHandler)();
+    var sendTrackingEvent = (0, tracking_1.useSendTrackingEventRequestHandler)();
     var sendEvent = (0, react_1.useCallback)(function (name, details) {
         if (details === void 0) { details = {}; }
         if (trackingEnabled) {

package/dist/providers/UiProviders/index.js

@@ -41,7 +41,7 @@ var styles = __importStar(require("./styles"));
 var react_1 = require("react");
 var PortalsProvider_1 = require("../PortalsProvider");
 var SettingsProvider_1 = require("../SettingsProvider");
-var ThemeProvider_1 = require("../ThemeProvider/ThemeProvider");
+var ThemeProvider_1 = require("../ThemeProvider");
 var TrackingProvider_1 = require("../TrackingProvider");
 var defaultTheme_1 = require("../ThemeProvider/defaultTheme");
 exports.UiContext = (0, react_1.createContext)({

package/dist/services/hooks.js

@@ -40,9 +40,9 @@ exports.useRequestState = exports.useHttpRequestHandler = exports.useWebSocketRe
 var WebSocketService_1 = require("./WebSocketService");
 var react_1 = require("react");
 var HttpService_1 = require("./HttpService");
-var providers_1 = require("../providers");
+var hooks_1 = require("../providers/hooks");
 var useLoadingRequestHandler = function (name) {
-    var _a = (0, providers_1.useLoading)(), startLoading = _a.startLoading, stopLoading = _a.stopLoading;
+    var _a = (0, hooks_1.useLoading)(), startLoading = _a.startLoading, stopLoading = _a.stopLoading;
     return (0, react_1.useCallback)(function (data) {
         startLoading();
         return WebSocketService_1.WebSocketService.getInstance()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@addev-be/ui",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "type": "module",
   "scripts": {
     "watch": "tsc -b --watch",
@@ -20,7 +20,7 @@
     "update-version": "../../node/update-version.mjs"
   },
   "devDependencies": {
-    "@addev-be/framework-utils": "^2.0.0",
+    "@addev-be/framework-utils": "^2.1.0",
     "@types/lodash": "^4.17.20",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",

package/src/components/auth/LoginForm.tsx

@@ -1,11 +1,13 @@
-import { Button, Input } from '../forms';
-import { Card, Message } from '../ui';
 import { FC, useCallback, useEffect, useRef, useState } from 'react';
 import { Link, redirect } from 'react-router-dom';
 
+import { Button } from '../forms/Button';
+import { Card } from '../ui/Card';
 import { FormContainer } from './styles';
+import { Input } from '../forms/styles';
+import { Message } from '../ui/Message';
 import { StackedLabel } from '../forms/VerticalLabel';
-import { useAuthentication } from '../../providers';
+import { useAuthentication } from '../../providers/hooks';
 
 export const LoginForm: FC = () => {
   const [username, setUsername] = useState(

package/src/components/auth/PasswordRecoveryForm.tsx

@@ -1,12 +1,13 @@
-import { Button, Input } from '../forms';
 import { FC, useCallback, useState } from 'react';
 
-import { Card } from '../ui';
+import { Button } from '../forms/Button';
+import { Card } from '../ui/Card';
 import { FormContainer } from './styles';
+import { Input } from '../forms/styles';
 import { Link } from 'react-router-dom';
 import { Message } from '../ui/Message';
 import { StackedLabel } from '../forms/VerticalLabel';
-import { useAuthentication } from '../../providers';
+import { useAuthentication } from '../../providers/hooks';
 
 export const PasswordRecoveryForm: FC = () => {
   const [email, setEmail] = useState('');

package/src/components/data/DataGrid/DataGridColumnsModal/hooks.tsx

@@ -1,7 +1,7 @@
 import { keyBy, mapValues } from 'lodash';
 import { useCallback, useContext, useMemo, useState } from 'react';
 
-import { Button } from '../../../forms';
+import { Button } from '../../../forms/Button';
 import { DataGridColumnsEditor } from '.';
 import { DataGridContext } from '../types';
 import { Modal } from '../../../layout/Modal';