react-better-html 1.1.56 → 1.1.57

package/dist/components/BetterHtmlProvider.d.ts

@@ -1,7 +1,12 @@
 import { BetterHtmlConfig } from "../types/config";
 import { AnyOtherString, DeepPartialRecord, OmitProps } from "../types/app";
-import { LoaderName } from "../types/loader";
+import { LoaderConfig, LoaderName } from "../types/loader";
 import { BetterHtmlPlugin, PluginName } from "../types/plugin";
+export type BetterHtmlInternalConfig = BetterHtmlConfig & {
+    setLoaders: React.Dispatch<React.SetStateAction<Partial<LoaderConfig>>>;
+    plugins: BetterHtmlPlugin[];
+};
+export declare let externalBetterHtmlContextValue: BetterHtmlInternalConfig | undefined;
 export declare const useBetterHtmlContext: () => BetterHtmlConfig;
 export declare const useTheme: () => {
     colors: import("../types/theme").Colors;

package/dist/components/BetterHtmlProvider.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePlugin = exports.useLoaderControls = exports.useLoader = exports.useTheme = exports.useBetterHtmlContext = void 0;
+exports.usePlugin = exports.useLoaderControls = exports.useLoader = exports.useTheme = exports.useBetterHtmlContext = exports.externalBetterHtmlContextValue = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const styled_components_1 = require("styled-components");
@@ -151,6 +151,7 @@ function BetterHtmlProvider({ value, plugins: pluginsToUse, children }) {
             observer.disconnect();
         };
     }, []);
+    exports.externalBetterHtmlContextValue = readyValue;
     return ((0, jsx_runtime_1.jsx)(betterHtmlContext.Provider, { value: readyValue, children: (0, jsx_runtime_1.jsx)(BetterHtmlProviderContent, { children: children }) }));
 }
 exports.default = (0, react_1.memo)(BetterHtmlProvider);

package/dist/constants/theme.js

