@itcase/ui-core 1.10.21 → 1.10.24

package/dist/cjs/hooks/useMediaQueries/useMediaQueries.js

@@ -1 +1 @@
-"use strict";var e=require("react"),i=require("react-responsive"),t={"mobile-tiny":"15em","mobile-super-extra-large":"40em",tablet:"48em","desktop-small":"60em","desktop-huge":"160em"};const s="undefined"==typeof window;exports.useMediaQueries=function(o={}){const a=i.useMediaQuery({minWidth:t["mobile-tiny"],maxWidth:t.tablet})||s&&Boolean(o.isMobile);i.useMediaQuery({minWidth:t["mobile-super-extra-large"],maxWidth:t.tablet});const u=i.useMediaQuery({minWidth:t.tablet,maxWidth:t["desktop-small"]})||s&&Boolean(o.isTablet),r=i.useMediaQuery({minWidth:t["desktop-small"],maxWidth:t["desktop-super-huge"]})||s&&Boolean(o.isDesktop),d=i.useMediaQuery({minWidth:t["desktop-huge"]});return e.useMemo(()=>({isMobile:a,isMobileHuge:a,isTablet:u,isDesktop:r,isDesktopMega:d}),[a,u,r,d])};
+"use strict";var e=require("react"),i=require("react-responsive"),s={"mobile-tiny":"15em",tablet:"48em","desktop-small":"60em","desktop-huge":"160em"};const t="undefined"==typeof window;function o(e,i,s){return e?Boolean(i):s}exports.useMediaQueries=function(a={}){const l=!0===a.isMobile||!0===a.isTablet||!0===a.isDesktop,u=o(l,a.isMobile,i.useMediaQuery({minWidth:s["mobile-tiny"],maxWidth:s.tablet})||t&&Boolean(a.isMobile)),n=o(l,a.isTablet,i.useMediaQuery({minWidth:s.tablet,maxWidth:s["desktop-small"]})||t&&Boolean(a.isTablet)),d=o(l,a.isDesktop,i.useMediaQuery({minWidth:s["desktop-small"],maxWidth:s["desktop-super-huge"]})||t&&Boolean(a.isDesktop)),r=i.useMediaQuery({minWidth:s["desktop-huge"]});return e.useMemo(()=>({isMobile:u,isMobileHuge:u,isTablet:n,isDesktop:d,isDesktopMega:r}),[u,n,d,r])};

