pixel-react 1.8.1 → 1.8.3

package/src/utils/FormatString/FormatString.stories.tsx

@@ -1,58 +1,58 @@
-import React from 'react';
-import formatString from './FormatString';
-
-export default {
-  title: 'Utils/FormatString',
-  component: formatString,
-};
-
-export const Default = () => {
-  const examples = [
-    {
-      input: 'webserviceCount',
-      output: formatString('webserviceCount', ['count']),
-      removeSections: 'count',
-    },
-    { input: 'PARTIAL_PUBLIC', output: formatString('PARTIAL_PUBLIC') },
-    { input: 'assignedMemory', output: formatString('assignedMemory') },
-    {
-      input: 'webAndMobileCount',
-      output: formatString('webAndMobileCount', ['count']),
-      removeSections: 'count',
-    },
-  ];
-
-  return (
-    <div>
-      <h3>FormatString Function Examples</h3>
-      <table style={{ borderCollapse: 'collapse', width: '100%' }}>
-        <thead>
-          <tr>
-            <th style={{ border: '1px solid black', padding: '8px' }}>Input</th>
-            <th style={{ border: '1px solid black', padding: '8px' }}>
-              Remove Section
-            </th>
-            <th style={{ border: '1px solid black', padding: '8px' }}>
-              Output
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          {examples.map((example, index) => (
-            <tr key={index}>
-              <td style={{ border: '1px solid black', padding: '8px' }}>
-                {example.input}
-              </td>
-              <td style={{ border: '1px solid black', padding: '8px' }}>
-                {example?.removeSections}
-              </td>
-              <td style={{ border: '1px solid black', padding: '8px' }}>
-                {example.output}
-              </td>
-            </tr>
-          ))}
-        </tbody>
-      </table>
-    </div>
-  );
-};
+import React from 'react';
+import formatString from './FormatString';
+
+export default {
+  title: 'Utils/FormatString',
+  component: formatString,
+};
+
+export const Default = () => {
+  const examples = [
+    {
+      input: 'webserviceCount',
+      output: formatString('webserviceCount', ['count']),
+      removeSections: 'count',
+    },
+    { input: 'PARTIAL_PUBLIC', output: formatString('PARTIAL_PUBLIC') },
+    { input: 'assignedMemory', output: formatString('assignedMemory') },
+    {
+      input: 'webAndMobileCount',
+      output: formatString('webAndMobileCount', ['count']),
+      removeSections: 'count',
+    },
+  ];
+
+  return (
+    <div>
+      <h3>FormatString Function Examples</h3>
+      <table style={{ borderCollapse: 'collapse', width: '100%' }}>
+        <thead>
+          <tr>
+            <th style={{ border: '1px solid black', padding: '8px' }}>Input</th>
+            <th style={{ border: '1px solid black', padding: '8px' }}>
+              Remove Section
+            </th>
+            <th style={{ border: '1px solid black', padding: '8px' }}>
+              Output
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          {examples.map((example, index) => (
+            <tr key={index}>
+              <td style={{ border: '1px solid black', padding: '8px' }}>
+                {example.input}
+              </td>
+              <td style={{ border: '1px solid black', padding: '8px' }}>
+                {example?.removeSections}
+              </td>
+              <td style={{ border: '1px solid black', padding: '8px' }}>
+                {example.output}
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+};

package/src/utils/FormatString/FormatString.tsx

@@ -1,41 +1,41 @@
-function formatCamelCaseString(
-  input: string,
-  removeSections: string[] = []
-): string {
-  // Removed specified sections from the string
-  const processedString = removeSections.reduce(
-    (str, section) => str.replace(new RegExp(section + '$', 'i'), ''),
-    input
-  );
-
-  // Add spaces before capital letters and capitalized the first letter
-  const formatted = processedString
-    .replace(/([A-Z])/g, ' $1')
-    .trim()
-    .replace(/^./, (str) => str.toUpperCase());
-
-  return formatted;
-}
-function formatSnakeOrUppercaseString(input: string): string {
-  return input
-    .toLowerCase()
-    .replace(/_/g, ' ')
-    .replace(/^./, (str) => str.toUpperCase());
-}
-
-export default function formatString(
-  input: string,
-  removeSections: string[] = []
-): string {
-  if (input.toUpperCase() === input) {
-    // Handled completely uppercase strings
-    input = input.toLowerCase();
-  }
-
-  if (input.includes('_')) {
-    // Handled snake case or uppercase strings
-    return formatSnakeOrUppercaseString(input);
-  }
-  // Handled camel case strings
-  return formatCamelCaseString(input, removeSections);
-}
+function formatCamelCaseString(
+  input: string,
+  removeSections: string[] = []
+): string {
+  // Removed specified sections from the string
+  const processedString = removeSections.reduce(
+    (str, section) => str.replace(new RegExp(section + '$', 'i'), ''),
+    input
+  );
+
+  // Add spaces before capital letters and capitalized the first letter
+  const formatted = processedString
+    .replace(/([A-Z])/g, ' $1')
+    .trim()
+    .replace(/^./, (str) => str.toUpperCase());
+
+  return formatted;
+}
+function formatSnakeOrUppercaseString(input: string): string {
+  return input
+    .toLowerCase()
+    .replace(/_/g, ' ')
+    .replace(/^./, (str) => str.toUpperCase());
+}
+
+export default function formatString(
+  input: string,
+  removeSections: string[] = []
+): string {
+  if (input.toUpperCase() === input) {
+    // Handled completely uppercase strings
+    input = input.toLowerCase();
+  }
+
+  if (input.includes('_')) {
+    // Handled snake case or uppercase strings
+    return formatSnakeOrUppercaseString(input);
+  }
+  // Handled camel case strings
+  return formatCamelCaseString(input, removeSections);
+}

package/src/utils/TableCell/TableCell.ts

@@ -1,16 +1,16 @@
-export const prepareData = (dataObj: any, columnObj: any) => {
-  let cellData = dataObj[columnObj.accessor];
-  if (columnObj.cell) {
-    return columnObj.cell({
-      value: cellData,
-      row: dataObj,
-      column: columnObj.accessor,
-    });
-  } else if (columnObj.accessor) {
-    return cellData;
-  } else if (cellData && typeof cellData !== 'object') {
-    return cellData;
-  } else {
-    return '--';
-  }
-};
+export const prepareData = (dataObj: any, columnObj: any) => {
+  let cellData = dataObj[columnObj.accessor];
+  if (columnObj.cell) {
+    return columnObj.cell({
+      value: cellData,
+      row: dataObj,
+      column: columnObj.accessor,
+    });
+  } else if (columnObj.accessor) {
+    return cellData;
+  } else if (cellData && typeof cellData !== 'object') {
+    return cellData;
+  } else {
+    return '--';
+  }
+};

package/src/utils/capitalize/capitalize.stories.tsx

@@ -1,44 +1,44 @@
-import React from 'react';
-import { capitalize } from './capitalize';
-
-export default {
-  title: 'Utils/Capitalize', // Organize under the "Utils" category
-  component: capitalize,
-};
-
-export const Default = () => {
-  const examples = [
-    { input: 'hello', output: capitalize('hello') },
-    { input: 'world', output: capitalize('world') },
-    { input: '', output: capitalize('') },
-    { input: 'capitalize', output: capitalize('capitalize') },
-  ];
-
-  return (
-    <div>
-      <h3>Capitalize Function Examples</h3>
-      <table style={{ borderCollapse: 'collapse', width: '100%' }}>
-        <thead>
-          <tr>
-            <th style={{ border: '1px solid black', padding: '8px' }}>Input</th>
-            <th style={{ border: '1px solid black', padding: '8px' }}>
-              Output
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          {examples.map((example, index) => (
-            <tr key={index}>
-              <td style={{ border: '1px solid black', padding: '8px' }}>
-                {example.input}
-              </td>
-              <td style={{ border: '1px solid black', padding: '8px' }}>
-                {example.output}
-              </td>
-            </tr>
-          ))}
-        </tbody>
-      </table>
-    </div>
-  );
-};
+import React from 'react';
+import { capitalize } from './capitalize';
+
+export default {
+  title: 'Utils/Capitalize', // Organize under the "Utils" category
+  component: capitalize,
+};
+
+export const Default = () => {
+  const examples = [
+    { input: 'hello', output: capitalize('hello') },
+    { input: 'world', output: capitalize('world') },
+    { input: '', output: capitalize('') },
+    { input: 'capitalize', output: capitalize('capitalize') },
+  ];
+
+  return (
+    <div>
+      <h3>Capitalize Function Examples</h3>
+      <table style={{ borderCollapse: 'collapse', width: '100%' }}>
+        <thead>
+          <tr>
+            <th style={{ border: '1px solid black', padding: '8px' }}>Input</th>
+            <th style={{ border: '1px solid black', padding: '8px' }}>
+              Output
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          {examples.map((example, index) => (
+            <tr key={index}>
+              <td style={{ border: '1px solid black', padding: '8px' }}>
+                {example.input}
+              </td>
+              <td style={{ border: '1px solid black', padding: '8px' }}>
+                {example.output}
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+};

package/src/utils/capitalize/capitalize.tsx

@@ -1,4 +1,4 @@
-export const capitalize = (text: string): string => {
-  if (!text) return '';
-  return text.charAt(0).toUpperCase() + text.slice(1);
-};
+export const capitalize = (text: string): string => {
+  if (!text) return '';
+  return text.charAt(0).toUpperCase() + text.slice(1);
+};

package/src/utils/checkDuplicates/CheckDuplicates.stories.tsx

@@ -1,40 +1,40 @@
-import React from 'react';
-import { Meta, StoryObj } from '@storybook/react';
-import { hasDuplicateFile } from './checkDuplicates';
-
-export default {
-  title: 'Utils/HasDuplicateFile',
-  argTypes: {
-    array: {
-      control: 'object',
-      description: 'Array of objects to check for duplicates.',
-    },
-    property: {
-      control: 'text',
-      description: 'Optional property to check for duplicates.',
-    },
-  },
-} satisfies Meta;
-
-export const Default: StoryObj = {
-  args: {
-    array: [
-      { id: 1, name: 'file1' },
-      { id: 2, name: 'file2' },
-      { id: 1, name: 'file1' },
-    ],
-    property: 'id',
-  },
-  render: (args) => {
-    const result = hasDuplicateFile(args.array, args.property);
-    return (
-      <div>
-        <h3>
-          Duplicate Check Result:{' '}
-          {result ? 'Duplicates Found' : 'No Duplicates'}
-        </h3>
-        <pre>{JSON.stringify(args.array, null, 2)}</pre>
-      </div>
-    );
-  },
-};
+import React from 'react';
+import { Meta, StoryObj } from '@storybook/react';
+import { hasDuplicateFile } from './checkDuplicates';
+
+export default {
+  title: 'Utils/HasDuplicateFile',
+  argTypes: {
+    array: {
+      control: 'object',
+      description: 'Array of objects to check for duplicates.',
+    },
+    property: {
+      control: 'text',
+      description: 'Optional property to check for duplicates.',
+    },
+  },
+} satisfies Meta;
+
+export const Default: StoryObj = {
+  args: {
+    array: [
+      { id: 1, name: 'file1' },
+      { id: 2, name: 'file2' },
+      { id: 1, name: 'file1' },
+    ],
+    property: 'id',
+  },
+  render: (args) => {
+    const result = hasDuplicateFile(args.array, args.property);
+    return (
+      <div>
+        <h3>
+          Duplicate Check Result:{' '}
+          {result ? 'Duplicates Found' : 'No Duplicates'}
+        </h3>
+        <pre>{JSON.stringify(args.array, null, 2)}</pre>
+      </div>
+    );
+  },
+};

package/src/utils/checkDuplicates/checkDuplicates.ts

@@ -1,13 +1,13 @@
-// Will be used to find duplicate key-value pair in an array of objects.
-
-export const hasDuplicateFile = (array: any[], property: string): boolean => {
-  const seen = new Set();
-  for (const obj of array) {
-    const key = property ? obj[property] : JSON.stringify(obj);
-    if (seen.has(key)) {
-      return true;
-    }
-    seen.add(key);
-  }
-  return false;
-};
+// Will be used to find duplicate key-value pair in an array of objects.
+
+export const hasDuplicateFile = (array: any[], property: string): boolean => {
+  const seen = new Set();
+  for (const obj of array) {
+    const key = property ? obj[property] : JSON.stringify(obj);
+    if (seen.has(key)) {
+      return true;
+    }
+    seen.add(key);
+  }
+  return false;
+};

package/src/utils/checkEmpty/checkEmpty.stories.tsx

@@ -1,34 +1,34 @@
-import { checkEmpty } from './checkEmpty';
-
-export default {
-  title: 'Utils/checkEmpty',
-  component: checkEmpty,
-};
-
-export const Default = () => {
-  const testCases = [
-    { value: null, expected: true },
-    { value: undefined, expected: true },
-    { value: '', expected: true },
-    { value: [], expected: true },
-    { value: {}, expected: true },
-    { value: 0, expected: true },
-    { value: 'Hello', expected: false },
-    { value: [1, 2, 3], expected: false },
-    { value: { key: 'value' }, expected: false },
-  ];
-
-  return (
-    <div>
-      <h1>
-        <u>checkEmpty(value)</u> - true / false
-      </h1>
-      {testCases.map((test, index) => (
-        <div key={index}>
-          checkEmpty( {JSON.stringify(test.value)} ) -
-          {checkEmpty(test.value) ? 'True' : 'False'}
-        </div>
-      ))}
-    </div>
-  );
-};
+import { checkEmpty } from './checkEmpty';
+
+export default {
+  title: 'Utils/checkEmpty',
+  component: checkEmpty,
+};
+
+export const Default = () => {
+  const testCases = [
+    { value: null, expected: true },
+    { value: undefined, expected: true },
+    { value: '', expected: true },
+    { value: [], expected: true },
+    { value: {}, expected: true },
+    { value: 0, expected: true },
+    { value: 'Hello', expected: false },
+    { value: [1, 2, 3], expected: false },
+    { value: { key: 'value' }, expected: false },
+  ];
+
+  return (
+    <div>
+      <h1>
+        <u>checkEmpty(value)</u> - true / false
+      </h1>
+      {testCases.map((test, index) => (
+        <div key={index}>
+          checkEmpty( {JSON.stringify(test.value)} ) -
+          {checkEmpty(test.value) ? 'True' : 'False'}
+        </div>
+      ))}
+    </div>
+  );
+};

package/src/utils/checkEmpty/checkEmpty.ts

@@ -1,24 +1,24 @@
-type valueType = any;
-
-export const checkEmpty = (value: valueType): boolean => {
-  // Check for null or undefined
-  if (value == null) return true;
-
-  // Check for strings
-  if (typeof value === 'string') return value.trim().length === 0;
-
-  // Check for arrays
-  if (Array.isArray(value)) return value.length === 0;
-
-  // Check for objects
-  if (typeof value === 'object') {
-    // Handle Map and Set
-    if (value instanceof Map || value instanceof Set) return value.size === 0;
-
-    // Handle regular objects
-    return Object.keys(value).length === 0;
-  }
-
-  // For all other types (numbers, booleans, etc.), return false as they are not "empty"
-  return false;
-};
+type valueType = any;
+
+export const checkEmpty = (value: valueType): boolean => {
+  // Check for null or undefined
+  if (value == null) return true;
+
+  // Check for strings
+  if (typeof value === 'string') return value.trim().length === 0;
+
+  // Check for arrays
+  if (Array.isArray(value)) return value.length === 0;
+
+  // Check for objects
+  if (typeof value === 'object') {
+    // Handle Map and Set
+    if (value instanceof Map || value instanceof Set) return value.size === 0;
+
+    // Handle regular objects
+    return Object.keys(value).length === 0;
+  }
+
+  // For all other types (numbers, booleans, etc.), return false as they are not "empty"
+  return false;
+};