@@ -17,7 +17,7 @@ exports.theme = {
             primary: "#6d466b",
             secondary: "#412234",
             success: "#28a745",
-            info: "#17a2b8",
+            info: "#1eb6dd",
             warn: "#ffc107",
             error: "#dc3545",
             base: "#f8f8f8",
@@ -33,7 +33,7 @@ exports.theme = {
             primary: "#9b6499",
             secondary: "#6c466b",
             success: "#28a745",
-            info: "#17a2b8",
+            info: "#1eb6dd",
             warn: "#ffc107",
             error: "#dc3545",
             base: "#f8f8f8",

package/dist/index.d.ts

@@ -19,6 +19,7 @@ import ColorThemeSwitch, { type ColorThemeSwitchProps } from "./components/Color
 import BetterHtmlProvider, { useBetterHtmlContext, useTheme, useLoader, useLoaderControls, type BetterHtmlProviderValue } from "./components/BetterHtmlProvider";
 import { usePageResize, usePageScroll, useMediaQuery, useBooleanState, useDebounceState, useForm, useUrlQuery } from "./utils/hooks";
 import { generateRandomString, getBrowser, formatPhoneNumber, getFormErrorObject } from "./utils/functions";
+import { loaderControls } from "./utils/variableFunctions";
 import { type OmitProps, type ExcludeOptions, type PickValue, type PartialRecord, type DeepPartialRecord, type PickAllRequired } from "./types/app";
 import { type AppConfig, type BetterHtmlConfig } from "./types/config";
 import { type AssetName, type AssetsConfig } from "./types/asset";
@@ -29,4 +30,4 @@ import { type Color, type ColorName, type ColorTheme, type Colors, type Styles,
 import { type BrowserName } from "./types/other";
 import { isMobileDevice } from "./constants";
 export * from "./plugins";
-export { BetterHtmlProvider, BetterHtmlProviderValue, Div, DivProps, Text, TextProps, TextAs, Loader, LoaderProps, Icon, IconProps, Image, ImageProps, Button, ButtonProps, Divider, HorizontalDividerProps, VerticalDividerProps, Modal, ModalProps, ModalRef, PageHolder, PageHolderProps, PageHeader, PageHeaderProps, Chip, ChipProps, InputField, InputFieldProps, TextareaFieldProps, Dropdown, DropdownOption, DropdownProps, ToggleInput, ToggleInputRef, ToggleInputProps, Form, FormProps, Label, LabelProps, FormRow, FormRowProps, ColorThemeSwitch, ColorThemeSwitchProps, useBetterHtmlContext, useTheme, useLoader, useLoaderControls, usePageResize, usePageScroll, useMediaQuery, useBooleanState, useDebounceState, useForm, useUrlQuery, generateRandomString, getBrowser, formatPhoneNumber, getFormErrorObject, OmitProps, ExcludeOptions, PickValue, PartialRecord, DeepPartialRecord, PickAllRequired, AppConfig, BetterHtmlConfig, AssetName, AssetsConfig, IconName, IconsConfig, LoaderName, PluginName, BetterHtmlPlugin, LoaderConfig, Color, ColorName, ColorTheme, Colors, Styles, Theme, ThemeConfig, BrowserName, isMobileDevice, };
+export { BetterHtmlProvider, BetterHtmlProviderValue, Div, DivProps, Text, TextProps, TextAs, Loader, LoaderProps, Icon, IconProps, Image, ImageProps, Button, ButtonProps, Divider, HorizontalDividerProps, VerticalDividerProps, Modal, ModalProps, ModalRef, PageHolder, PageHolderProps, PageHeader, PageHeaderProps, Chip, ChipProps, InputField, InputFieldProps, TextareaFieldProps, Dropdown, DropdownOption, DropdownProps, ToggleInput, ToggleInputRef, ToggleInputProps, Form, FormProps, Label, LabelProps, FormRow, FormRowProps, ColorThemeSwitch, ColorThemeSwitchProps, useBetterHtmlContext, useTheme, useLoader, useLoaderControls, usePageResize, usePageScroll, useMediaQuery, useBooleanState, useDebounceState, useForm, useUrlQuery, generateRandomString, getBrowser, formatPhoneNumber, getFormErrorObject, loaderControls, OmitProps, ExcludeOptions, PickValue, PartialRecord, DeepPartialRecord, PickAllRequired, AppConfig, BetterHtmlConfig, AssetName, AssetsConfig, IconName, IconsConfig, LoaderName, PluginName, BetterHtmlPlugin, LoaderConfig, Color, ColorName, ColorTheme, Colors, Styles, Theme, ThemeConfig, BrowserName, isMobileDevice, };

package/dist/index.js

@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isMobileDevice = exports.getFormErrorObject = exports.formatPhoneNumber = exports.getBrowser = exports.generateRandomString = exports.useUrlQuery = exports.useForm = exports.useDebounceState = exports.useBooleanState = exports.useMediaQuery = exports.usePageScroll = exports.usePageResize = exports.useLoaderControls = exports.useLoader = exports.useTheme = exports.useBetterHtmlContext = exports.ColorThemeSwitch = exports.FormRow = exports.Label = exports.Form = exports.ToggleInput = exports.Dropdown = exports.InputField = exports.Chip = exports.PageHeader = exports.PageHolder = exports.Modal = exports.Divider = exports.Button = exports.Image = exports.Icon = exports.Loader = exports.Text = exports.Div = exports.BetterHtmlProvider = void 0;
+exports.isMobileDevice = exports.loaderControls = exports.getFormErrorObject = exports.formatPhoneNumber = exports.getBrowser = exports.generateRandomString = exports.useUrlQuery = exports.useForm = exports.useDebounceState = exports.useBooleanState = exports.useMediaQuery = exports.usePageScroll = exports.usePageResize = exports.useLoaderControls = exports.useLoader = exports.useTheme = exports.useBetterHtmlContext = exports.ColorThemeSwitch = exports.FormRow = exports.Label = exports.Form = exports.ToggleInput = exports.Dropdown = exports.InputField = exports.Chip = exports.PageHeader = exports.PageHolder = exports.Modal = exports.Divider = exports.Button = exports.Image = exports.Icon = exports.Loader = exports.Text = exports.Div = exports.BetterHtmlProvider = void 0;
 const Div_1 = __importDefault(require("./components/Div"));
 exports.Div = Div_1.default;
 const Text_1 = __importDefault(require("./components/Text"));
@@ -95,6 +95,8 @@ Object.defineProperty(exports, "generateRandomString", { enumerable: true, get:
 Object.defineProperty(exports, "getBrowser", { enumerable: true, get: function () { return functions_1.getBrowser; } });
 Object.defineProperty(exports, "formatPhoneNumber", { enumerable: true, get: function () { return functions_1.formatPhoneNumber; } });
 Object.defineProperty(exports, "getFormErrorObject", { enumerable: true, get: function () { return functions_1.getFormErrorObject; } });
+const variableFunctions_1 = require("./utils/variableFunctions");
+Object.defineProperty(exports, "loaderControls", { enumerable: true, get: function () { return variableFunctions_1.loaderControls; } });
 const constants_1 = require("./constants");
 Object.defineProperty(exports, "isMobileDevice", { enumerable: true, get: function () { return constants_1.isMobileDevice; } });
 __exportStar(require("./plugins"), exports);

package/dist/utils/variableFunctions.d.ts

@@ -0,0 +1,6 @@
+import { AnyOtherString } from "../types/app";
+import { LoaderName } from "../types/loader";
+export declare const loaderControls: {
+    startLoading: (loaderName: LoaderName | AnyOtherString) => void;
+    stopLoading: (loaderName: LoaderName | AnyOtherString) => void;
+};

package/dist/utils/variableFunctions.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loaderControls = void 0;
+const BetterHtmlProvider_1 = require("../components/BetterHtmlProvider");
+const checkBetterHtmlContextValue = (value, functionsName) => {
+    if (value === undefined) {
+        throw new Error(`\`${functionsName}()\` must be used within a \`<BetterHtmlProvider>\`. Make sure to add one at the root of your component tree.`);
+    }
+    return value !== undefined;
+};
+exports.loaderControls = {
+    startLoading: (loaderName) => {
+        if (!checkBetterHtmlContextValue(BetterHtmlProvider_1.externalBetterHtmlContextValue, "loaderControls.startLoading"))
+            return;
+        BetterHtmlProvider_1.externalBetterHtmlContextValue.setLoaders((oldValue) => ({
+            ...oldValue,
+            [loaderName.toString()]: true,
+        }));
+    },
+    stopLoading: (loaderName) => {
+        if (!checkBetterHtmlContextValue(BetterHtmlProvider_1.externalBetterHtmlContextValue, "loaderControls.stopLoading"))
+            return;
+        BetterHtmlProvider_1.externalBetterHtmlContextValue.setLoaders((oldValue) => ({
+            ...oldValue,
+            [loaderName.toString()]: false,
+        }));
+    },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "react-better-html",
-   "version": "1.1.56",
+   "version": "1.1.57",
    "description": "A component library for react that is as close to plane html as possible",
    "main": "dist/index.js",
    "files": [