@react-pakistan/util-functions 1.23.33 → 1.23.34

package/storybook/react-logo-story-template.js

@@ -11,50 +11,5 @@
 /** End file docs */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactLogoStoryTemplate = void 0;
-const reactLogoStoryTemplate = (category, logoListDirName) => `/*
- * Generated by scripts/generate-logos.js
- * DO NOT EDIT!
- */
-
-import React, { FC, ReactElement } from 'react';
-import { LogoWrapper, LogoTextWrapper, LogoItem, ILogoProps } from '../styled';
-import { StyledStory } from '../styled-app';
-import { LOGO_LIST } from './${logoListDirName}';
-
-const logoStyle = { width: '7rem', height: '7rem' };
-
-const renderItem = (
-  item: { logo: FC<ILogoProps>, name: string }
-): ReactElement => {
-  const Logo = item.logo;
-  return (
-    <LogoItem
-      key={item.name}
-    >
-      <Logo style={logoStyle} />
-      <LogoTextWrapper>
-        {item.name}
-      </LogoTextWrapper>
-    </LogoItem>
-  );
-};
-
-const logos = LOGO_LIST.map(renderItem);
-
-export const ${category} = (): ReactElement => (
-  <StyledStory>
-    <LogoWrapper>
-      {logos}
-    </LogoWrapper>
-  </StyledStory>
-);
-
-export default {
-  title: 'Logo/${category}',
-
-  parameters: {
-    component: ${category},
-  },
-};
-`;
+var reactLogoStoryTemplate = function (category, logoListDirName) { return "/*\n * Generated by scripts/generate-logos.js\n * DO NOT EDIT!\n */\n\nimport React, { FC, ReactElement } from 'react';\nimport { LogoWrapper, LogoTextWrapper, LogoItem, ILogoProps } from '../styled';\nimport { StyledStory } from '../styled-app';\nimport { LOGO_LIST } from './".concat(logoListDirName, "';\n\nconst logoStyle = { width: '7rem', height: '7rem' };\n\nconst renderItem = (\n  item: { logo: FC<ILogoProps>, name: string }\n): ReactElement => {\n  const Logo = item.logo;\n  return (\n    <LogoItem\n      key={item.name}\n    >\n      <Logo style={logoStyle} />\n      <LogoTextWrapper>\n        {item.name}\n      </LogoTextWrapper>\n    </LogoItem>\n  );\n};\n\nconst logos = LOGO_LIST.map(renderItem);\n\nexport const ").concat(category, " = (): ReactElement => (\n  <StyledStory>\n    <LogoWrapper>\n      {logos}\n    </LogoWrapper>\n  </StyledStory>\n);\n\nexport default {\n  title: 'Logo/").concat(category, "',\n\n  parameters: {\n    component: ").concat(category, ",\n  },\n};\n"); };
 exports.reactLogoStoryTemplate = reactLogoStoryTemplate;

package/storybook/responsive-component.js

