elseware-ui 2.2.28 → 2.2.29

package/build/index.d.ts

@@ -52,4 +52,5 @@ import ShowMore from "./components/utils/ShowMore";
 import useModal from "./utils/hooks/components/useModal";
 import useSider from "./utils/hooks/components/useSider";
 import useClickOutside from "./utils/hooks/useClickOutside";
-export { Avatar, Badge, TitleBanner, BarChart, LineChart, PieChart, Chip, Image, CloudinaryImage, Info, List, ListItem, PriceTag, StarRating, StarRatingDistribution, Slider, Table, Tag, Typography, Chapter, Section, Paragraph, Link, Quote, Button, Checkbox, DateSelector, Form, FormResponse, ImageInput, Input, MultiImageInput, InputResponse, Radio, StarRatingInput, Select, Switch, TextArea, Backdrop, Skeleton, Toast, sendToast, Transition, ContentArea, FooterNavbar, HeaderNavbar, Sidebar, SidebarToggler, Flex, FlexCol, FlexRow, Grid, Layout, Header, Sider, Content, Footer, Breadcrumb, BreadcrumbItem, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemTitle, Menu, MenuGroup, MenuItem, MenuItemTitle, Modal, Accordion, Card, CardHeader, CardContent, CardFooter, ThemeContext, ThemeProvider, ThemeSwitch, AsyncComponentWrapper, ShowMore, useModal, useSider, useClickOutside, };
+import useIsMobile from "./utils/hooks/useIsMobile";
+export { Avatar, Badge, TitleBanner, BarChart, LineChart, PieChart, Chip, Image, CloudinaryImage, Info, List, ListItem, PriceTag, StarRating, StarRatingDistribution, Slider, Table, Tag, Typography, Chapter, Section, Paragraph, Link, Quote, Button, Checkbox, DateSelector, Form, FormResponse, ImageInput, Input, MultiImageInput, InputResponse, Radio, StarRatingInput, Select, Switch, TextArea, Backdrop, Skeleton, Toast, sendToast, Transition, ContentArea, FooterNavbar, HeaderNavbar, Sidebar, SidebarToggler, Flex, FlexCol, FlexRow, Grid, Layout, Header, Sider, Content, Footer, Breadcrumb, BreadcrumbItem, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemTitle, Menu, MenuGroup, MenuItem, MenuItemTitle, Modal, Accordion, Card, CardHeader, CardContent, CardFooter, ThemeContext, ThemeProvider, ThemeSwitch, AsyncComponentWrapper, ShowMore, useModal, useSider, useClickOutside, useIsMobile, };

package/build/index.es.js

@@ -34485,4 +34485,17 @@ var useSider = function (defaultVisibility) {
     };
 };
 
-export { Accordion, AsyncComponentWrapper, Avatar, Backdrop, Badge, BarChart, Breadcrumb, BreadcrumbItem, Button, Card, CardContent, CardFooter, CardHeader, Chapter, Checkbox, Chip, CloudinaryImage, Content, ContentArea, DateSelector, Flex, FlexCol, FlexRow, Footer, FooterNavbar, Form, FormResponse, Grid, Header, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemTitle, HeaderNavbar, Image$1 as Image, ImageInput, Info, Input, InputResponse, Layout, LineChart, Link, List, ListItem, Menu, MenuGroup, MenuItem, MenuItemTitle, Modal, MultiImageInput, Paragraph, PieChart, PriceTag, Quote, Radio, Section, Select, ShowMore, Sidebar, SidebarToggler, Sider, Skeleton, Slider, StarRating, StarRatingDistribution, StarRatingInput, Switch, Table, Tag, TextArea, ThemeContext, ThemeProvider, ThemeSwitch, TitleBanner, Toast, Transition, Typography, sendToast, useClickOutside, useModal, useSider };
+var useIsMobile = function (breakpoint) {
+    if (breakpoint === void 0) { breakpoint = 768; }
+    var _a = useState(window.innerWidth < breakpoint), isMobile = _a[0], setIsMobile = _a[1];
+    useEffect(function () {
+        var handleResize = function () {
+            setIsMobile(window.innerWidth < breakpoint);
+        };
+        window.addEventListener("resize", handleResize);
+        return function () { return window.removeEventListener("resize", handleResize); };
+    }, [breakpoint]);
+    return isMobile;
+};
+
+export { Accordion, AsyncComponentWrapper, Avatar, Backdrop, Badge, BarChart, Breadcrumb, BreadcrumbItem, Button, Card, CardContent, CardFooter, CardHeader, Chapter, Checkbox, Chip, CloudinaryImage, Content, ContentArea, DateSelector, Flex, FlexCol, FlexRow, Footer, FooterNavbar, Form, FormResponse, Grid, Header, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemTitle, HeaderNavbar, Image$1 as Image, ImageInput, Info, Input, InputResponse, Layout, LineChart, Link, List, ListItem, Menu, MenuGroup, MenuItem, MenuItemTitle, Modal, MultiImageInput, Paragraph, PieChart, PriceTag, Quote, Radio, Section, Select, ShowMore, Sidebar, SidebarToggler, Sider, Skeleton, Slider, StarRating, StarRatingDistribution, StarRatingInput, Switch, Table, Tag, TextArea, ThemeContext, ThemeProvider, ThemeSwitch, TitleBanner, Toast, Transition, Typography, sendToast, useClickOutside, useIsMobile, useModal, useSider };

package/build/index.js

@@ -34511,6 +34511,19 @@ var useSider = function (defaultVisibility) {
     };
 };
 
+var useIsMobile = function (breakpoint) {
+    if (breakpoint === void 0) { breakpoint = 768; }
+    var _a = React.useState(window.innerWidth < breakpoint), isMobile = _a[0], setIsMobile = _a[1];
+    React.useEffect(function () {
+        var handleResize = function () {
+            setIsMobile(window.innerWidth < breakpoint);
+        };
+        window.addEventListener("resize", handleResize);
+        return function () { return window.removeEventListener("resize", handleResize); };
+    }, [breakpoint]);
+    return isMobile;
+};
+
 exports.Accordion = Accordion;
 exports.AsyncComponentWrapper = AsyncComponentWrapper;
 exports.Avatar = Avatar;
@@ -34590,5 +34603,6 @@ exports.Transition = Transition;
 exports.Typography = Typography;
 exports.sendToast = sendToast;
 exports.useClickOutside = useClickOutside;
+exports.useIsMobile = useIsMobile;
 exports.useModal = useModal;
 exports.useSider = useSider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elseware-ui",
-  "version": "2.2.28",
+  "version": "2.2.29",
   "private": false,
   "description": "A modern and customizable React UI component library by elseware Technology.",
   "types": "build/index.d.ts",