@itcase/ui-core 1.9.82 → 1.9.83
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/hooks/index.js +1 -1
- package/dist/cjs/hooks/useAppearanceConfig/useAppearanceConfig.js +1 -1
- package/dist/cjs/hooks/useDevicePropsGenerator/index.js +1 -1
- package/dist/cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js +1 -1
- package/dist/cjs/hooks/useStyles/useStyles.js +1 -1
- package/dist/hooks/index.js +1 -1
- package/dist/hooks/useAppearanceConfig/useAppearanceConfig.js +1 -1
- package/dist/hooks/useDevicePropsGenerator/index.js +1 -1
- package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js +1 -1
- package/dist/hooks/useStyles/useStyles.js +1 -1
- package/dist/types/hooks/useDevicePropsGenerator/useDevicePropsGenerator.d.ts +2 -2
- package/dist/types/hooks/useDevicePropsGenerator/useDevicePropsGenerator.interface.d.ts +11 -0
- package/package.json +3 -3
package/dist/cjs/hooks/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./useActiveClasses/useActiveClasses.js"),s=require("./useAppearanceConfig/useAppearanceConfig.js"),r=require("./useDevicePropsGenerator/useDevicePropsGenerator.js"),t=require("./useDeviceTargetClass.js"),i=require("./useMediaQueries/useMediaQueries.js"),u=require("./useStyles/styleAttributes.helpers.js"),a=require("./useStyles/useStyles.js"),o=require("./useViewportFix.js");require("clsx"),require("./useActiveClasses/useActiveClasses.helpers.js"),require("react"),require("lodash/camelCase"),require("lodash/castArray"),require("lodash/upperFirst"),require("../context/Notifications.js"),require("react/jsx-runtime"),require("uuid"),require("
|
|
1
|
+
"use strict";var e=require("./useActiveClasses/useActiveClasses.js"),s=require("./useAppearanceConfig/useAppearanceConfig.js"),r=require("./useDevicePropsGenerator/useDevicePropsGenerator.js"),t=require("./useDeviceTargetClass.js"),i=require("./useMediaQueries/useMediaQueries.js"),u=require("./useStyles/styleAttributes.helpers.js"),a=require("./useStyles/useStyles.js"),o=require("./useViewportFix.js");require("clsx"),require("./useActiveClasses/useActiveClasses.helpers.js"),require("react"),require("lodash/camelCase"),require("lodash/castArray"),require("lodash/upperFirst"),require("@itcase/common"),require("../context/Notifications.js"),require("react/jsx-runtime"),require("uuid"),require("../context/UIContext.js"),require("../utils/setViewportProperty.js"),require("../context/UrlAssetPrefix.js"),require("./useStyles/styleAttributes.js"),require("lodash/maxBy"),require("react-responsive"),exports.useActiveClasses=e.useActiveClasses,exports.useAppearanceConfig=s.useAppearanceConfig,exports.useDevicePropsGenerator=r.useDevicePropsGenerator,exports.useDeviceTargetClass=t.useDeviceTargetClass,exports.useMediaQueries=i.useMediaQueries,exports.getStyleAttributeKey=u.getStyleAttributeKey,exports.useStyles=a.useStyles,exports.useViewportFix=o.useViewportFix;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var a=require("react");exports.useAppearanceConfig=(e,r,p)=>a.useMemo(()=>{if(e){const a=e.split(" ").reduce((a,e)=>(
|
|
1
|
+
"use strict";var a=require("react");exports.useAppearanceConfig=(e,r,p)=>a.useMemo(()=>{if(e){const a=e.split(" ").reduce((a,e)=>Object.assign(a,r?.appearance?.[e]),{});return p&&(r?.appearance?.disabled||r?.appearance?.disabledPrimary)&&Object.assign(a,r?.appearance?.disabled||r?.appearance?.disabledPrimary),a}return p?r?.appearance?.disabled||r?.appearance?.disabledPrimary:{}},[e,r?.appearance,p]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./useDevicePropsGenerator.js");require("react"),require("lodash/camelCase"),require("lodash/castArray"),require("lodash/upperFirst"),require("../../context/Notifications.js"),require("react/jsx-runtime"),require("uuid"),require("
|
|
1
|
+
"use strict";var e=require("./useDevicePropsGenerator.js");require("react"),require("lodash/camelCase"),require("lodash/castArray"),require("lodash/upperFirst"),require("@itcase/common"),require("../../context/Notifications.js"),require("react/jsx-runtime"),require("uuid"),require("../../context/UIContext.js"),require("../useMediaQueries/useMediaQueries.js"),require("react-responsive"),require("../../utils/setViewportProperty.js"),require("../../context/UrlAssetPrefix.js"),require("../useStyles/styleAttributes.js"),require("../useStyles/styleAttributes.helpers.js"),require("lodash/maxBy"),exports.useDevicePropsGenerator=e.useDevicePropsGenerator;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react"),r=require("lodash/camelCase"),t=require("lodash/castArray"),
|
|
1
|
+
"use strict";var e=require("react"),r=require("lodash/camelCase"),t=require("lodash/castArray"),n=require("lodash/upperFirst"),s=require("@itcase/common");require("../../context/Notifications.js");var i=require("../../context/UIContext.js");require("../../context/UrlAssetPrefix.js");var c=require("../useStyles/styleAttributes.js"),o=require("../useStyles/styleAttributes.helpers.js");require("lodash/maxBy"),require("react/jsx-runtime"),require("uuid"),require("../useMediaQueries/useMediaQueries.js"),require("react-responsive"),require("../../utils/setViewportProperty.js"),exports.useDevicePropsGenerator=function(u,a){const{deviceCurrentMainType:_}=i.useUserDeviceContext();s.isDevelopmentEnv&&s.isClientEnv&&void 0===window.__cache&&(window.__cache={reset:()=>{window.__cache.cache_creation_count=0,window.__cache.cache_return_count=0,window.__cache.proxy_field_access_count=0,window.__cache.proxy_return_count=0},cache_creation_count:0,cache_return_count:0,proxy_field_access_count:0,proxy_return_count:0});const l=e.useRef(u);l.current=u;const p=e.useRef(_);p.current=_;const d=e.useMemo(()=>(s.isDevelopmentEnv&&s.isClientEnv&&(window.__cache.cache_creation_count+=1),{}),[a,_]),h=e.useMemo(()=>new Proxy({getProp(e){const r=`${e}${n(p.current)}`,t=l.current[r],s=l.current[e],i=a?.[r],c=a?.[e];return t||s||i||c},getClassName(e,n){const{prefix:s="",replace:i=[/([A-Z])/g,"-$1"]}=n||{},u=this.getProp(String(e));if(c.default.map(e=>o.getStyleAttributeKey(e)).includes(String(e))&&("number"==typeof u||"string"==typeof u&&!isNaN(parseFloat(u))))return"";if(u){let e=String(u);if(e.includes(".")||(e=r(e)),i){const r=t(i);e=e.replace(r[0],r[1]||"")}return`${s}${e}`.toLowerCase()}return""}},{get(e,r,t,...n){if("string"==typeof r){if(!Reflect.has(e,r)){let t;if(r.endsWith("Class")){const n=r.substring(0,r.lastIndexOf("Class"));t=e.getClassName(n)}else t=e.getProp(r);return s.isClientEnv&&s.isDevelopmentEnv&&(window.__cache.proxy_field_access_count+=1),d[r]=t,t}return Reflect.get(e,r,t,...n)}return r}}),[]);return e.useMemo(()=>Object.keys(d).length>0?(s.isClientEnv&&s.isDevelopmentEnv&&(window.__cache.cache_return_count+=1),d):(s.isClientEnv&&s.isDevelopmentEnv&&(window.__cache.proxy_return_count+=1),h),[u,d])};
|
|
@@ -1 +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
|
|
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)])};
|
package/dist/hooks/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{useActiveClasses}from"./useActiveClasses/useActiveClasses.js";export{useAppearanceConfig}from"./useAppearanceConfig/useAppearanceConfig.js";export{useDevicePropsGenerator}from"./useDevicePropsGenerator/useDevicePropsGenerator.js";export{useDeviceTargetClass}from"./useDeviceTargetClass.js";export{useMediaQueries}from"./useMediaQueries/useMediaQueries.js";export{getStyleAttributeKey}from"./useStyles/styleAttributes.helpers.js";export{useStyles}from"./useStyles/useStyles.js";export{useViewportFix}from"./useViewportFix.js";import"clsx";import"./useActiveClasses/useActiveClasses.helpers.js";import"react";import"lodash/camelCase";import"lodash/castArray";import"lodash/upperFirst";import"../context/Notifications.js";import"react/jsx-runtime";import"uuid";import"
|
|
1
|
+
export{useActiveClasses}from"./useActiveClasses/useActiveClasses.js";export{useAppearanceConfig}from"./useAppearanceConfig/useAppearanceConfig.js";export{useDevicePropsGenerator}from"./useDevicePropsGenerator/useDevicePropsGenerator.js";export{useDeviceTargetClass}from"./useDeviceTargetClass.js";export{useMediaQueries}from"./useMediaQueries/useMediaQueries.js";export{getStyleAttributeKey}from"./useStyles/styleAttributes.helpers.js";export{useStyles}from"./useStyles/useStyles.js";export{useViewportFix}from"./useViewportFix.js";import"clsx";import"./useActiveClasses/useActiveClasses.helpers.js";import"react";import"lodash/camelCase";import"lodash/castArray";import"lodash/upperFirst";import"@itcase/common";import"../context/Notifications.js";import"react/jsx-runtime";import"uuid";import"../context/UIContext.js";import"../utils/setViewportProperty.js";import"../context/UrlAssetPrefix.js";import"./useStyles/styleAttributes.js";import"lodash/maxBy";import"react-responsive";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useMemo as a}from"react";const e=(e,r,p)=>a(()=>{if(e){const a=e.split(" ").reduce((a,e)=>(
|
|
1
|
+
import{useMemo as a}from"react";const e=(e,r,p)=>a(()=>{if(e){const a=e.split(" ").reduce((a,e)=>Object.assign(a,r?.appearance?.[e]),{});return p&&(r?.appearance?.disabled||r?.appearance?.disabledPrimary)&&Object.assign(a,r?.appearance?.disabled||r?.appearance?.disabledPrimary),a}return p?r?.appearance?.disabled||r?.appearance?.disabledPrimary:{}},[e,r?.appearance,p]);export{e as useAppearanceConfig};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{useDevicePropsGenerator}from"./useDevicePropsGenerator.js";import"react";import"lodash/camelCase";import"lodash/castArray";import"lodash/upperFirst";import"../../context/Notifications.js";import"react/jsx-runtime";import"uuid";import"
|
|
1
|
+
export{useDevicePropsGenerator}from"./useDevicePropsGenerator.js";import"react";import"lodash/camelCase";import"lodash/castArray";import"lodash/upperFirst";import"@itcase/common";import"../../context/Notifications.js";import"react/jsx-runtime";import"uuid";import"../../context/UIContext.js";import"../useMediaQueries/useMediaQueries.js";import"react-responsive";import"../../utils/setViewportProperty.js";import"../../context/UrlAssetPrefix.js";import"../useStyles/styleAttributes.js";import"../useStyles/styleAttributes.helpers.js";import"lodash/maxBy";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useMemo as t}from"react";import
|
|
1
|
+
import{useRef as e,useMemo as t}from"react";import r from"lodash/camelCase";import o from"lodash/castArray";import c from"lodash/upperFirst";import{isDevelopmentEnv as n,isClientEnv as s}from"@itcase/common";import"../../context/Notifications.js";import{useUserDeviceContext as i}from"../../context/UIContext.js";import"../../context/UrlAssetPrefix.js";import a from"../useStyles/styleAttributes.js";import{getStyleAttributeKey as u}from"../useStyles/styleAttributes.helpers.js";import"lodash/maxBy";import"react/jsx-runtime";import"uuid";import"../useMediaQueries/useMediaQueries.js";import"react-responsive";import"../../utils/setViewportProperty.js";function _(_,p){const{deviceCurrentMainType:m}=i();n&&s&&void 0===window.__cache&&(window.__cache={reset:()=>{window.__cache.cache_creation_count=0,window.__cache.cache_return_count=0,window.__cache.proxy_field_access_count=0,window.__cache.proxy_return_count=0},cache_creation_count:0,cache_return_count:0,proxy_field_access_count:0,proxy_return_count:0});const l=e(_);l.current=_;const f=e(m);f.current=m;const d=t(()=>(n&&s&&(window.__cache.cache_creation_count+=1),{}),[p,m]),h=t(()=>new Proxy({getProp(e){const t=`${e}${c(f.current)}`,r=l.current[t],o=l.current[e],n=p?.[t],s=p?.[e];return r||o||n||s},getClassName(e,t){const{prefix:c="",replace:n=[/([A-Z])/g,"-$1"]}=t||{},s=this.getProp(String(e));if(a.map(e=>u(e)).includes(String(e))&&("number"==typeof s||"string"==typeof s&&!isNaN(parseFloat(s))))return"";if(s){let e=String(s);if(e.includes(".")||(e=r(e)),n){const t=o(n);e=e.replace(t[0],t[1]||"")}return`${c}${e}`.toLowerCase()}return""}},{get(e,t,r,...o){if("string"==typeof t){if(!Reflect.has(e,t)){let r;if(t.endsWith("Class")){const o=t.substring(0,t.lastIndexOf("Class"));r=e.getClassName(o)}else r=e.getProp(t);return s&&n&&(window.__cache.proxy_field_access_count+=1),d[t]=r,r}return Reflect.get(e,t,r,...o)}return t}}),[]);return t(()=>Object.keys(d).length>0?(s&&n&&(window.__cache.cache_return_count+=1),d):(s&&n&&(window.__cache.proxy_return_count+=1),h),[_,d])}export{_ as useDevicePropsGenerator};
|
|
@@ -1 +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
|
|
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};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { KebabCase, WithClassKeys } from '../../types';
|
|
2
2
|
import type { AppearanceConfig, ComponentProps, GeneratorGetClassParams as GP } from './useDevicePropsGenerator.interface';
|
|
3
|
-
declare function useDevicePropsGenerator<Props extends ComponentProps>(componentProps: Props, appearanceConfig?: AppearanceConfig): Props & {
|
|
3
|
+
declare function useDevicePropsGenerator<Props extends ComponentProps>(componentProps: Props, appearanceConfig?: AppearanceConfig): Props & (Record<string, unknown> | {
|
|
4
4
|
getProp(propKey: string): number | string | undefined;
|
|
5
5
|
getClassName<K extends keyof Props, P extends GP | undefined = undefined>(propKey: K, params?: P): ReturnGetClassName<Props, K, P>;
|
|
6
|
-
} & WithClassKeys<Props>;
|
|
6
|
+
}) & WithClassKeys<Props>;
|
|
7
7
|
type ReturnGetClassName<Props, K extends keyof Props, Params = undefined> = Params extends undefined ? NonNullable<Props[K]> extends string ? KebabCase<NonNullable<Props[K]>> : string : Props[K];
|
|
8
8
|
export { useDevicePropsGenerator };
|
|
@@ -9,4 +9,15 @@ interface GeneratorGetClassParams {
|
|
|
9
9
|
prefix?: string;
|
|
10
10
|
replace?: [RegExp, string];
|
|
11
11
|
}
|
|
12
|
+
declare global {
|
|
13
|
+
interface Window {
|
|
14
|
+
__cache: {
|
|
15
|
+
cache_creation_count: number;
|
|
16
|
+
cache_return_count: number;
|
|
17
|
+
proxy_field_access_count: number;
|
|
18
|
+
proxy_return_count: number;
|
|
19
|
+
reset: () => void;
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
}
|
|
12
23
|
export type { AppearanceConfig, ComponentProps, GeneratorGetClassParams };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui-core",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.83",
|
|
4
4
|
"description": "UI shared components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Modal",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"@babel/preset-react": "^7.28.5",
|
|
78
78
|
"@itcase/types-core": "^1.1.49",
|
|
79
79
|
"@itcase/types-ui": "^1.1.61",
|
|
80
|
-
"@itcase/ui-web": "1.9.
|
|
80
|
+
"@itcase/ui-web": "1.9.83",
|
|
81
81
|
"@rollup/plugin-alias": "^6.0.0",
|
|
82
82
|
"@rollup/plugin-babel": "^7.0.0",
|
|
83
83
|
"@rollup/plugin-commonjs": "^29.0.2",
|
|
@@ -99,5 +99,5 @@
|
|
|
99
99
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
100
100
|
"rollup-preserve-directives": "^1.1.3"
|
|
101
101
|
},
|
|
102
|
-
"gitHead": "
|
|
102
|
+
"gitHead": "338828259207badbcbb562ef0aa096006c444caf"
|
|
103
103
|
}
|