@gem-sdk/core 2.0.0-dev.896 → 2.0.0

package/dist/cjs/helpers/queries/get-products.js

@@ -1 +1,214 @@
-"use strict";var products_generated=require("../../graphql/queries/products.generated.js"),getCollection=require("./get-collection.js"),getProduct=require("./get-product.js");const getProducts=async(e,{ids:t,isSample:r,isStorefront:s,defaultSelectedProductCount:d,allStatus:o})=>{let a=await loopFetchProducts(e,{ids:t,isSample:r,isStorefront:s,defaultSelectedProductCount:d,allStatus:o});if(!a)throw Error("Product not found");let[i,c]=await Promise.all([mergeVariantsToProducts({fetcher:e,products:a,isSample:r,isStorefront:s}),mergeMediasToProducts({fetcher:e,products:a,isSample:r,isStorefront:s})]);return{...a,products:{...a.products,edges:a.products?.edges.map(e=>{let t=c.find(t=>t.productId===e.node?.baseID),r=i.find(t=>t.productId===e.node?.baseID);return e.node?{...e,node:{...e.node,variants:{...e.node?.variants,edges:r?.items??[]},medias:{...e.node?.medias,edges:t?.items??[]}}}:e})??[]}}},getProductQueryAll=async(e,t)=>{let r=t?.limit||4;delete t.limit;let s={first:r,firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{status:"ACTIVE",...t,or:[{hasProductTags:!1},{hasProductTagsWith:[{hasTagsWith:[{nameNotIn:["bogos-gift"]}]}]}]}};return fetchProducts(e,s)},getListProductByVariables=async(e,t)=>{let r={first:t.first||8,firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{status:"ACTIVE",...t.where}},s=await fetchProducts(e,r);return s},fetchProducts=async(e,t)=>e([products_generated.ProductsDocument,t]),loopFetchProducts=async(e,{ids:t,isSample:r,isStorefront:s,defaultSelectedProductCount:d,allStatus:o})=>{let a,i,c,u,n;let l=d||4,g=(t?.length==0?l:t?.length)??l,P=1,f=Math.ceil(g/8);for(;P<=f&&!1!==u;){let d=o?{}:{status:"ACTIVE"};a={first:getCollection.calculateFirstProduct(g,P,8),firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{...d,isSample:r,...s&&{isStorefront:s},...t?.length?{baseIDIn:t}:{},or:[{hasProductTags:!1},{hasProductTagsWith:[{hasTagsWith:[{nameNotIn:["bogos-gift"]}]}]}]},after:i};let l=await fetchProducts(e,a);if(i=l?.products?.pageInfo?.endCursor,1===P?(c=l,n=l):n?.products&&l?.products?.edges.length&&(n.products={edges:n.products.edges.concat(l?.products?.edges),pageInfo:l?.products?.pageInfo}),P++,!n){u=!1;break}}return c},mergeVariantsToProducts=async({fetcher:e,products:t,isSample:r,isStorefront:s})=>{let d=await Promise.all(t?.products?.edges?.map(async t=>{let d=await getProduct.fetchVariants(e,{id:t?.node?.baseID,isSample:r,isStorefront:s});return{productId:t?.node?.baseID,items:d}})??[]);return d},mergeMediasToProducts=async({fetcher:e,products:t,isSample:r,isStorefront:s})=>{let d=await Promise.all(t?.products?.edges?.map(async t=>{let d=await getProduct.fetchMedias(e,{id:t?.node?.baseID,isSample:r,isStorefront:s});return{productId:t?.node?.baseID,items:d}})??[]);return d};exports.getListProductByVariables=getListProductByVariables,exports.getProductQueryAll=getProductQueryAll,exports.getProducts=getProducts;
+'use strict';
+
+var products_generated = require('../../graphql/queries/products.generated.js');
+var getCollection = require('./get-collection.js');
+var getProduct = require('./get-product.js');
+
+const getProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount, allStatus })=>{
+    const products = await loopFetchProducts(fetcher, {
+        ids,
+        isSample,
+        isStorefront,
+        defaultSelectedProductCount,
+        allStatus
+    });
+    if (!products) {
+        throw new Error('Product not found');
+    }
+    const [mergedVariant, mergedMedias] = await Promise.all([
+        mergeVariantsToProducts({
+            fetcher,
+            products,
+            isSample,
+            isStorefront
+        }),
+        mergeMediasToProducts({
+            fetcher,
+            products,
+            isSample,
+            isStorefront
+        })
+    ]);
+    return {
+        ...products,
+        products: {
+            ...products.products,
+            edges: products.products?.edges.map((edge)=>{
+                const medias = mergedMedias.find((item)=>item.productId === edge.node?.baseID);
+                const variants = mergedVariant.find((item)=>item.productId === edge.node?.baseID);
+                if (edge.node) {
+                    return {
+                        ...edge,
+                        node: {
+                            ...edge.node,
+                            variants: {
+                                ...edge.node?.variants,
+                                edges: variants?.items ?? []
+                            },
+                            medias: {
+                                ...edge.node?.medias,
+                                edges: medias?.items ?? []
+                            }
+                        }
+                    };
+                }
+                return edge;
+            }) ?? []
+        }
+    };
+};
+const getProductQueryAll = async (fetcher, arg)=>{
+    const limit = arg?.limit || 4;
+    delete arg.limit;
+    const variables = {
+        first: limit,
+        firstMedia: 1,
+        firstVariant: 1,
+        orderBy: {
+            field: 'PLATFORM_CREATED_AT',
+            direction: 'DESC'
+        },
+        orderByMedia: {
+            field: 'POSITION',
+            direction: 'ASC'
+        },
+        where: {
+            status: 'ACTIVE',
+            ...arg
+        }
+    };
+    const pageData = await fetchProducts(fetcher, variables);
+    return pageData;
+};
+const getListProductByVariables = async (fetcher, arg)=>{
+    const variables = {
+        first: arg.first || 8,
+        firstMedia: 1,
+        firstVariant: 1,
+        orderBy: {
+            field: 'PLATFORM_CREATED_AT',
+            direction: 'DESC'
+        },
+        orderByMedia: {
+            field: 'POSITION',
+            direction: 'ASC'
+        },
+        where: {
+            status: 'ACTIVE',
+            ...arg.where
+        },
+        after: arg.after
+    };
+    const pageData = await fetchProducts(fetcher, variables);
+    return pageData;
+};
+const fetchProducts = async (fetcher, variables)=>{
+    return fetcher([
+        products_generated.ProductsDocument,
+        variables
+    ]);
+};
+const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount, allStatus })=>{
+    const defaultNumberOfProducts = defaultSelectedProductCount || 4;
+    const numberOfProducts = (ids?.length == 0 ? defaultNumberOfProducts : ids?.length) ?? defaultNumberOfProducts;
+    const productsPerPage = 8; // number of products per page
+    let variables; // variables of collection query
+    let productAfterFetcher; // product after of collection query
+    let dataProducts; // data of collection query
+    let hasNextPage; //
+    let firstProducts;
+    let currentPage = 1;
+    // counter number of queries
+    const pages = Math.ceil(numberOfProducts / productsPerPage);
+    while(currentPage <= pages && hasNextPage !== false){
+        const status = allStatus ? {} : {
+            status: 'ACTIVE'
+        };
+        variables = {
+            first: getCollection.calculateFirstProduct(numberOfProducts, currentPage, productsPerPage),
+            firstMedia: 1,
+            firstVariant: 1,
+            orderBy: {
+                field: 'PLATFORM_CREATED_AT',
+                direction: 'DESC'
+            },
+            orderByMedia: {
+                field: 'POSITION',
+                direction: 'ASC'
+            },
+            where: {
+                ...status,
+                isSample,
+                ...isStorefront && {
+                    isStorefront
+                },
+                ...ids?.length ? {
+                    baseIDIn: ids
+                } : {}
+            },
+            after: productAfterFetcher
+        };
+        const pageData = await fetchProducts(fetcher, variables);
+        productAfterFetcher = pageData?.products?.pageInfo?.endCursor;
+        if (currentPage === 1) {
+            dataProducts = pageData; // set data of first page
+            firstProducts = pageData;
+        } else if (firstProducts?.products && pageData?.products?.edges.length) {
+            // concat new values to the old ones
+            firstProducts.products = {
+                edges: firstProducts.products.edges.concat(pageData?.products?.edges),
+                pageInfo: pageData?.products?.pageInfo
+            };
+        }
+        currentPage++;
+        // hasNextPage = false if there is no more pages then break the loop
+        if (!firstProducts) {
+            hasNextPage = false;
+            break;
+        }
+    }
+    return dataProducts;
+};
+const mergeVariantsToProducts = async ({ fetcher, products, isSample, isStorefront })=>{
+    const productsWithVariants = await Promise.all(products?.products?.edges?.map(async (product)=>{
+        const variants = await getProduct.fetchVariants(fetcher, {
+            id: product?.node?.baseID,
+            isSample,
+            isStorefront
+        });
+        return {
+            productId: product?.node?.baseID,
+            items: variants
+        };
+    }) ?? []);
+    return productsWithVariants;
+};
+const mergeMediasToProducts = async ({ fetcher, products, isSample, isStorefront })=>{
+    const productsWithMedias = await Promise.all(products?.products?.edges?.map(async (product)=>{
+        const medias = await getProduct.fetchMedias(fetcher, {
+            id: product?.node?.baseID,
+            isSample,
+            isStorefront
+        });
+        return {
+            productId: product?.node?.baseID,
+            items: medias
+        };
+    }) ?? []);
+    return productsWithMedias;
+}; // future can be used for fetching products with paging ids
+ // const pagingQuery = (
+ //   data: string[],
+ //   currentPage: number,
+ //   productsPerPage: number,
+ //   first: number,
+ // ): string[] => {
+ //   return data.slice(
+ //     (currentPage - 1) * productsPerPage,
+ //     (currentPage - 1) * productsPerPage + first,
+ //   );
+ // };
+
+exports.getListProductByVariables = getListProductByVariables;
+exports.getProductQueryAll = getProductQueryAll;
+exports.getProducts = getProducts;