package/dist/cjs/hooks/useStyles/useStyles.js

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("lodash/camelCase"),r=require("lodash/maxBy"),s=require("lodash/upperFirst");require("../../context/Notifications.js");var i=require("../../context/UIContext.js");require("../../context/UrlAssetPrefix.js");var o=require("./styleAttributes.js"),l=require("./styleAttributes.helpers.js");require("react/jsx-runtime"),require("uuid"),require("@itcase/common"),require("../useMediaQueries/useMediaQueries.js"),require("react-responsive"),require("../../utils/setViewportProperty.js");const a=(e,t)=>t.reduce((e,t)=>e.endsWith(s(t))?e.replace(s(t),""):e,e),c=new Map,n=(e,t="")=>{const s=`${e}_${t}`;if(c.has(s))return c.get(s);const i=o.default.filter(r=>{if(Array.isArray(r)){const s=r[0],i=r[1]||{};return!!e.startsWith(s)&&(!i.validate||i.validate(t))}return e.startsWith(String(r))}),a=r(i,e=>l.getStyleAttributeKey(e).length),n=l.getStyleAttributeKey(a);return c.set(s,n),n};exports.useStyles=function(r){const{deviceCurrentMainType:o,deviceCurrentType:l,deviceTypesList:c}=i.useUserDeviceContext(),u=e.useMemo(()=>Object.entries(r).reduce((e,[t,r])=>(n(t,r)&&(e[t]=r),e),{}),[r]);return e.useMemo(()=>{const e={};for(const[i,p]of Object.entries(u)){let u=null;const d=n(i,p),f=i.toLowerCase().endsWith(l.toLowerCase()),y=a(i.replace(d,""),c),q=t(y)||"styles";if(e[q]||(e[q]={}),f)u=p;else{const t=`${d}${y}`,i=`${t}${s(o)}`,l=r[i]||r[t];let a=e[q][d];if(t.includes("Horizontal")){const t=d.replace("Horizontal","Left");a=e[q][t]}else if(t.includes("Vertical")){const t=d.replace("Vertical","Top");a=e[q][t]}a||(u=l)}if(u){if(/\D/.test(u)){if(/\d+\.?\d*m\s?(?![a-zA-Z]+)/.test(u)){const e=u.split(" ").map(e=>{const t=e.replace(/[a-z]/gi,"");return`${8*parseFloat(t)}px`},[]);u=e.join(" ")}}else{["zIndex","order","flexGrow","opacity"].includes(d)||(u=`${u}px`)}if(d.includes("Horizontal")){const t=d.replace("Horizontal","Right"),r=d.replace("Horizontal","Left"),s=u.split(" "),i=s[0],o=s[1]||s[0];e[q][t]=i,e[q][r]=o}else if(d.includes("Vertical")){const t=d.replace("Vertical","Top"),r=d.replace("Vertical","Bottom"),s=u.split(" "),i=s[0],o=s[1]||s[0];e[q][t]=i,e[q][r]=o}else e[q][d]=u}}return e},[o,l,...Object.values(u)])};
+"use strict";var e=require("react"),t=require("lodash/camelCase"),r=require("lodash/maxBy"),i=require("lodash/upperFirst");require("../../context/Notifications.js");var s=require("../../context/UIContext.js");require("../../context/UrlAssetPrefix.js");var o=require("./styleAttributes.js"),n=require("./styleAttributes.helpers.js");require("react/jsx-runtime"),require("uuid"),require("@itcase/common"),require("../useMediaQueries/useMediaQueries.js"),require("react-responsive"),require("../../utils/setViewportProperty.js");const l=(e,t)=>t.reduce((e,t)=>e.endsWith(i(t))?e.replace(i(t),""):e,e),a=new Map,c=(e,t="")=>{const i=`${e}_${t}`;if(a.has(i))return a.get(i);const s=o.default.filter(r=>{if(Array.isArray(r)){const i=r[0],s=r[1]||{};return!!e.startsWith(i)&&(!s.validate||s.validate(t))}return e.startsWith(String(r))}),l=r(s,e=>n.getStyleAttributeKey(e).length),c=n.getStyleAttributeKey(l);return a.set(i,c),c};exports.useStyles=function(r){const{deviceCurrentMainType:o,deviceCurrentType:n,deviceTypesList:a}=s.useUserDeviceContext(),u=e.useMemo(()=>Object.entries(r).reduce((e,[t,r])=>(c(t,r)&&(e[t]=r),e),{}),[r]);return e.useMemo(()=>{const e={};for(const[s,d]of Object.entries(u)){let u=null;const p=c(s,d),f=s.toLowerCase().endsWith(n.toLowerCase()),y=l(s.replace(p,""),a),q=t(y)||"styles";if(e[q]||(e[q]={}),f)u=d;else{const t=`${p}${y}`,s=`${t}${i(o)}`,n=r[s]||r[t];let l=e[q][p];if(t.includes("Horizontal")){const t=p.replace("Horizontal","Left");l=e[q][t]}else if(t.includes("Vertical")){const t=p.replace("Vertical","Top");l=e[q][t]}l||(u=n)}if(u){if(/\D/.test(u)){if(/\d+\.?\d*m\s?(?![a-zA-Z]+)/.test(u)){const e=u.split(" ").map(e=>{const t=e.replace(/[a-z]/gi,"");return`${8*parseFloat(t)}px`},[]);u=e.join(" ")}}else{["flexGrow","gridColumn","gridColumnEnd","gridColumnStart","gridRow","gridRowEnd","gridRowStart","opacity","order","zIndex"].includes(p)||(u=`${u}px`)}if(p.includes("Horizontal")){const t=p.replace("Horizontal","Right"),r=p.replace("Horizontal","Left"),i=u.split(" "),s=i[0],o=i[1]||i[0];e[q][t]=s,e[q][r]=o}else if(p.includes("Vertical")){const t=p.replace("Vertical","Top"),r=p.replace("Vertical","Bottom"),i=u.split(" "),s=i[0],o=i[1]||i[0];e[q][t]=s,e[q][r]=o}else e[q][p]=u}}return e},[o,n,...Object.values(u)])};

package/dist/hooks/useMediaQueries/useMediaQueries.js

