@kubit-ui-web/react-components 2.0.0-beta.31 → 2.0.0-beta.33

package/dist/cjs/lib/provider/cssProvider/provider.d.ts

@@ -0,0 +1,60 @@
+import {
+  cssThemes,
+  cssClasses,
+  cssVars,
+  cssAvailableComponents,
+  cssGlobalStyles,
+  cssMediaQueries,
+} from './stats/stats';
+
+type ThemesKeys = keyof typeof cssThemes;
+/* Get the types of each variable from the current theme selected */
+type VarFromTheme = (typeof cssVars)[ThemesKeys];
+type ClassNameFromTheme = (typeof cssClasses)[ThemesKeys];
+type ComponentsFromTheme = (typeof cssAvailableComponents)[ThemesKeys];
+type ComponentsKey = keyof ComponentsFromTheme;
+type GlobalStylesFromThemes = (typeof cssGlobalStyles)[ThemesKeys];
+type MediaQueriesFromThemes = (typeof cssMediaQueries)[ThemesKeys];
+/* Get the type of non-variable keys from a component required */
+type NonVariablesKeys<T> = {
+  [K in keyof T]: K extends `$${string}` ? never : K;
+}[keyof T];
+type ComponentSelected<T> = Pick<T, NonVariablesKeys<T>>;
+
+export declare class Provider {
+  private static instance: Provider;
+  #currentTheme: ThemesKeys;
+  #themes: typeof cssThemes;
+  #themesVariables: typeof cssVars;
+  #themesClassNames: typeof cssClasses;
+  #themesComponents: typeof cssAvailableComponents;
+  #themesGlobalStyles: typeof cssGlobalStyles;
+  #themesMediaQueries: typeof cssMediaQueries;
+  #linkId: string;
+  #jsInCss: boolean;
+  #linkBuilder: (url: string, id: string) => void;
+  #handlerThemes: (data: {
+    css: string;
+    foreign?: { high?: string[]; low?: string[] };
+  }) => void;
+  #cleanUpLinks: () => void;
+
+  constructor(options?: { linkId?: string; jsInCss?: boolean });
+
+  get themeSelected(): string | null;
+  get allThemesNames(): string[];
+  get allThemes(): Record<string, string>;
+  get variables(): VarFromTheme;
+  get classNames(): ClassNameFromTheme;
+  get components(): ComponentsFromTheme;
+  get globalStyles(): GlobalStylesFromThemes;
+  get mediaQueries(): MediaQueriesFromThemes;
+
+  set themeSelected(themeName: string);
+
+  getComponentStyles<T extends ComponentsKey>(params: {
+    variant?: string;
+    component: T;
+    additionalClassNames?: Partial<ComponentSelected<ClassNameFromTheme[T]>>;
+  }): ComponentSelected<ClassNameFromTheme[T]>;
+}

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;#r;#h;#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));const i=new URL(e,import.meta.url).href;s.href=i};#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)})};#m=()=>{"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.#r=n,this.#h=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.#m(),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.#m(),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.#r[this.#e]}get mediaQueries(){return this.#h[this.#e]}getComponentStyles({variant:e,component:t,additionalClassNames:s}){const i=this.#i[this.#e][t.toLocaleUpperCase()];if(!i)return{};const n={},r=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;if(r&&r in i){const e=i[r];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}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Provider=void 0;var _stats=require("./stats/stats");class Provider{#e;#t;#s;#i;#r;#n;#o;#h;#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));const i=new URL(e,import.meta.url).href;s.href=i};#l=e=>{const{css:t,foreign:s}=e,i=s?.before||[],r=s?.after||[];i.forEach((e,t)=>{const s=`${this.#h}-foreign-before-${t+1}`;this.#c(e,s)}),this.#c(t,this.#h),r.forEach((e,t)=>{const s=`${this.#h}-foreign-after-${t+1}`;this.#c(e,s)})};#d=()=>{"undefined"!=typeof document&&document.querySelectorAll(`link[id^="${this.#h}"]`).forEach(e=>e.remove())};constructor({linkId:e,jsInCss:t}={}){this.#t=_stats.cssThemes,this.#s=_stats.cssVars,this.#i=_stats.cssClasses,this.#r=_stats.cssAvailableComponents,this.#n=_stats.cssGlobalStyles,this.#o=_stats.cssMediaQueries,this.#h=e||"kb-styled-link",this.#e=Object.keys(_stats.cssThemes)[0],this.#a=!!t,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.#r[this.#e]}get globalStyles(){return this.#n[this.#e]}get mediaQueries(){return this.#o[this.#e]}getComponentStyles({variant:e,component:t,additionalClassNames:s}){const i=this.#i[this.#e][t.toLocaleUpperCase()];if(!i)return{};const r={},n=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;if(n&&n in i){const e=i[n];Object.entries(e).forEach(([e,t])=>{e in r||(r[e]=t)})}return Object.entries(i).forEach(([e,t])=>{e.startsWith("$_")||e in r||(r[e]=t)}),s&&Object.keys(s).length&&Object.entries(s).forEach(([e,t])=>{e in r||(r[e]=""),r[e]+=` ${t}`}),r}}exports.Provider=Provider;