package/dist/cjs/helpers/query.js

@@ -1 +1,29 @@
-"use strict";const generateProductQueryKey=e=>["query/product",e],generateCollectionQueryKey=e=>["query/collection",e],generateProductsQueryKey=e=>["query/products",{...e,ids:[...e.ids].sort()}];exports.generateCollectionQueryKey=generateCollectionQueryKey,exports.generateProductQueryKey=generateProductQueryKey,exports.generateProductsQueryKey=generateProductsQueryKey;
+'use strict';
+
+const generateProductQueryKey = (args)=>{
+    return [
+        'query/product',
+        args
+    ];
+};
+const generateCollectionQueryKey = (args)=>{
+    return [
+        'query/collection',
+        args
+    ];
+};
+const generateProductsQueryKey = (args)=>{
+    return [
+        'query/products',
+        {
+            ...args,
+            ids: [
+                ...args.ids
+            ].sort()
+        }
+    ];
+};
+
+exports.generateCollectionQueryKey = generateCollectionQueryKey;
+exports.generateProductQueryKey = generateProductQueryKey;
+exports.generateProductsQueryKey = generateProductsQueryKey;

package/dist/cjs/helpers/radius.js

@@ -1,6 +1,140 @@
-"use strict";var constant=require("./constant.js"),makeStyle=require("./make-style.js");const getCornerCSSFromGlobal=e=>e?.radiusType?["custom","circle"].includes(e?.radiusType)?makeStyle.makeStyle({bblr:e.bblr,bbrr:e.bbrr,btlr:e.btlr,btrr:e.btrr}):makeStyle.makeStyle({radius:`var(--g-radius-${e?.radiusType})`}):{},getRadiusCSSFromGlobal=(e,s,t)=>{if(!s||!e)return{};let a=t&&"desktop"!==t?constant.devicesMapping?.[t]:"",r=constant.stateMapping?.[e];return{[`-${r}-radius${a}`]:`var(--g-radius-${s})`}},getCustomRadius=(e,s,t)=>{if(!s||!e||s?.radiusType!=="custom")return{};let a=t&&"desktop"!==t?constant.devicesMapping?.[t]:"",r=constant.stateMapping?.[e];return{[`-${r}-bblr${a}`]:s.bblr,[`-${r}-bbrr${a}`]:s.bbrr,[`-${r}-btlr${a}`]:s.btlr,[`-${r}-btrr${a}`]:s.btrr}},composeRadius=e=>e?"desktop"in e||"tablet"in e||"mobile"in e?composeRadiusResponsiveState(e):composeRadiusState(e):{},composeRadiusResponsive=e=>{let s={};return Object.assign(s,getCustomRadius("normal",e?.desktop,"desktop")),Object.assign(s,getCustomRadius("normal",e?.tablet,"tablet")),Object.assign(s,getCustomRadius("normal",e?.mobile,"mobile")),s},composeRadiusState=(e,s)=>{let t={};switch(e?.normal?.radiusType){case"medium":case"large":case"small":Object.assign(t,getRadiusCSSFromGlobal("normal",e?.normal?.radiusType,s));break;case"circle":case"none":case"custom":Object.assign(t,getCustomRadius("normal",e.normal,s))}switch(e?.hover?.radiusType){case"medium":case"large":case"small":Object.assign(t,getRadiusCSSFromGlobal("hover",e?.hover?.radiusType,s));break;case"circle":case"none":case"custom":Object.assign(t,getCustomRadius("hover",e.hover,s))}switch(e?.focus?.radiusType){case"medium":case"large":case"small":Object.assign(t,getRadiusCSSFromGlobal("focus",e?.focus?.radiusType,s));break;case"circle":case"none":case"custom":Object.assign(t,getCustomRadius("focus",e.focus,s))}return t},composeRadiusResponsiveState=e=>{let s={};return Object.assign(s,composeRadiusState(e?.desktop,"desktop")),Object.assign(s,composeRadiusState(e?.tablet,"tablet")),Object.assign(s,composeRadiusState(e?.mobile,"mobile")),s},getRadiusStyleActiveState=e=>e?.active?.radiusType==="custom"?getCustomRadius("normal",e?.active):getRadiusCSSFromGlobal("normal",e?.active?.radiusType),composeCornerCss=(e,s=!1)=>{let t;if(!e)return"";let{radiusType:a,bblr:r,bbrr:o,btlr:i,btrr:c}=e,u=s?" !important":"";switch(a){case"medium":case"large":case"small":t=`border-radius: var(--g-radius-${a});`;break;case"circle":case"none":case"custom":t=`
-      ${r?`border-bottom-left-radius: ${r}${u};`:""}
-      ${o?`border-bottom-right-radius: ${o}${u};`:""}
-      ${i?`border-top-left-radius: ${i}${u};`:""}
-      ${c?`border-top-right-radius: ${c}${u};`:""}
-      `}return t};exports.composeCornerCss=composeCornerCss,exports.composeRadius=composeRadius,exports.composeRadiusResponsive=composeRadiusResponsive,exports.getCornerCSSFromGlobal=getCornerCSSFromGlobal,exports.getCustomRadius=getCustomRadius,exports.getRadiusCSSFromGlobal=getRadiusCSSFromGlobal,exports.getRadiusStyleActiveState=getRadiusStyleActiveState;
+'use strict';
+
+var constant = require('./constant.js');
+var makeStyle = require('./make-style.js');
+
+const getCornerCSSFromGlobal = (corner)=>{
+    if (!corner?.radiusType) return {};
+    if ([
+        'custom',
+        'circle'
+    ].includes(corner?.radiusType)) return makeStyle.makeStyle({
+        bblr: corner.bblr,
+        bbrr: corner.bbrr,
+        btlr: corner.btlr,
+        btrr: corner.btrr
+    });
+    return makeStyle.makeStyle({
+        radius: `var(--g-radius-${corner?.radiusType})`
+    });
+};
+const getRadiusCSSFromGlobal = (state, key, device)=>{
+    if (!key || !state) return {};
+    const suffix = device && device !== 'desktop' ? constant.devicesMapping?.[device] : '';
+    const mState = constant.stateMapping?.[state];
+    return {
+        [`-${mState}-radius${suffix}`]: `var(--g-radius-${key})`
+    };
+};
+const getCustomRadius = (state, radius, device)=>{
+    if (!radius || !state || radius?.radiusType !== 'custom') return {};
+    const suffix = device && device !== 'desktop' ? constant.devicesMapping?.[device] : '';
+    const mState = constant.stateMapping?.[state];
+    return {
+        [`-${mState}-bblr${suffix}`]: radius.bblr,
+        [`-${mState}-bbrr${suffix}`]: radius.bbrr,
+        [`-${mState}-btlr${suffix}`]: radius.btlr,
+        [`-${mState}-btrr${suffix}`]: radius.btrr
+    };
+};
+const composeRadius = (value)=>{
+    if (!value) return {};
+    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
+        return composeRadiusResponsiveState(value);
+    }
+    return composeRadiusState(value);
+};
+const composeRadiusResponsive = (radiusValue)=>{
+    const style = {};
+    Object.assign(style, getCustomRadius('normal', radiusValue?.desktop, 'desktop'));
+    Object.assign(style, getCustomRadius('normal', radiusValue?.tablet, 'tablet'));
+    Object.assign(style, getCustomRadius('normal', radiusValue?.mobile, 'mobile'));
+    return style;
+};
+const composeRadiusState = (radiusValue, device)=>{
+    const style = {};
+    switch(radiusValue?.normal?.radiusType){
+        case 'medium':
+        case 'large':
+        case 'small':
+            Object.assign(style, getRadiusCSSFromGlobal('normal', radiusValue?.normal?.radiusType, device));
+            break;
+        case 'circle':
+        case 'none':
+        case 'custom':
+            Object.assign(style, getCustomRadius('normal', radiusValue.normal, device));
+            break;
+    }
+    switch(radiusValue?.hover?.radiusType){
+        case 'medium':
+        case 'large':
+        case 'small':
+            Object.assign(style, getRadiusCSSFromGlobal('hover', radiusValue?.hover?.radiusType, device));
+            break;
+        case 'circle':
+        case 'none':
+        case 'custom':
+            Object.assign(style, getCustomRadius('hover', radiusValue.hover, device));
+            break;
+    }
+    switch(radiusValue?.focus?.radiusType){
+        case 'medium':
+        case 'large':
+        case 'small':
+            Object.assign(style, getRadiusCSSFromGlobal('focus', radiusValue?.focus?.radiusType, device));
+            break;
+        case 'circle':
+        case 'none':
+        case 'custom':
+            Object.assign(style, getCustomRadius('focus', radiusValue.focus, device));
+            break;
+    }
+    return style;
+};
+const composeRadiusResponsiveState = (radiusValue)=>{
+    const style = {};
+    Object.assign(style, composeRadiusState(radiusValue?.desktop, 'desktop'));
+    Object.assign(style, composeRadiusState(radiusValue?.tablet, 'tablet'));
+    Object.assign(style, composeRadiusState(radiusValue?.mobile, 'mobile'));
+    return style;
+};
+const getRadiusStyleActiveState = (radiusValue)=>{
+    if (radiusValue?.active?.radiusType === 'custom') {
+        return getCustomRadius('normal', radiusValue?.active);
+    }
+    return getRadiusCSSFromGlobal('normal', radiusValue?.active?.radiusType);
+};
+const composeCornerCss = (value, important = false)=>{
+    if (!value) {
+        return '';
+    }
+    const { radiusType, bblr, bbrr, btlr, btrr } = value;
+    const sub = important ? ' !important' : '';
+    let radiusValue = undefined;
+    switch(radiusType){
+        case 'medium':
+        case 'large':
+        case 'small':
+            radiusValue = `border-radius: var(--g-radius-${radiusType});`;
+            break;
+        case 'circle':
+        case 'none':
+        case 'custom':
+            radiusValue = `
+      ${bblr ? `border-bottom-left-radius: ${bblr}${sub};` : ''}
+      ${bbrr ? `border-bottom-right-radius: ${bbrr}${sub};` : ''}
+      ${btlr ? `border-top-left-radius: ${btlr}${sub};` : ''}
+      ${btrr ? `border-top-right-radius: ${btrr}${sub};` : ''}
+      `;
+            break;
+    }
+    return radiusValue;
+};
+
+exports.composeCornerCss = composeCornerCss;
+exports.composeRadius = composeRadius;
+exports.composeRadiusResponsive = composeRadiusResponsive;
+exports.getCornerCSSFromGlobal = getCornerCSSFromGlobal;
+exports.getCustomRadius = getCustomRadius;
+exports.getRadiusCSSFromGlobal = getRadiusCSSFromGlobal;
+exports.getRadiusStyleActiveState = getRadiusStyleActiveState;