@@ -1 +1 @@
-import{useMemo as e}from"react";import{useMediaQuery as t}from"react-responsive";var i={"mobile-tiny":"15em","mobile-super-extra-large":"40em",tablet:"48em","desktop-small":"60em","desktop-huge":"160em"};const o="undefined"==typeof window;function s(s={}){const m=t({minWidth:i["mobile-tiny"],maxWidth:i.tablet})||o&&Boolean(s.isMobile);t({minWidth:i["mobile-super-extra-large"],maxWidth:i.tablet});const a=t({minWidth:i.tablet,maxWidth:i["desktop-small"]})||o&&Boolean(s.isTablet),l=t({minWidth:i["desktop-small"],maxWidth:i["desktop-super-huge"]})||o&&Boolean(s.isDesktop),n=t({minWidth:i["desktop-huge"]});return e(()=>({isMobile:m,isMobileHuge:m,isTablet:a,isDesktop:l,isDesktopMega:n}),[m,a,l,n])}export{s as useMediaQueries};
+import{useMemo as e}from"react";import{useMediaQuery as t}from"react-responsive";var i={"mobile-tiny":"15em",tablet:"48em","desktop-small":"60em","desktop-huge":"160em"};const o="undefined"==typeof window;function s(e,t,i){return e?Boolean(t):i}function l(l={}){const n=!0===l.isMobile||!0===l.isTablet||!0===l.isDesktop,a=s(n,l.isMobile,t({minWidth:i["mobile-tiny"],maxWidth:i.tablet})||o&&Boolean(l.isMobile)),m=s(n,l.isTablet,t({minWidth:i.tablet,maxWidth:i["desktop-small"]})||o&&Boolean(l.isTablet)),p=s(n,l.isDesktop,t({minWidth:i["desktop-small"],maxWidth:i["desktop-super-huge"]})||o&&Boolean(l.isDesktop)),d=t({minWidth:i["desktop-huge"]});return e(()=>({isMobile:a,isMobileHuge:a,isTablet:m,isDesktop:p,isDesktopMega:d}),[a,m,p,d])}export{l as useMediaQueries};

package/dist/hooks/useStyles/useStyles.js

