@kubit-ui-web/react-components 2.0.0-beta.1 → 2.0.0-beta.10

package/dist/cjs/lib/hooks/useScrollEffect/useScrollEffect.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../utils/changeCssProperty/changeCssProperty.js"),t=require("./utils/scrollPercentage.js");exports.useScrollEffect=({conditional:c=!0,scrollCallback:s,shadowStyles:l,shadowVisible:n=1})=>{const u=e.useRef(null),a=e.useRef(null),o=e.useRef(null),i=e.useRef(0),p=e.useRef(0),d=e.useCallback(()=>{if(!u.current)return;const e=t.scrollPercentage(u.current,1.25);if(a.current){const t=e*i.current/100,c=e*p.current/100,s=[{cssPropertyName:"min-height",cssPropertyValue:`calc(${i.current}px - ${t}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${i.current}px - ${t}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${p.current}px - ${c}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${p.current}px - ${c}px)`}];r.changeCssProperty(a.current,s)}o.current&&(e>n?o.current.classList.add(...l.split(" ")):o.current.classList.remove(...l.split(" ")))},[c,l,n]),h=e.useCallback(e=>{e?(u.current=e,d(),u.current?.addEventListener("scroll",e=>{d(),s?.(e)})):(u.current?.removeEventListener("scroll",e=>{d(),s?.(e)}),u.current=null)},[d,s]);return{resizeRef:e.useCallback(e=>{const r=()=>{a.current&&(i.current=a.current.clientHeight,p.current=a.current.clientWidth)};e?(a.current=e,a.current?.addEventListener("load",r)):(a.current?.removeEventListener("load",r),a.current=null)},[]),scrollableRef:h,shadowRef:e.useCallback(e=>{o.current=e||null},[])}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./utils/scrollPercentage.js");exports.useScrollEffect=({conditional:t=!0,scrollCallback:c,shadowStyles:s,shadowVisible:l=1})=>{const n=e.useRef(null),u=e.useRef(null),a=e.useRef(null),o=e.useRef(0),i=e.useRef(0),p=e.useCallback(()=>{if(!n.current)return;const e=r.scrollPercentage(n.current,1.25);if(u.current){const r=e*o.current/100,t=e*i.current/100;[{cssPropertyName:"min-height",cssPropertyValue:`calc(${o.current}px - ${r}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${o.current}px - ${r}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${i.current}px - ${t}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${i.current}px - ${t}px)`}].forEach(({cssPropertyName:e,cssPropertyValue:r})=>{u.current?.style.setProperty(e,r)})}a.current&&(e>l?a.current.classList.add(...s.split(" ")):a.current.classList.remove(...s.split(" ")))},[t,s,l]),d=e.useCallback(e=>{e?(n.current=e,p(),n.current?.addEventListener("scroll",e=>{p(),c?.(e)})):(n.current?.removeEventListener("scroll",e=>{p(),c?.(e)}),n.current=null)},[p,c]);return{resizeRef:e.useCallback(e=>{const r=()=>{u.current&&(o.current=u.current.clientHeight,i.current=u.current.clientWidth)};e?(u.current=e,u.current?.addEventListener("load",r)):(u.current?.removeEventListener("load",r),u.current=null)},[]),scrollableRef:d,shadowRef:e.useCallback(e=>{a.current=e||null},[])}};

package/dist/cjs/lib/provider/cssProvider/provider.js