package/dist/cjs/helpers/render.js

@@ -1 +1,78 @@
-"use strict";const RenderIf=(e,t,o)=>e?"string"==typeof t?t:t():("string"==typeof o?o:o?.())??"",isObject=e=>!("object"!=typeof e||Array.isArray(e))&&null!==e,props=(e,...t)=>{let o=t[0],r=[];for(let e in o)if(Object.hasOwnProperty.call(o,e)){let t=o[e];["symbol","object","function"].includes(typeof t)||(t?r.push(`${e}="${t}"`):r.push(`${e}`))}return r.join(" ")},styles=(e,...t)=>{let o=t[0],r=[];for(let e in o)if(Object.hasOwnProperty.call(o,e)){let t=o[e];void 0!==t&&!1!==t&&r.push(`${e}:${t}`)}return r.join(";")},dataStringify=e=>JSON.stringify(e).replace(/\\"/g,'"'),template=(e,...t)=>{let o="";return e.forEach((e,r)=>{o+=e,void 0!==t[r]&&(isObject(t[r])?/style=["|']/.test(e)?o+=styles`${t[r]}`:o+=props`${t[r]}`:o+=t[r])}),o},composeMemo=(e,t)=>e(),removeUndefinedValuesFromObject=e=>(Object.keys(e).forEach(t=>e?.[t]===void 0&&delete e[t]),e);exports.RenderIf=RenderIf,exports.composeMemo=composeMemo,exports.dataStringify=dataStringify,exports.props=props,exports.removeUndefinedValuesFromObject=removeUndefinedValuesFromObject,exports.styles=styles,exports.template=template;
+'use strict';
+
+const RenderIf = (c, t, f)=>c ? typeof t === 'string' ? t : t() : (typeof f === 'string' ? f : f?.()) ?? '';
+const isObject = (obj)=>{
+    if (typeof obj === 'object' && !Array.isArray(obj) && obj !== null) {
+        return true;
+    }
+    return false;
+};
+const props = (strings, ...keys)=>{
+    const props = keys[0];
+    const propsArr = [];
+    for(const attr in props){
+        if (Object.hasOwnProperty.call(props, attr)) {
+            const val = props[attr];
+            if (![
+                'symbol',
+                'object',
+                'function'
+            ].includes(typeof val)) {
+                if (val) {
+                    propsArr.push(`${attr}="${val}"`);
+                } else {
+                    propsArr.push(`${attr}`);
+                }
+            }
+        }
+    }
+    return propsArr.join(' ');
+};
+const styles = (strings, ...keys)=>{
+    const styles = keys[0];
+    const styleArr = [];
+    for(const attr in styles){
+        if (Object.hasOwnProperty.call(styles, attr)) {
+            const val = styles[attr];
+            if (val !== undefined && val !== false) styleArr.push(`${attr}:${val}`);
+        }
+    }
+    return styleArr.join(';');
+};
+const dataStringify = (obj)=>{
+    return JSON.stringify(obj).replace(/\\"/g, '"');
+};
+const template = (strings, ...keys)=>{
+    let str = '';
+    strings.forEach((item, index)=>{
+        str += item;
+        if (keys[index] !== undefined) {
+            if (isObject(keys[index])) {
+                if (/style=["|']/.test(item)) {
+                    str += styles`${keys[index]}`;
+                } else {
+                    str += props`${keys[index]}`;
+                }
+            } else {
+                str += keys[index];
+            }
+        }
+    });
+    str = str.replaceAll(`style=""`, '');
+    str = str.replaceAll(`class=""`, '');
+    return str;
+};
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const composeMemo = (fn, _)=>fn();
+const removeUndefinedValuesFromObject = (obj)=>{
+    Object.keys(obj).forEach((key)=>obj?.[key] === undefined && delete obj[key]);
+    return obj;
+};
+
+exports.RenderIf = RenderIf;
+exports.composeMemo = composeMemo;
+exports.dataStringify = dataStringify;
+exports.props = props;
+exports.removeUndefinedValuesFromObject = removeUndefinedValuesFromObject;
+exports.styles = styles;
+exports.template = template;

package/dist/cjs/helpers/shadow.js

@@ -1 +1,69 @@
-"use strict";var colors=require("./colors.js"),constant=require("./constant.js"),getShortname=require("./get-shortname.js");const parseValueWithUnit=t=>{let e=t.match(/(\d+)(.+)/);if(e&&3===e.length){let t=Number(e[1]??0),a=e[2];return{value:t,unit:a??"px"}}return{value:0,unit:"px"}},getStyleShadow=(t,e=!1)=>{let{styleAppliedFor:a,value:o,isEnableShadow:r}=t||{},{state:s}=t||{};if(s||(s="normal"),!a||!o||void 0===o.distance)return{};let{value:l,unit:n}=parseValueWithUnit(`${o?.distance}`);return{[`-${e?"":constant.stateMapping?.[s]}-${getShortname.getShortName(a)}`]:r?`${Math.cos(parseFloat(`${o?.angle}`)*Math.PI/180)*parseFloat(`${l}`)}${n} ${Math.sin(parseFloat(`${o?.angle}`)*Math.PI/180)*parseFloat(`${l}`)}${n} ${o?.blur} ${"box-shadow"===a?o?.spread+" ":""}${colors.getSingleColorVariable(o?.color)}`:"none"}},getStyleShadowState=(t,e,a)=>{if(!t||!e)return{};let o={};for(let[r,s]of Object.entries(t))Object.assign(o,getStyleShadow({value:s,state:r,styleAppliedFor:e,isEnableShadow:a?.[r]}));return o},composeShadowCss=({hasBoxShadow:t,boxShadowValue:e,important:a})=>{if(!t||!e)return;let{value:o,unit:r}=parseValueWithUnit(`${e?.distance}`),s=a?" !important":"";return`box-shadow: ${Math.cos(parseFloat(`${e?.angle}`)*Math.PI/180)*parseFloat(`${o}`)}${r} ${Math.sin(parseFloat(`${e?.angle}`)*Math.PI/180)*parseFloat(`${o}`)}${r} ${e?.blur} ${e?.spread+" "}${colors.getSingleColorVariable(e?.color)}${s};`};exports.composeShadowCss=composeShadowCss,exports.getStyleShadow=getStyleShadow,exports.getStyleShadowState=getStyleShadowState,exports.parseValueWithUnit=parseValueWithUnit;
+'use strict';
+
+var colors = require('./colors.js');
+var constant = require('./constant.js');
+var getShortname = require('./get-shortname.js');
+
+const parseValueWithUnit = (valueWithUnit)=>{
+    const matches = valueWithUnit.match(/(\d+)(.+)/);
+    if (matches && matches.length === 3) {
+        const value = Number(matches[1] ?? 0);
+        const unit = matches[2];
+        return {
+            value,
+            unit: unit ?? 'px'
+        };
+    }
+    return {
+        value: 0,
+        unit: 'px'
+    };
+};
+const getStyleShadow = (shadowStyle, isActiveState = false)=>{
+    const { styleAppliedFor, value, isEnableShadow } = shadowStyle || {};
+    let { state } = shadowStyle || {};
+    if (!state) state = 'normal';
+    if (!styleAppliedFor || !value) return {};
+    if (typeof value.distance == 'undefined') return {};
+    const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
+    return {
+        [`-${!isActiveState ? constant.stateMapping?.[state] || '' : ''}-${getShortname.getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: isEnableShadow ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
+    };
+};
+const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow, screen)=>{
+    if (!shadow || !styleAppliedFor) return {};
+    const style = {};
+    for (const [key, value] of Object.entries(shadow)){
+        Object.assign(style, getStyleShadow({
+            value: value,
+            state: key,
+            styleAppliedFor,
+            isEnableShadow: isEnableShadow?.[key],
+            screen: screen ?? ''
+        }));
+    }
+    return style;
+};
+const getResponsiveStyleShadow = (value, styleAppliedFor, isEnableShadow)=>{
+    if (!value) return undefined;
+    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
+        return {
+            ...getStyleShadowState(value.desktop, styleAppliedFor, isEnableShadow.desktop),
+            ...value.tablet && (isEnableShadow.tablet ?? isEnableShadow.desktop) ? getStyleShadowState(value.tablet, styleAppliedFor, isEnableShadow.tablet ?? isEnableShadow.desktop, 'tablet') : undefined,
+            ...value.mobile && (isEnableShadow.mobile ?? isEnableShadow.tablet ?? isEnableShadow.desktop) ? getStyleShadowState(value.mobile, styleAppliedFor, isEnableShadow.mobile ?? isEnableShadow.tablet ?? isEnableShadow.desktop, 'mobile') : undefined
+        };
+    }
+};
+const composeShadowCss = ({ hasBoxShadow, boxShadowValue, important })=>{
+    if (!hasBoxShadow) return undefined;
+    if (!boxShadowValue) return undefined;
+    const { value: distance, unit: unitDistance } = parseValueWithUnit(`${boxShadowValue?.distance}`);
+    const sub = important ? ' !important' : '';
+    return `box-shadow: ${Math.cos(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${boxShadowValue?.blur} ${boxShadowValue?.spread + ' '}${colors.getSingleColorVariable(boxShadowValue?.color)}${sub};`;
+};
+
+exports.composeShadowCss = composeShadowCss;
+exports.getResponsiveStyleShadow = getResponsiveStyleShadow;
+exports.getStyleShadow = getStyleShadow;
+exports.getStyleShadowState = getStyleShadowState;
+exports.parseValueWithUnit = parseValueWithUnit;