@@ -1 +1 @@
-import{useMemo as e}from"react";import t from"lodash/camelCase";import r from"lodash/maxBy";import i from"lodash/upperFirst";import"../../context/Notifications.js";import{useUserDeviceContext as s}from"../../context/UIContext.js";import"../../context/UrlAssetPrefix.js";import o from"./styleAttributes.js";import{getStyleAttributeKey as n}from"./styleAttributes.helpers.js";import"react/jsx-runtime";import"uuid";import"@itcase/common";import"../useMediaQueries/useMediaQueries.js";import"react-responsive";import"../../utils/setViewportProperty.js";function c(r){const{deviceCurrentMainType:o,deviceCurrentType:n,deviceTypesList:c}=s(),a=e(()=>Object.entries(r).reduce((e,[t,r])=>(p(t,r)&&(e[t]=r),e),{}),[r]);return e(()=>{const e={};for(const[s,m]of Object.entries(a)){let a=null;const u=p(s,m),f=s.toLowerCase().endsWith(n.toLowerCase()),d=l(s.replace(u,""),c),j=t(d)||"styles";if(e[j]||(e[j]={}),f)a=m;else{const t=`${u}${d}`,s=`${t}${i(o)}`,n=r[s]||r[t];let c=e[j][u];if(t.includes("Horizontal")){const t=u.replace("Horizontal","Left");c=e[j][t]}else if(t.includes("Vertical")){const t=u.replace("Vertical","Top");c=e[j][t]}c||(a=n)}if(a){if(/\D/.test(a)){if(/\d+\.?\d*m\s?(?![a-zA-Z]+)/.test(a)){const e=a.split(" ").map(e=>{const t=e.replace(/[a-z]/gi,"");return`${8*parseFloat(t)}px`},[]);a=e.join(" ")}}else{["zIndex","order","flexGrow","opacity"].includes(u)||(a=`${a}px`)}if(u.includes("Horizontal")){const t=u.replace("Horizontal","Right"),r=u.replace("Horizontal","Left"),i=a.split(" "),s=i[0],o=i[1]||i[0];e[j][t]=s,e[j][r]=o}else if(u.includes("Vertical")){const t=u.replace("Vertical","Top"),r=u.replace("Vertical","Bottom"),i=a.split(" "),s=i[0],o=i[1]||i[0];e[j][t]=s,e[j][r]=o}else e[j][u]=a}}return e},[o,n,...Object.values(a)])}const l=(e,t)=>t.reduce((e,t)=>e.endsWith(i(t))?e.replace(i(t),""):e,e),a=new Map,p=(e,t="")=>{const i=`${e}_${t}`;if(a.has(i))return a.get(i);const s=o.filter(r=>{if(Array.isArray(r)){const i=r[0],s=r[1]||{};return!!e.startsWith(i)&&(!s.validate||s.validate(t))}return e.startsWith(String(r))}),c=r(s,e=>n(e).length),l=n(c);return a.set(i,l),l};export{c as useStyles};
+import{useMemo as e}from"react";import t from"lodash/camelCase";import r from"lodash/maxBy";import i from"lodash/upperFirst";import"../../context/Notifications.js";import{useUserDeviceContext as o}from"../../context/UIContext.js";import"../../context/UrlAssetPrefix.js";import s from"./styleAttributes.js";import{getStyleAttributeKey as n}from"./styleAttributes.helpers.js";import"react/jsx-runtime";import"uuid";import"@itcase/common";import"../useMediaQueries/useMediaQueries.js";import"react-responsive";import"../../utils/setViewportProperty.js";function l(r){const{deviceCurrentMainType:s,deviceCurrentType:n,deviceTypesList:l}=o(),c=e(()=>Object.entries(r).reduce((e,[t,r])=>(p(t,r)&&(e[t]=r),e),{}),[r]);return e(()=>{const e={};for(const[o,m]of Object.entries(c)){let c=null;const u=p(o,m),d=o.toLowerCase().endsWith(n.toLowerCase()),f=a(o.replace(u,""),l),j=t(f)||"styles";if(e[j]||(e[j]={}),d)c=m;else{const t=`${u}${f}`,o=`${t}${i(s)}`,n=r[o]||r[t];let l=e[j][u];if(t.includes("Horizontal")){const t=u.replace("Horizontal","Left");l=e[j][t]}else if(t.includes("Vertical")){const t=u.replace("Vertical","Top");l=e[j][t]}l||(c=n)}if(c){if(/\D/.test(c)){if(/\d+\.?\d*m\s?(?![a-zA-Z]+)/.test(c)){const e=c.split(" ").map(e=>{const t=e.replace(/[a-z]/gi,"");return`${8*parseFloat(t)}px`},[]);c=e.join(" ")}}else{["flexGrow","gridColumn","gridColumnEnd","gridColumnStart","gridRow","gridRowEnd","gridRowStart","opacity","order","zIndex"].includes(u)||(c=`${c}px`)}if(u.includes("Horizontal")){const t=u.replace("Horizontal","Right"),r=u.replace("Horizontal","Left"),i=c.split(" "),o=i[0],s=i[1]||i[0];e[j][t]=o,e[j][r]=s}else if(u.includes("Vertical")){const t=u.replace("Vertical","Top"),r=u.replace("Vertical","Bottom"),i=c.split(" "),o=i[0],s=i[1]||i[0];e[j][t]=o,e[j][r]=s}else e[j][u]=c}}return e},[s,n,...Object.values(c)])}const a=(e,t)=>t.reduce((e,t)=>e.endsWith(i(t))?e.replace(i(t),""):e,e),c=new Map,p=(e,t="")=>{const i=`${e}_${t}`;if(c.has(i))return c.get(i);const o=s.filter(r=>{if(Array.isArray(r)){const i=r[0],o=r[1]||{};return!!e.startsWith(i)&&(!o.validate||o.validate(t))}return e.startsWith(String(r))}),l=r(o,e=>n(e).length),a=n(l);return c.set(i,a),a};export{l as useStyles};

package/dist/types/hooks/useMediaQueries/useMediaQueries.d.ts

@@ -1,7 +1,7 @@
 export function useMediaQueries(userDevice?: {}): {
-    isMobile: boolean;
-    isMobileHuge: boolean;
-    isTablet: boolean;
-    isDesktop: boolean;
+    isMobile: any;
+    isMobileHuge: any;
+    isTablet: any;
+    isDesktop: any;
     isDesktopMega: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-core",
-  "version": "1.10.21",
+  "version": "1.10.24",
   "description": "UI shared components",
   "keywords": [
     "Modal",
@@ -98,5 +98,5 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3"
   },
-  "gitHead": "4673eadf883a0fa009e0209536f5c9eac7a8e2d3"
+  "gitHead": "228a9c71351b273ccd1cb06e78c4adcb96d2ad68"
 }