pixel-react 1.7.1 → 1.7.2

package/src/utils/truncateText/truncateText.stories.tsx

@@ -1,37 +1,37 @@
-import { truncateText } from './truncateText';
-
-export default {
-  title: 'Utils/truncateText',
-  component: truncateText,
-};
-
-export const Default = () => {
-  const testCases = [
-    {
-      text: 'This is a placeholder text that might be too long',
-      maxLength: 25,
-      expected: 'This is a placeholder text...',
-    },
-    { text: 'Short text', maxLength: 25, expected: 'Short text' },
-    { text: 'Another example', maxLength: 10, expected: 'Another ex...' },
-    { text: 'Testing with a long text', maxLength: 5, expected: 'Testi...' },
-    { text: '', maxLength: 10, expected: '' },
-    {
-      text: 'Exactly twenty-five chars!',
-      maxLength: 25,
-      expected: 'Exactly twenty-five chars!',
-    }, 
-  ];
-
-  return (
-    <div>
-      {testCases.map((test, index) => (
-        <div key={index}>
-          truncateText({JSON.stringify(test.text)}, {test.maxLength}) -
-          Expected: {test.expected}, Result:{' '}
-          {truncateText(test.text, test.maxLength)}
-        </div>
-      ))}
-    </div>
-  );
-};
+import { truncateText } from './truncateText';
+
+export default {
+  title: 'Utils/truncateText',
+  component: truncateText,
+};
+
+export const Default = () => {
+  const testCases = [
+    {
+      text: 'This is a placeholder text that might be too long',
+      maxLength: 25,
+      expected: 'This is a placeholder text...',
+    },
+    { text: 'Short text', maxLength: 25, expected: 'Short text' },
+    { text: 'Another example', maxLength: 10, expected: 'Another ex...' },
+    { text: 'Testing with a long text', maxLength: 5, expected: 'Testi...' },
+    { text: '', maxLength: 10, expected: '' },
+    {
+      text: 'Exactly twenty-five chars!',
+      maxLength: 25,
+      expected: 'Exactly twenty-five chars!',
+    }, 
+  ];
+
+  return (
+    <div>
+      {testCases.map((test, index) => (
+        <div key={index}>
+          truncateText({JSON.stringify(test.text)}, {test.maxLength}) -
+          Expected: {test.expected}, Result:{' '}
+          {truncateText(test.text, test.maxLength)}
+        </div>
+      ))}
+    </div>
+  );
+};

package/src/utils/truncateText/truncateText.ts

@@ -1,4 +1,4 @@
-export const truncateText = (text: string, maxLength: number): string => {
-  if (!text || maxLength <= 0) return ''; 
-  return text.length > maxLength ? `${text.substring(0, maxLength)}...` : text;
-};
+export const truncateText = (text: string, maxLength: number): string => {
+  if (!text || maxLength <= 0) return ''; 
+  return text.length > maxLength ? `${text.substring(0, maxLength)}...` : text;
+};

package/tsconfig.json

@@ -1,55 +1,55 @@
-{
-  "compilerOptions": {
-    /* Language and Environment */
-    "target": "esnext" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
-    "jsx": "react-jsx" /* Specify what JSX code is generated. */,
-
-    /* Modules */
-    "module": "ESNext" /* Specify what module code is generated. */,
-    "moduleResolution": "Node" /* Specify how TypeScript looks up a file from a given module specifier. */,
-
-    /* JavaScript Support */
-    "allowJs": false /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */,
-    "maxNodeModuleJsDepth": 1 /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */,
-
-    /* Emit */
-    "declaration": true /* Generate .d.ts files from TypeScript and JavaScript files in your project. */,
-    // "emitDeclarationOnly": true /* Only output d.ts files and not JavaScript files. */,
-    "sourceMap": true /* Create source map files for emitted JavaScript files. */,
-    "outDir": "lib" /* Specify an output folder for all emitted files. */,
-    "declarationDir": "lib" /* Specify the output directory for generated declaration files. */,
-
-    /* Interop Constraints */
-    "allowSyntheticDefaultImports": true /* Allow 'import x from y' when a module doesn't have a default export. */,
-    "esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */,
-    "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
-
-    /* Type Checking */
-    "strict": true /* Enable all strict type-checking options. */,
-    "noUnusedLocals": true /* Enable error reporting when local variables aren't read. */,
-    "noUnusedParameters": true /* Raise an error when a function parameter isn't read. */,
-    "noImplicitReturns": true /* Enable error reporting for codepaths that do not explicitly return in a function. */,
-    "noFallthroughCasesInSwitch": true /* Enable error reporting for fallthrough cases in switch statements. */,
-    "noUncheckedIndexedAccess": true /* Add 'undefined' to a type when accessed using an index. */,
-    "allowUnreachableCode": false /* Disable error reporting for unreachable code. */,
-
-    /* Completeness */
-    "skipLibCheck": true /* Skip type checking all .d.ts files. */,
-    "types": ["vite-plugin-svgr/client"],
-    "noEmit": true,
-
-    //Able to import json file with alias name
-    "resolveJsonModule": true
-
-    // Path alias
-    // "paths": {
-    //   "@components": ["./src/components/"],
-    //   "@styles": ["./src/assets/styles/"],
-    //   "@icons": ["./src/assets/icons/"],
-    //   "@/*": ["./src/*"]
-    // }
-  },
-
-  "include": ["src"],
-  "exclude": ["node_modules", "lib", "**/*.stories.tsx"]
-}
+{
+  "compilerOptions": {
+    /* Language and Environment */
+    "target": "esnext" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
+    "jsx": "react-jsx" /* Specify what JSX code is generated. */,
+
+    /* Modules */
+    "module": "ESNext" /* Specify what module code is generated. */,
+    "moduleResolution": "Node" /* Specify how TypeScript looks up a file from a given module specifier. */,
+
+    /* JavaScript Support */
+    "allowJs": false /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */,
+    "maxNodeModuleJsDepth": 1 /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */,
+
+    /* Emit */
+    "declaration": true /* Generate .d.ts files from TypeScript and JavaScript files in your project. */,
+    // "emitDeclarationOnly": true /* Only output d.ts files and not JavaScript files. */,
+    "sourceMap": true /* Create source map files for emitted JavaScript files. */,
+    "outDir": "lib" /* Specify an output folder for all emitted files. */,
+    "declarationDir": "lib" /* Specify the output directory for generated declaration files. */,
+
+    /* Interop Constraints */
+    "allowSyntheticDefaultImports": true /* Allow 'import x from y' when a module doesn't have a default export. */,
+    "esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */,
+    "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
+
+    /* Type Checking */
+    "strict": true /* Enable all strict type-checking options. */,
+    "noUnusedLocals": true /* Enable error reporting when local variables aren't read. */,
+    "noUnusedParameters": true /* Raise an error when a function parameter isn't read. */,
+    "noImplicitReturns": true /* Enable error reporting for codepaths that do not explicitly return in a function. */,
+    "noFallthroughCasesInSwitch": true /* Enable error reporting for fallthrough cases in switch statements. */,
+    "noUncheckedIndexedAccess": true /* Add 'undefined' to a type when accessed using an index. */,
+    "allowUnreachableCode": false /* Disable error reporting for unreachable code. */,
+
+    /* Completeness */
+    "skipLibCheck": true /* Skip type checking all .d.ts files. */,
+    "types": ["vite-plugin-svgr/client"],
+    "noEmit": true,
+
+    //Able to import json file with alias name
+    "resolveJsonModule": true
+
+    // Path alias
+    // "paths": {
+    //   "@components": ["./src/components/"],
+    //   "@styles": ["./src/assets/styles/"],
+    //   "@icons": ["./src/assets/icons/"],
+    //   "@/*": ["./src/*"]
+    // }
+  },
+
+  "include": ["src"],
+  "exclude": ["node_modules", "lib", "**/*.stories.tsx"]
+}

