dry-ux 1.68.0 → 1.69.0

package/dist/ui-utils/UIUtilProvider.d.ts

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { Content, IUIUtilLoader, PopUp, PopUpAction, PopUpInstance, PopUpOptions, UIUtilModal, UIUtilPrompt } from "./UIUtil.interface";
 import "../types";
-import { Viewport } from "./ViewportDetect";
+import { CurrentViewport } from "./ViewportDetect";
 export interface IUIUtilProviderState {
     modal: UIUtilModal;
     prompt: UIUtilPrompt;
     customLoader: IUIUtilLoader;
     loader: Pick<IUIUtilLoader, "show" | "hide">;
-    viewport?: Viewport;
+    viewport: CurrentViewport;
 }
 export declare const UIUtilContext: React.Context<IUIUtilProviderState>;
 export declare const useUIUtilContext: () => IUIUtilProviderState;

package/dist/ui-utils/UIUtilProvider.js

@@ -31,6 +31,7 @@ const defaultState = {
         show: null,
         hide: null,
     },
+    viewport: new ViewportDetect_1.CurrentViewport(undefined),
 };
 exports.UIUtilContext = React.createContext(defaultState);
 const useUIUtilContext = () => React.useContext(exports.UIUtilContext);

package/dist/ui-utils/ViewportDetect.d.ts

@@ -6,6 +6,15 @@ export declare enum Viewport {
     MD = "md",
     LG = "lg"
 }
+export declare class CurrentViewport {
+    private _current;
+    constructor(_current: Viewport);
+    get isXS(): boolean;
+    get isSM(): boolean;
+    get isMD(): boolean;
+    get isLG(): boolean;
+    get current(): Viewport;
+}
 export declare const ViewportDetect: React.FC<{
-    onChange: (viewport: Viewport) => void;
+    onChange: (current: CurrentViewport) => void;
 }>;

package/dist/ui-utils/ViewportDetect.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewportDetect = exports.Viewport = void 0;
+exports.ViewportDetect = exports.CurrentViewport = exports.Viewport = void 0;
 const React = require("react");
 require("../styles/viewport.css");
 const utilities_1 = require("../helpers/utilities");
@@ -11,6 +11,27 @@ var Viewport;
     Viewport["MD"] = "md";
     Viewport["LG"] = "lg";
 })(Viewport || (exports.Viewport = Viewport = {}));
+class CurrentViewport {
+    constructor(_current) {
+        this._current = _current;
+    }
+    get isXS() {
+        return this._current === Viewport.XS;
+    }
+    get isSM() {
+        return this._current === Viewport.SM;
+    }
+    get isMD() {
+        return this._current === Viewport.MD;
+    }
+    get isLG() {
+        return this._current === Viewport.LG;
+    }
+    get current() {
+        return this._current;
+    }
+}
+exports.CurrentViewport = CurrentViewport;
 const DetectionElement = ({ viewport, onVisibilityChange, }) => {
     const ref = React.useRef(null);
     const isVisible = (0, utilities_1.useIsVisible)(ref);
@@ -22,7 +43,7 @@ const DetectionElement = ({ viewport, onVisibilityChange, }) => {
 exports.ViewportDetect = React.memo(({ onChange }) => {
     const onVisibilityChange = (viewport, isVisible) => {
         if (isVisible) {
-            onChange(viewport);
+            onChange(new CurrentViewport(viewport));
         }
     };
     return (React.createElement(React.Fragment, null, Object.keys(Viewport)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dry-ux",
-  "version": "1.68.0",
+  "version": "1.69.0",
   "description": "",
   "main": "dist/index",
   "scripts": {