@react-pakistan/util-functions 1.23.33 → 1.23.34

package/hooks/use-sticky.js

@@ -12,13 +12,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSticky = void 0;
 /* eslint-disable consistent-return */
-const react_1 = require("react");
-const use_toggle_state_1 = require("./use-toggle-state");
-const useSticky = (offset = 0) => {
-    const [isSticky, setSticky, clearSticky] = (0, use_toggle_state_1.useToggleState)();
-    (0, react_1.useLayoutEffect)(() => {
-        const onScroll = () => {
-            window.requestAnimationFrame(() => {
+var react_1 = require("react");
+var use_toggle_state_1 = require("./use-toggle-state");
+var useSticky = function (offset) {
+    if (offset === void 0) { offset = 0; }
+    var _a = (0, use_toggle_state_1.useToggleState)(), isSticky = _a[0], setSticky = _a[1], clearSticky = _a[2];
+    (0, react_1.useLayoutEffect)(function () {
+        var onScroll = function () {
+            window.requestAnimationFrame(function () {
                 if (window.pageYOffset > offset) {
                     setSticky();
                 }
@@ -29,7 +30,7 @@ const useSticky = (offset = 0) => {
         };
         if (window) {
             window.addEventListener('scroll', onScroll);
-            return () => {
+            return function () {
                 window.removeEventListener('scroll', onScroll);
             };
         }

package/hooks/use-toggle-state.js

@@ -11,13 +11,14 @@
 /** End file docs */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useToggleState = void 0;
-const react_1 = require("react");
-const useToggleState = (defaultValue = false) => {
-    const [state, setState] = (0, react_1.useState)(defaultValue);
-    const toggleOn = (0, react_1.useCallback)(() => {
+var react_1 = require("react");
+var useToggleState = function (defaultValue) {
+    if (defaultValue === void 0) { defaultValue = false; }
+    var _a = (0, react_1.useState)(defaultValue), state = _a[0], setState = _a[1];
+    var toggleOn = (0, react_1.useCallback)(function () {
         setState(true);
     }, [setState]);
-    const toggleOff = (0, react_1.useCallback)(() => {
+    var toggleOff = (0, react_1.useCallback)(function () {
         setState(false);
     }, [setState]);
     return [state, toggleOn, toggleOff];

package/hooks/use-window-event-listener.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWindowEventListener = void 0;
-const react_1 = require("react");
-const useWindowEventListener = (eventName, callback) => {
-    (0, react_1.useEffect)(() => {
+var react_1 = require("react");
+var useWindowEventListener = function (eventName, callback) {
+    (0, react_1.useEffect)(function () {
         window.addEventListener(eventName, callback);
-        return () => window.removeEventListener(eventName, callback);
+        return function () { return window.removeEventListener(eventName, callback); };
     }, [eventName, callback]);
 };
 exports.useWindowEventListener = useWindowEventListener;

package/local-storage/get-storage-value.js

@@ -2,9 +2,9 @@
 /* eslint-disable consistent-return */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStorageValue = void 0;
-const getStorageValue = (key) => {
+var getStorageValue = function (key) {
     try {
-        const value = localStorage.getItem(key);
+        var value = localStorage.getItem(key);
         try {
             return value === null ? value : JSON.parse(value);
         }

package/local-storage/remove-storage-value.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeStorageValue = void 0;
-const removeStorageValue = (key) => {
+var removeStorageValue = function (key) {
     try {
         localStorage.removeItem(key);
     }

package/local-storage/set-storage-value.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setStorageValue = void 0;
-const setStorageValue = (key, value) => {
+var setStorageValue = function (key, value) {
     try {
         localStorage.setItem(key, JSON.stringify(value));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pakistan/util-functions",
-  "version": "1.23.33",
+  "version": "1.23.34",
   "description": "A library of all util functions",
   "main": "index.js",
   "scripts": {

package/storybook/generate-sitemap.js

@@ -15,29 +15,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateSitemap = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const generateSitemap = (baseUrl, fs, stories) => {
-    let generatedSitemap = '';
-    Object.keys(stories).forEach((id) => {
-        generatedSitemap += `
-    <url>
-      <loc>${baseUrl}${id}</loc>
-      <changefreq>weekly</changefreq>
-      <priority>0.5</priority>
-      <lastmod>2020-10-10</lastmod>
-    </url>`;
+var generateSitemap = function (baseUrl, fs, stories) {
+    var generatedSitemap = '';
+    Object.keys(stories).forEach(function (id) {
+        generatedSitemap += "\n    <url>\n      <loc>".concat(baseUrl).concat(id, "</loc>\n      <changefreq>weekly</changefreq>\n      <priority>0.5</priority>\n      <lastmod>2020-10-10</lastmod>\n    </url>");
     });
-    const resolvedInitialUrl = baseUrl.split('?')[0];
-    const sitemap = `<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
-  <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" >
-    <url>
-      <loc>${resolvedInitialUrl}</loc>
-      <changefreq>daily</changefreq>
-      <priority>1</priority>
-      <lastmod>2020-10-10</lastmod>
-    </url>
-    ${generatedSitemap}
-  </urlset>
-  `;
+    var resolvedInitialUrl = baseUrl.split('?')[0];
+    var sitemap = "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\" ?>\n  <urlset xmlns=\"http://www.sitemaps.org/schemas/sitemap/0.9\" xmlns:xhtml=\"http://www.w3.org/1999/xhtml\" >\n    <url>\n      <loc>".concat(resolvedInitialUrl, "</loc>\n      <changefreq>daily</changefreq>\n      <priority>1</priority>\n      <lastmod>2020-10-10</lastmod>\n    </url>\n    ").concat(generatedSitemap, "\n  </urlset>\n  ");
     fs.writeFileSync('./sitemap.xml', sitemap);
 };
 exports.generateSitemap = generateSitemap;

package/storybook/preview.js

@@ -1,7 +1,18 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.globalTypes = exports.parameters = void 0;
-const responsive_screens_1 = require("./responsive-screens");
+var responsive_screens_1 = require("./responsive-screens");
 exports.parameters = {
     actions: {
         argTypesRegex: '^on[A-Z].*',
@@ -20,7 +31,7 @@ exports.parameters = {
     },
     controls: { expanded: true },
     viewport: {
-        viewports: Object.assign({}, responsive_screens_1.responsiveScreens),
+        viewports: __assign({}, responsive_screens_1.responsiveScreens),
     },
 };
 exports.globalTypes = {

package/storybook/react-design-story-script.js

@@ -11,23 +11,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateReactDesignScript = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const generateReactDesignScript = (fs) => {
-    const svgDir = './assets/templates/';
-    const saveDir = './scripts/';
-    let scriptOutput = `# Generated by scripts/generate-script.js
-# DO NO EDIT
-
-`;
+var generateReactDesignScript = function (fs) {
+    var svgDir = './assets/templates/';
+    var saveDir = './scripts/';
+    var scriptOutput = "# Generated by scripts/generate-script.js\n# DO NO EDIT\n\n";
     // Read root Svg logo directory
-    fs.readdirSync(svgDir).forEach((folderName) => {
+    fs.readdirSync(svgDir).forEach(function (folderName) {
         if (folderName === '.DS_Store')
             return;
         // const flowArray = folderName.split('-');
         // const flow = 'color';
         // eslint-disable-next-line max-len
-        scriptOutput += `svgr --template scripts/svgr-template.js --config-file scripts/.svgrrc-color.js -d src/templates/ --ext tsx assets/templates/${folderName}
-`;
+        scriptOutput += "svgr --template scripts/svgr-template.js --config-file scripts/.svgrrc-color.js -d src/templates/ --ext tsx assets/templates/".concat(folderName, "\n");
     });
-    fs.writeFileSync(`${saveDir}all-scripts.sh`, scriptOutput);
+    fs.writeFileSync("".concat(saveDir, "all-scripts.sh"), scriptOutput);
 };
 exports.generateReactDesignScript = generateReactDesignScript;

package/storybook/react-emoji-collection.js

@@ -12,52 +12,42 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateReactEmojis = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const react_emoji_story_template_1 = require("./react-emoji-story-template");
-const generateReactEmojis = (fs) => {
-    const emojiDir = './assets/';
-    const saveDir = './src/__stories__/';
+var react_emoji_story_template_1 = require("./react-emoji-story-template");
+var generateReactEmojis = function (fs) {
+    var emojiDir = './assets/';
+    var saveDir = './src/__stories__/';
     // Read root Emoji directory
-    fs.readdirSync(emojiDir).forEach((fileName) => {
-        let emojiListOutput = '';
-        let level1FileName = '';
+    fs.readdirSync(emojiDir).forEach(function (fileName) {
+        var emojiListOutput = '';
+        var level1FileName = '';
         if (fileName === '.DS_Store')
             return;
-        const level1Dir = `${emojiDir}${fileName}`;
+        var level1Dir = "".concat(emojiDir).concat(fileName);
         // Read level1-directory
-        fs.readdirSync(level1Dir).forEach((_level1FileName) => {
+        fs.readdirSync(level1Dir).forEach(function (_level1FileName) {
             if (_level1FileName === '.DS_Store')
                 return;
             level1FileName = _level1FileName;
-            const level2Dir = `${emojiDir}${fileName}/${_level1FileName}`;
-            emojiListOutput = `/**
- * Generated by scripts/generate-emojis.js.
- * DO NOT EDIT!
- */
-
-import * as Emojis from '../../${fileName}/${_level1FileName}';
-
-export const EMOJI_LIST = [
-`;
+            var level2Dir = "".concat(emojiDir).concat(fileName, "/").concat(_level1FileName);
+            emojiListOutput = "/**\n * Generated by scripts/generate-emojis.js.\n * DO NOT EDIT!\n */\n\nimport * as Emojis from '../../".concat(fileName, "/").concat(_level1FileName, "';\n\nexport const EMOJI_LIST = [\n");
             // Read level2-directory
-            fs.readdirSync(level2Dir).forEach((level2FileName) => {
+            fs.readdirSync(level2Dir).forEach(function (level2FileName) {
                 if (level2FileName === '.DS_Store')
                     return;
                 // eslint-disable-next-line max-len
-                emojiListOutput += `  { emoji: Emojis.${level2FileName.split('.')[0]}, name: '${level2FileName.split('.')[0]}' },
-`;
+                emojiListOutput += "  { emoji: Emojis.".concat(level2FileName.split('.')[0], ", name: '").concat(level2FileName.split('.')[0], "' },\n");
             });
-            emojiListOutput += `];
-  `;
-            if (!fs.existsSync(`${saveDir}${fileName}`)) {
-                fs.mkdirSync(`${saveDir}${fileName}`);
+            emojiListOutput += "];\n  ";
+            if (!fs.existsSync("".concat(saveDir).concat(fileName))) {
+                fs.mkdirSync("".concat(saveDir).concat(fileName));
             }
-            const mainCategoryName = fileName.split('-')
-                .map((str) => str[0].toUpperCase() + str.slice(1)).join('');
-            const subCategoryName = level1FileName.split('-')
-                .map((str) => str[0].toUpperCase() + str.slice(1)).join('');
-            const story = (0, react_emoji_story_template_1.reactEmojiStoryTemplate)(mainCategoryName, subCategoryName, level1FileName);
-            fs.writeFileSync(`${saveDir}${fileName}/${level1FileName}.ts`, emojiListOutput);
-            fs.writeFileSync(`${saveDir}${fileName}/${level1FileName}.story.tsx`, story);
+            var mainCategoryName = fileName.split('-')
+                .map(function (str) { return str[0].toUpperCase() + str.slice(1); }).join('');
+            var subCategoryName = level1FileName.split('-')
+                .map(function (str) { return str[0].toUpperCase() + str.slice(1); }).join('');
+            var story = (0, react_emoji_story_template_1.reactEmojiStoryTemplate)(mainCategoryName, subCategoryName, level1FileName);
+            fs.writeFileSync("".concat(saveDir).concat(fileName, "/").concat(level1FileName, ".ts"), emojiListOutput);
+            fs.writeFileSync("".concat(saveDir).concat(fileName, "/").concat(level1FileName, ".story.tsx"), story);
         });
     });
 };

package/storybook/react-emoji-story-script.js

@@ -11,27 +11,23 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateReactEmojiScript = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const generateReactEmojiScript = (fs) => {
-    const svgDir = './assets/';
-    const saveDir = './scripts/';
-    let scriptOutput = `# Generated by scripts/generate-script.js
-# DO NO EDIT
-
-`;
+var generateReactEmojiScript = function (fs) {
+    var svgDir = './assets/';
+    var saveDir = './scripts/';
+    var scriptOutput = "# Generated by scripts/generate-script.js\n# DO NO EDIT\n\n";
     // Read root Svg emoji directory
-    fs.readdirSync(svgDir).forEach((folderName) => {
+    fs.readdirSync(svgDir).forEach(function (folderName) {
         if (folderName === '.DS_Store')
             return;
-        const subDir = `${svgDir}${folderName}`;
+        var subDir = "".concat(svgDir).concat(folderName);
         // Read sub-directory
-        fs.readdirSync(subDir).forEach((subFolderName) => {
+        fs.readdirSync(subDir).forEach(function (subFolderName) {
             if (subFolderName === '.DS_Store')
                 return;
             // eslint-disable-next-line max-len
-            scriptOutput += `svgr --template scripts/svgr-template.js --config-file scripts/.svgrrc-color.js -d src/${folderName}/${subFolderName} --ext tsx assets/${folderName}/${subFolderName}
-`;
+            scriptOutput += "svgr --template scripts/svgr-template.js --config-file scripts/.svgrrc-color.js -d src/".concat(folderName, "/").concat(subFolderName, " --ext tsx assets/").concat(folderName, "/").concat(subFolderName, "\n");
         });
     });
-    fs.writeFileSync(`${saveDir}all-scripts.sh`, scriptOutput);
+    fs.writeFileSync("".concat(saveDir, "all-scripts.sh"), scriptOutput);
 };
 exports.generateReactEmojiScript = generateReactEmojiScript;

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

@@ -12,50 +12,5 @@
 /** End file docs */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactEmojiStoryTemplate = void 0;
-const reactEmojiStoryTemplate = (mainCategory, subCategory, emojiListDirName) => `/*
- * Generated by scripts/generate-emojis.js
- * DO NOT EDIT!
- */
-
-import React, { ReactElement } from 'react';
-import { EmojiWrapper, EmojiTextWrapper, EmojiItem } from '../../styled';
-import { StyledStory } from '../../styled-app';
-import { EMOJI_LIST } from './${emojiListDirName}';
-
-const emojiStyle = { width: '7rem', height: '7rem' };
-
-const renderItem = (
-  item: { emoji: React.FC<React.SVGProps<SVGSVGElement>>, name: string }
-): ReactElement => {
-  const Emoji = item.emoji;
-  return (
-    <EmojiItem
-      key={item.name}
-    >
-      <Emoji style={emojiStyle} />
-      <EmojiTextWrapper>
-        {item.name}
-      </EmojiTextWrapper>
-    </EmojiItem>
-  );
-};
-
-const emojis = EMOJI_LIST.map(renderItem);
-
-export const ${subCategory} = (): ReactElement => (
-  <StyledStory>
-    <EmojiWrapper>
-      {emojis}
-    </EmojiWrapper>
-  </StyledStory>
-);
-
-export default {
-  title: '${mainCategory}/${subCategory}',
-
-  parameters: {
-    component: ${subCategory},
-  },
-};
-`;
+var reactEmojiStoryTemplate = function (mainCategory, subCategory, emojiListDirName) { return "/*\n * Generated by scripts/generate-emojis.js\n * DO NOT EDIT!\n */\n\nimport React, { ReactElement } from 'react';\nimport { EmojiWrapper, EmojiTextWrapper, EmojiItem } from '../../styled';\nimport { StyledStory } from '../../styled-app';\nimport { EMOJI_LIST } from './".concat(emojiListDirName, "';\n\nconst emojiStyle = { width: '7rem', height: '7rem' };\n\nconst renderItem = (\n  item: { emoji: React.FC<React.SVGProps<SVGSVGElement>>, name: string }\n): ReactElement => {\n  const Emoji = item.emoji;\n  return (\n    <EmojiItem\n      key={item.name}\n    >\n      <Emoji style={emojiStyle} />\n      <EmojiTextWrapper>\n        {item.name}\n      </EmojiTextWrapper>\n    </EmojiItem>\n  );\n};\n\nconst emojis = EMOJI_LIST.map(renderItem);\n\nexport const ").concat(subCategory, " = (): ReactElement => (\n  <StyledStory>\n    <EmojiWrapper>\n      {emojis}\n    </EmojiWrapper>\n  </StyledStory>\n);\n\nexport default {\n  title: '").concat(mainCategory, "/").concat(subCategory, "',\n\n  parameters: {\n    component: ").concat(subCategory, ",\n  },\n};\n"); };
 exports.reactEmojiStoryTemplate = reactEmojiStoryTemplate;

package/storybook/react-icon-collection.js

@@ -12,41 +12,31 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateReactIcons = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const react_icon_story_template_1 = require("./react-icon-story-template");
-const generateReactIcons = (fs) => {
-    const iconDir = './assets/';
-    const saveDir = './src/__stories__/';
-    let iconListOutput = '';
-    let level1FileName = '';
+var react_icon_story_template_1 = require("./react-icon-story-template");
+var generateReactIcons = function (fs) {
+    var iconDir = './assets/';
+    var saveDir = './src/__stories__/';
+    var iconListOutput = '';
+    var level1FileName = '';
     // Read root Icon directory
-    fs.readdirSync(iconDir).forEach((fileName) => {
+    fs.readdirSync(iconDir).forEach(function (fileName) {
         if (fileName === '.DS_Store')
             return;
-        const level1Dir = `${iconDir}${fileName}`;
-        iconListOutput = `/**
- * Generated by scripts/generate-icons.js
- * DO NOT EDIT!
- */
-
-import * as Icons from '../${fileName}';
-
-export const ICON_LIST = [
-`;
+        var level1Dir = "".concat(iconDir).concat(fileName);
+        iconListOutput = "/**\n * Generated by scripts/generate-icons.js\n * DO NOT EDIT!\n */\n\nimport * as Icons from '../".concat(fileName, "';\n\nexport const ICON_LIST = [\n");
         // Read level1-directory
-        fs.readdirSync(level1Dir).forEach((_level1FileName) => {
+        fs.readdirSync(level1Dir).forEach(function (_level1FileName) {
             if (_level1FileName === '.DS_Store')
                 return;
             level1FileName = _level1FileName;
-            iconListOutput += `  { icon: Icons.${level1FileName.split('.')[0]}, name: '${level1FileName.split('.')[0]}' },
-`;
+            iconListOutput += "  { icon: Icons.".concat(level1FileName.split('.')[0], ", name: '").concat(level1FileName.split('.')[0], "' },\n");
         });
-        iconListOutput += `];
-`;
-        const categoryName = fileName.split('-')
-            .map((str) => str[0].toUpperCase() + str.slice(1)).join('');
-        const story = (0, react_icon_story_template_1.reactIconStoryTemplate)(categoryName, fileName);
-        fs.writeFileSync(`${saveDir}/${fileName}.ts`, iconListOutput);
-        fs.writeFileSync(`${saveDir}/${fileName}.story.tsx`, story);
+        iconListOutput += "];\n";
+        var categoryName = fileName.split('-')
+            .map(function (str) { return str[0].toUpperCase() + str.slice(1); }).join('');
+        var story = (0, react_icon_story_template_1.reactIconStoryTemplate)(categoryName, fileName);
+        fs.writeFileSync("".concat(saveDir, "/").concat(fileName, ".ts"), iconListOutput);
+        fs.writeFileSync("".concat(saveDir, "/").concat(fileName, ".story.tsx"), story);
     });
 };
 exports.generateReactIcons = generateReactIcons;

package/storybook/react-icon-story-script.js

@@ -11,23 +11,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateReactIconScript = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const generateReactIconScript = (fs) => {
-    const svgDir = './assets/';
-    const saveDir = './scripts/';
-    let scriptOutput = `# Generated by scripts/generate-script.js
-# DO NO EDIT
-
-`;
+var generateReactIconScript = function (fs) {
+    var svgDir = './assets/';
+    var saveDir = './scripts/';
+    var scriptOutput = "# Generated by scripts/generate-script.js\n# DO NO EDIT\n\n";
     // Read root Svg emoji directory
-    fs.readdirSync(svgDir).forEach((folderName) => {
+    fs.readdirSync(svgDir).forEach(function (folderName) {
         if (folderName === '.DS_Store')
             return;
-        const flowArray = folderName.split('-');
-        const flow = flowArray[flowArray.length - 1];
+        var flowArray = folderName.split('-');
+        var flow = flowArray[flowArray.length - 1];
         // eslint-disable-next-line max-len
-        scriptOutput += `svgr --template scripts/svgr-template.js --config-file scripts/.svgrrc-${flow}.js -d src/${folderName} --ext tsx assets/${folderName}
-`;
+        scriptOutput += "svgr --template scripts/svgr-template.js --config-file scripts/.svgrrc-".concat(flow, ".js -d src/").concat(folderName, " --ext tsx assets/").concat(folderName, "\n");
     });
-    fs.writeFileSync(`${saveDir}all-scripts.sh`, scriptOutput);
+    fs.writeFileSync("".concat(saveDir, "all-scripts.sh"), scriptOutput);
 };
 exports.generateReactIconScript = generateReactIconScript;

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

@@ -11,50 +11,5 @@
 /** End file docs */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactIconStoryTemplate = void 0;
-const reactIconStoryTemplate = (category, iconListDirName) => `/*
- * Generated by scripts/generate-icons.js
- * DO NOT EDIT!
- */
-
-import React, { ReactElement } from 'react';
-import { IconWrapper, IconTextWrapper, IconItem } from '../styled';
-import { StyledStory } from '../styled-app';
-import { ICON_LIST } from './${iconListDirName}';
-
-const iconStyle = { width: '7rem', height: '7rem' };
-
-const renderItem = (
-  item: { icon: React.FC<React.SVGProps<SVGSVGElement>>, name: string }
-): ReactElement => {
-  const Icon = item.icon;
-  return (
-    <IconItem
-      key={item.name}
-    >
-      <Icon style={iconStyle} />
-      <IconTextWrapper>
-        {item.name}
-      </IconTextWrapper>
-    </IconItem>
-  );
-};
-
-const icons = ICON_LIST.map(renderItem);
-
-export const ${category} = (): ReactElement => (
-  <StyledStory>
-    <IconWrapper>
-      {icons}
-    </IconWrapper>
-  </StyledStory>
-);
-
-export default {
-  title: 'Icon/${category}',
-
-  parameters: {
-    component: ${category},
-  },
-};
-`;
+var reactIconStoryTemplate = function (category, iconListDirName) { return "/*\n * Generated by scripts/generate-icons.js\n * DO NOT EDIT!\n */\n\nimport React, { ReactElement } from 'react';\nimport { IconWrapper, IconTextWrapper, IconItem } from '../styled';\nimport { StyledStory } from '../styled-app';\nimport { ICON_LIST } from './".concat(iconListDirName, "';\n\nconst iconStyle = { width: '7rem', height: '7rem' };\n\nconst renderItem = (\n  item: { icon: React.FC<React.SVGProps<SVGSVGElement>>, name: string }\n): ReactElement => {\n  const Icon = item.icon;\n  return (\n    <IconItem\n      key={item.name}\n    >\n      <Icon style={iconStyle} />\n      <IconTextWrapper>\n        {item.name}\n      </IconTextWrapper>\n    </IconItem>\n  );\n};\n\nconst icons = ICON_LIST.map(renderItem);\n\nexport const ").concat(category, " = (): ReactElement => (\n  <StyledStory>\n    <IconWrapper>\n      {icons}\n    </IconWrapper>\n  </StyledStory>\n);\n\nexport default {\n  title: 'Icon/").concat(category, "',\n\n  parameters: {\n    component: ").concat(category, ",\n  },\n};\n"); };
 exports.reactIconStoryTemplate = reactIconStoryTemplate;

package/storybook/react-logo-collection.js

@@ -12,41 +12,31 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateReactLogos = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const react_logo_story_template_1 = require("./react-logo-story-template");
-const generateReactLogos = (fs) => {
-    const logoDir = './assets/';
-    const saveDir = './src/__stories__/';
-    let logoListOutput = '';
-    let level1FileName = '';
+var react_logo_story_template_1 = require("./react-logo-story-template");
+var generateReactLogos = function (fs) {
+    var logoDir = './assets/';
+    var saveDir = './src/__stories__/';
+    var logoListOutput = '';
+    var level1FileName = '';
     // Read root Logo directory
-    fs.readdirSync(logoDir).forEach((fileName) => {
+    fs.readdirSync(logoDir).forEach(function (fileName) {
         if (fileName === '.DS_Store')
             return;
-        const level1Dir = `${logoDir}${fileName}`;
-        logoListOutput = `/**
- * Generated by scripts/generate-logos.js
- * DO NOT EDIT!
- */
-
-import * as Logos from '../${fileName}';
-
-export const LOGO_LIST = [
-`;
+        var level1Dir = "".concat(logoDir).concat(fileName);
+        logoListOutput = "/**\n * Generated by scripts/generate-logos.js\n * DO NOT EDIT!\n */\n\nimport * as Logos from '../".concat(fileName, "';\n\nexport const LOGO_LIST = [\n");
         // Read level1-directory
-        fs.readdirSync(level1Dir).forEach((_level1FileName) => {
+        fs.readdirSync(level1Dir).forEach(function (_level1FileName) {
             if (_level1FileName === '.DS_Store')
                 return;
             level1FileName = _level1FileName;
-            logoListOutput += `  { logo: Logos.${level1FileName.split('.')[0]}, name: '${level1FileName.split('.')[0]}' },
-`;
+            logoListOutput += "  { logo: Logos.".concat(level1FileName.split('.')[0], ", name: '").concat(level1FileName.split('.')[0], "' },\n");
         });
-        logoListOutput += `];
-`;
-        const categoryName = fileName.split('-')
-            .map((str) => str[0].toUpperCase() + str.slice(1)).join('');
-        const story = (0, react_logo_story_template_1.reactLogoStoryTemplate)(categoryName, fileName);
-        fs.writeFileSync(`${saveDir}/${fileName}.ts`, logoListOutput);
-        fs.writeFileSync(`${saveDir}/${fileName}.story.tsx`, story);
+        logoListOutput += "];\n";
+        var categoryName = fileName.split('-')
+            .map(function (str) { return str[0].toUpperCase() + str.slice(1); }).join('');
+        var story = (0, react_logo_story_template_1.reactLogoStoryTemplate)(categoryName, fileName);
+        fs.writeFileSync("".concat(saveDir, "/").concat(fileName, ".ts"), logoListOutput);
+        fs.writeFileSync("".concat(saveDir, "/").concat(fileName, ".story.tsx"), story);
     });
 };
 exports.generateReactLogos = generateReactLogos;

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

@@ -11,23 +11,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateReactLogoScript = void 0;
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const generateReactLogoScript = (fs) => {
-    const svgDir = './assets/';
-    const saveDir = './scripts/';
-    let scriptOutput = `# Generated by scripts/generate-script.js
-# DO NO EDIT
-
-`;
+var generateReactLogoScript = function (fs) {
+    var svgDir = './assets/';
+    var saveDir = './scripts/';
+    var scriptOutput = "# Generated by scripts/generate-script.js\n# DO NO EDIT\n\n";
     // Read root Svg logo directory
-    fs.readdirSync(svgDir).forEach((folderName) => {
+    fs.readdirSync(svgDir).forEach(function (folderName) {
         if (folderName === '.DS_Store')
             return;
-        const flowArray = folderName.split('-');
-        const flow = flowArray[flowArray.length - 1];
+        var flowArray = folderName.split('-');
+        var flow = flowArray[flowArray.length - 1];
         // eslint-disable-next-line max-len
-        scriptOutput += `svgr --template scripts/svgr-template.js --config-file scripts/.svgrrc-${flow}.js -d src/${folderName} --ext tsx assets/${folderName}
-`;
+        scriptOutput += "svgr --template scripts/svgr-template.js --config-file scripts/.svgrrc-".concat(flow, ".js -d src/").concat(folderName, " --ext tsx assets/").concat(folderName, "\n");
     });
-    fs.writeFileSync(`${saveDir}all-scripts.sh`, scriptOutput);
+    fs.writeFileSync("".concat(saveDir, "all-scripts.sh"), scriptOutput);
 };
 exports.generateReactLogoScript = generateReactLogoScript;