package/vite.config.js

@@ -1,14 +1,14 @@
-import react from '@vitejs/plugin-react';
-import path from 'path';
-import svgrPlugin from 'vite-plugin-svgr';
-
-export default {
-  plugins: [
-    react(),
-    svgrPlugin({
-      svgrOptions: {
-        icon: true,
-      },
-    }),
-  ],
-};
+import react from '@vitejs/plugin-react';
+import path from 'path';
+import svgrPlugin from 'vite-plugin-svgr';
+
+export default {
+  plugins: [
+    react(),
+    svgrPlugin({
+      svgrOptions: {
+        icon: true,
+      },
+    }),
+  ],
+};

package/lib/components/AddVariables/AddVariables.d.ts

@@ -1,5 +0,0 @@
-import { AddVariableProps } from './types';
-import './AddVariables.scss';
-import React from 'react';
-declare const AddVariables: React.FC<AddVariableProps>;
-export default AddVariables;

package/lib/components/AddVariables/index.d.ts

@@ -1 +0,0 @@
-export { default } from './AddVariables';

package/lib/components/AddVariables/types.d.ts

@@ -1,99 +0,0 @@
-export type dynamicObject = {
-    [key: string]: any;
-};
-export interface AddVariableProps {
-    /**
-     * Label for the field
-     */
-    label?: string;
-    /**
-     * List of variables
-     */
-    variableList?: dynamicObject[];
-    /**
-     * Place holder for the input field
-     */
-    placeholder?: string;
-    /**
-     * Function to handle input change
-     * @param value
-     * @returns
-     */
-    onChange: (value: string) => void;
-    /**
-     * Function to handle create variable icon click
-     */
-    onCreateVariableClick?: () => void;
-    /**
-     * Width of the dropdown
-     */
-    dropdownWidth?: string;
-    /**
-     * Name | name of the input field
-     */
-    name: string;
-    /**
-     * value | input field value
-     */
-    value: string;
-    /**
-     * variants to set color/style of the input field
-     */
-    variant?: 'default' | 'primary';
-    /**
-     * type to set color/style of the input field
-     */
-    type: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
-    /**
-     * error | If true, error message will be displayed
-     */
-    error?: boolean;
-    /**
-     * helperText | error, success, warning message to be shown
-     */
-    helperText?: string;
-    /**
-     * to disable the input field
-     */
-    disabled?: boolean;
-    /**
-     * if true, input field will be mandatory
-     */
-    required?: boolean;
-    /**
-     * classnames to style the input field
-     */
-    className?: string;
-    /**
-     * noBorder prop 'true' removes border of input
-     */
-    noBorder?: boolean;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    /**
-     * id to select the input field uniquely
-     */
-    id?: string;
-    /**
-     * if on, suggestion popup will be displayed
-     */
-    autoComplete?: 'on' | 'off';
-    /**
-     *  minimum and maximum values for the number type input field and their functions
-     */
-    minValue?: number;
-    maxValue?: number;
-    /**
-     * background of the input field prop
-     */
-    transparentBackground?: boolean;
-    /**
-     * size for the input field
-     */
-    size?: 'small' | 'medium';
-    /**
-     * isLabelRequired for the input field without label,showing placeholder
-     */
-    isLabelRequired?: boolean;
-}