@@ -1 +1 @@
-import{cssThemes as e,cssClasses as t,cssVars as s,cssAvailableComponents as i,cssGlobalStyles as n,cssMediaQueries as h}from"./stats/stats";export class Provider{#e;#t;#s;#i;#n;#h;#r;#l;#m;#o=(e,t)=>{if("undefined"==typeof document)return;let s=document.getElementById(t);s||(s=document.createElement("link"),s.id=t,s.rel="stylesheet",document.head.appendChild(s)),s.href=e};#a=e=>{const{css:t,foreign:s}=e,i=s?.before||[],n=s?.after||[];i.forEach((e,t)=>{const s=`${this.#l}-foreign-before-${t+1}`;this.#o(e,s)}),this.#o(t,this.#l),n.forEach((e,t)=>{const s=`${this.#l}-foreign-after-${t+1}`;this.#o(e,s)})};#c=()=>{"undefined"!=typeof document&&document.querySelectorAll(`link[id^="${this.#l}"]`).forEach(e=>e.remove())};constructor({linkId:r,jsInCss:l}={}){this.#t=e,this.#s=s,this.#i=t,this.#n=i,this.#h=n,this.#r=h,this.#l=r||"kb-styled-link",this.#e=Object.keys(e)[0],this.#m=!!l,this.getComponentStyles=this.getComponentStyles.bind(this),"undefined"!=typeof window&&"undefined"!=typeof document&&this.#m&&(this.#c(),this.#a(this.#t[this.#e]))}get themeSelected(){return this.#e}set themeSelected(e){if(!(e in this.#t))throw new Error(`${e} is not exists`);this.#m&&(this.#c(),this.#a(this.#t[e])),this.#e=e}get allThemesNames(){return Object.keys(this.#t)}get allThemes(){return this.#t}get variables(){return this.#s[this.#e]}get classNames(){return this.#i[this.#e]}get components(){return this.#n[this.#e]}get globalStyles(){return this.#h[this.#e]}get mediaQueries(){return this.#r[this.#e]}getComponentStyles({variant:e,component:t,additionalClassNames:s}){const i=this.#i[this.#e][t.toLocaleUpperCase()];if(!i)return{};const n={},h=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;if(h&&h in i){const e=i[h];Object.entries(e).forEach(([e,t])=>{e in n||(n[e]=t)})}return Object.entries(i).forEach(([e,t])=>{e.startsWith("$_")||e in n||(n[e]=t)}),s&&Object.keys(s).length&&Object.entries(s).forEach(([e,t])=>{e in n||(n[e]=""),n[e]+=` ${t}`}),n}}
+import{cssThemes as e,cssClasses as t,cssVars as s,cssAvailableComponents as i,cssGlobalStyles as n,cssMediaQueries as h}from"./stats/stats";export class Provider{#e;#t;#s;#i;#n;#h;#r;#o;#a;#c=(e,t)=>{if("undefined"==typeof document)return;let s=document.getElementById(t);s||(s=document.createElement("link"),s.id=t,s.rel="stylesheet",document.head.appendChild(s)),s.href=e};#l=e=>{const{css:t,foreign:s}=e,i=s?.before||[],n=s?.after||[];i.forEach((e,t)=>{const s=`${this.#o}-foreign-before-${t+1}`;this.#c(e,s)}),this.#c(t,this.#o),n.forEach((e,t)=>{const s=`${this.#o}-foreign-after-${t+1}`;this.#c(e,s)})};#d=()=>{"undefined"!=typeof document&&document.querySelectorAll(`link[id^="${this.#o}"]`).forEach(e=>e.remove())};constructor({linkId:r,jsInCss:o}={}){this.#t=e,this.#s=s,this.#i=t,this.#n=i,this.#h=n,this.#r=h,this.#o=r||"kb-styled-link",this.#e=Object.keys(e)[0],this.#a=!!o,this.getComponentStyles=this.getComponentStyles.bind(this),"undefined"!=typeof window&&"undefined"!=typeof document&&this.#a&&(this.#d(),this.#l(this.#t[this.#e]))}get themeSelected(){return this.#e}set themeSelected(e){if(!(e in this.#t))throw new Error(`${e} is not exists`);this.#a&&(this.#d(),this.#l(this.#t[e])),this.#e=e}get allThemesNames(){return Object.keys(this.#t)}get allThemes(){return this.#t}get variables(){return this.#s[this.#e]}get classNames(){return this.#i[this.#e]}get components(){return this.#n[this.#e]}get globalStyles(){return this.#h[this.#e]}get mediaQueries(){return this.#r[this.#e]}getComponentStyles({variant:e,component:t,additionalClassNames:s}){const i=this.#i[this.#e][t.toLocaleUpperCase()];if(!i)return{};const n={},h=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;if(h&&h in i){const e=i[h];Object.entries(e).forEach(([e,t])=>{e in n||(n[e]=t)})}return Object.entries(i).forEach(([e,t])=>{e.startsWith("$_")||e in n||(n[e]=t)}),s&&Object.keys(s).length&&Object.entries(s).forEach(([e,t])=>{e in n||(n[e]=""),n[e]+=` ${t}`}),n}}