@@ -1,51 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.responsiveComponent = void 0;
-const theme_1 = require("./theme");
-const responsiveComponent = ({ $desktop, $laptop, $laptopL, $mobileL, $mobileM, $mobileS, $tablet, }) => {
-    const mobileSToReturn = $mobileS && `
-    @media ${theme_1.theme.breakpoints.mobileS} {
-      ${$mobileS}
-    }
-  `;
-    const mobileMToReturn = $mobileM && `
-    @media ${theme_1.theme.breakpoints.mobileM} {
-      ${$mobileM}
-    }
-  `;
-    const mobileLToReturn = $mobileL && `
-    @media ${theme_1.theme.breakpoints.mobileL} {
-      ${$mobileL}
-    }
-  `;
-    const tabletToReturn = $tablet && `
-    @media ${theme_1.theme.breakpoints.tablet} {
-      ${$tablet}
-    }
-  `;
-    const laptopToReturn = $laptop && `
-    @media ${theme_1.theme.breakpoints.laptop} {
-      ${$laptop}
-    }
-  `;
-    const laptopLToReturn = $laptopL && `
-    @media ${theme_1.theme.breakpoints.laptopL} {
-      ${$laptopL}
-    }
-  `;
-    const desktopToReturn = $desktop && `
-    @media ${theme_1.theme.breakpoints.desktop} {
-      ${$desktop}
-    }
-  `;
-    return `
-    ${mobileSToReturn}
-    ${mobileMToReturn}
-    ${mobileLToReturn}
-    ${tabletToReturn}
-    ${laptopToReturn}
-    ${laptopLToReturn}
-    ${desktopToReturn}
-  `;
+var theme_1 = require("./theme");
+var responsiveComponent = function (_a) {
+    var $desktop = _a.$desktop, $laptop = _a.$laptop, $laptopL = _a.$laptopL, $mobileL = _a.$mobileL, $mobileM = _a.$mobileM, $mobileS = _a.$mobileS, $tablet = _a.$tablet;
+    var mobileSToReturn = $mobileS && "\n    @media ".concat(theme_1.theme.breakpoints.mobileS, " {\n      ").concat($mobileS, "\n    }\n  ");
+    var mobileMToReturn = $mobileM && "\n    @media ".concat(theme_1.theme.breakpoints.mobileM, " {\n      ").concat($mobileM, "\n    }\n  ");
+    var mobileLToReturn = $mobileL && "\n    @media ".concat(theme_1.theme.breakpoints.mobileL, " {\n      ").concat($mobileL, "\n    }\n  ");
+    var tabletToReturn = $tablet && "\n    @media ".concat(theme_1.theme.breakpoints.tablet, " {\n      ").concat($tablet, "\n    }\n  ");
+    var laptopToReturn = $laptop && "\n    @media ".concat(theme_1.theme.breakpoints.laptop, " {\n      ").concat($laptop, "\n    }\n  ");
+    var laptopLToReturn = $laptopL && "\n    @media ".concat(theme_1.theme.breakpoints.laptopL, " {\n      ").concat($laptopL, "\n    }\n  ");
+    var desktopToReturn = $desktop && "\n    @media ".concat(theme_1.theme.breakpoints.desktop, " {\n      ").concat($desktop, "\n    }\n  ");
+    return "\n    ".concat(mobileSToReturn, "\n    ").concat(mobileMToReturn, "\n    ").concat(mobileLToReturn, "\n    ").concat(tabletToReturn, "\n    ").concat(laptopToReturn, "\n    ").concat(laptopLToReturn, "\n    ").concat(desktopToReturn, "\n  ");
 };
 exports.responsiveComponent = responsiveComponent;

package/storybook/theme.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.theme = void 0;
-const colors = {
+var colors = {
     absoluteWhite: '#FFFFFF',
     absoluteBlack: '#000000',
     ash50: '#FBFBFD',
@@ -427,7 +427,7 @@ const colors = {
     skyBlue: '#1E90FF',
     white: '#FFFFFF',
 };
-const typography = {
+var typography = {
     fontFamily: 'Montserrat',
     h1: {
         fontFamily: 'Playfair Display',
@@ -692,7 +692,7 @@ const typography = {
     },
 };
 exports.theme = {
-    typography,
+    typography: typography,
     avatarSizes: {
         small: '16px',
         medium: '24px',
@@ -708,7 +708,7 @@ exports.theme = {
         laptopL: 'only screen and (min-width: 1440px) and (max-width: 2559px)',
         desktop: 'only screen and (min-width: 2560px)',
     },
-    colors,
+    colors: colors,
     // light: {
     //   neutral0: '',
     //   get neutral0Val() { return this.colors.white; },

package/general/upload-image-blob-to-private-supabase.d.ts

@@ -1,11 +0,0 @@
-export interface UploadImageBlobToPrivateSupabaseArgs {
-    blob: Blob;
-    contentType: string;
-    fileRef: string;
-    supabase: any;
-    upsert: boolean;
-}
-export declare const uploadImageBlobToPrivateSupabase: ({ blob, contentType, fileRef, supabase, upsert, }: UploadImageBlobToPrivateSupabaseArgs) => Promise<{
-    data: any;
-    error: any;
-}>;

package/general/upload-image-blob-to-private-supabase.js

@@ -1,27 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.uploadImageBlobToPrivateSupabase = void 0;
-const uploadImageBlobToPrivateSupabase = (_a) => __awaiter(void 0, [_a], void 0, function* ({ blob, contentType, fileRef, supabase, upsert, }) {
-    const { data, error } = yield supabase.storage
-        .from(process.env.NEXT_PUBLIC_SUPABASE_PRIVATE_BUCKET)
-        .upload(fileRef, blob, {
-        cacheControl: process.env.NEXT_PUBLIC_SUPABASE_CACHE_CONTROL,
-        contentType,
-        upsert,
-    });
-    return {
-        data,
-        error,
-    };
-});
-exports.uploadImageBlobToPrivateSupabase = uploadImageBlobToPrivateSupabase;

package/general/upload-image-blob-to-public-supabase.d.ts

@@ -1,11 +0,0 @@
-export interface UploadImageBlobToPublicSupabaseArgs {
-    blob: Blob;
-    contentType: string;
-    fileRef: string;
-    supabase: any;
-    upsert: boolean;
-}
-export declare const uploadImageBlobToPublicSupabase: ({ blob, contentType, fileRef, supabase, upsert, }: UploadImageBlobToPublicSupabaseArgs) => Promise<{
-    data: any;
-    error: any;
-}>;

package/general/upload-image-blob-to-public-supabase.js

@@ -1,27 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.uploadImageBlobToPublicSupabase = void 0;
-const uploadImageBlobToPublicSupabase = (_a) => __awaiter(void 0, [_a], void 0, function* ({ blob, contentType, fileRef, supabase, upsert, }) {
-    const { data, error } = yield supabase.storage
-        .from(process.env.NEXT_PUBLIC_SUPABASE_PUBLIC_BUCKET)
-        .upload(fileRef, blob, {
-        cacheControl: process.env.NEXT_PUBLIC_SUPABASE_CACHE_CONTROL,
-        contentType,
-        upsert,
-    });
-    return {
-        data,
-        error,
-    };
-});
-exports.uploadImageBlobToPublicSupabase = uploadImageBlobToPublicSupabase;