pixel-react 1.8.3 → 1.8.4

package/src/components/NLPInput/sampleData.ts

@@ -1,162 +1,162 @@
-export const nlpList= 
-    [
-    {
-      desc: 'randomNumber',
-      displayName:
-        'PostgreSQL : Update value *setValues* into *tableName* table',
-      failMessage: 'randomNumber has failed',
-      isNonPE: false,
-      platform: 'Web',
-      name: 'randomNumber',
-      nlpName: 'randomNumber',
-      videoSrc: '',
-      nlpType: 'NLP',
-      packageName: 'com.tyss.optimize.programelement.LIC3813PJT1001.Logics',
-      parentId: 'PKJ1017',
-      passMessage: 'randomNumber has passed',
-      programElementId: 'PRG_ELE1001',
-      projectId: 'PJT1001',
-      returnType: 'java.lang.Integer',
-      searchName: 'randomNumber',
-      stepInputs: [{}],
-      toolTip: 'Logics : randomNumber',
-      _class: 'com.tyss.optimize.data.models.db.model.ProgramElementNlp',
-      _id: 'PE_NLPdbed27d0-b05a-4354-b9d3-c2f85307b4f2',
-    },
-    {
-      desc: 'randomNumber',
-      displayName: 'Wait for *element* until text contains *text*',
-      platform: 'android',
-
-      failMessage: 'randomNumber has failed',
-      isNonPE: false,
-      name: 'randomNumber',
-      nlpName: 'randomNumber',
-      nlpType: 'PROGRAM_ELEMENTS',
-      packageName: 'com.tyss.optimize.programelement.LIC3813PJT1001.Logics',
-      parentId: 'PKJ1017',
-      passMessage: 'randomNumber has passed',
-      programElementId: 'PRG_ELE1001',
-      projectId: 'PJT1001',
-      returnType: 'java.lang.Integer',
-      searchName: 'randomNumber',
-      stepInputs: [{}],
-      toolTip: 'Logics : randomNumber',
-      _class: 'com.tyss.optimize.data.models.db.model.ProgramElementNlp',
-      _id: 'PE_NLPdbed27d0-b05a-4354-b9d3-c2f85307b4f2',
-    },
-    {
-      desc: 'randomNumber',
-      platform: 'ios',
-
-      displayName:
-        'String : Verify if string *string1* is equal to string *string2*',
-      failMessage: 'randomNumber has failed',
-      isNonPE: false,
-      name: 'randomNumber',
-      nlpName: 'randomNumber',
-      nlpType: 'STEP_GROUP',
-      packageName: 'com.tyss.optimize.programelement.LIC3813PJT1001.Logics',
-      parentId: 'PKJ1017',
-      passMessage: 'randomNumber has passed',
-      programElementId: 'PRG_ELE1001',
-      projectId: 'PJT1001',
-      returnType: 'java.lang.Integer',
-      searchName: 'randomNumber',
-      stepInputs: [{}],
-      toolTip: 'Logics : randomNumber',
-      _class: 'com.tyss.optimize.data.models.db.model.ProgramElementNlp',
-      _id: 'PE_NLPdbed27d0-b05a-4354-b9d3-c2f85307b4f2',
-    },
-    {
-      desc: 'randomNumber',
-      displayName:
-        'Wait for page to load for maximum time limit of *time* second',
-      failMessage: 'randomNumber has failed',
-      isNonPE: false,
-      platform: 'android',
-
-      name: 'randomNumber',
-      nlpName: 'randomNumber',
-      nlpType: 'PROGRAM_ELEMENTS',
-      packageName: 'com.tyss.optimize.programelement.LIC3813PJT1001.Logics',
-      parentId: 'PKJ1017',
-      passMessage: 'randomNumber has passed',
-      programElementId: 'PRG_ELE1001',
-      projectId: 'PJT1001',
-      returnType: 'java.lang.Integer',
-      searchName: 'randomNumber',
-      stepInputs: [
-        { name: 'Range Of The Number', type: 'java.lang.Integer' },
-      ],
-      toolTip: 'Logics : randomNumber',
-      _class: 'com.tyss.optimize.data.models.db.model.ProgramElementNlp',
-      _id: 'PE_NLPdbed27d0-b05a-4354-b9d3-c2f85307b4f2',
-    },
-    {
-      description: '',
-      displayName:
-        'Excel : Get string cell data for given *uniqueData* and *header* for single row table',
-      failMessage: 'Open Browser is failed',
-      imported: false,
-      libraryId: 'LIB1002',
-      name: 'Open Browser',
-      nlpName: 'Open Browser',
-      nlpType: 'STEP_GROUP',
-      parentId: 'STP_GRP1001',
-      passMessage: 'Open Browser is passed',
-      path: '/Root/Open and Close Browser/Open Browser',
-      platform: 'Web',
-      projectId: 'PJT1001',
-      returnType: 'void',
-      searchName: 'Open Browser',
-      stepInputs: [],
-      toolTip: 'Open and Close Browser : Open Browser : Web',
-      _class: 'com.tyss.optimize.data.models.db.model.StepGroupNlp',
-      _id: 'SG_NLP1001',
-    },
-    {
-      desc: 'randomNumber',
-      displayName:
-        'PostgreSQL : Update value *setValues* into *tableName* table',
-      failMessage: 'randomNumber has failed',
-      isNonPE: false,
-      platform: 'Web',
-
-      name: 'randomNumber',
-      nlpName: 'randomNumber',
-      nlpType: 'PROGRAM_ELEMENTS',
-      packageName: 'com.tyss.optimize.programelement.LIC3813PJT1001.Logics',
-      parentId: 'PKJ1017',
-      passMessage: 'randomNumber has passed',
-      programElementId: 'PRG_ELE1001',
-      projectId: 'PJT1001',
-      returnType: 'java.lang.Integer',
-      searchName: 'randomNumber',
-      stepInputs: [{}],
-      toolTip: 'Logics : randomNumber',
-      _class: 'com.tyss.optimize.data.models.db.model.ProgramElementNlp',
-      _id: 'PE_NLPdbed27d0-b05a-4354-b9d3-c2f85307b4f2',
-    },
-    {
-      desc: 'randomNumber',
-      displayName: 'randomNumber',
-      failMessage: 'randomNumber has failed',
-      isNonPE: false,
-      name: 'randomNumber',
-      platform: 'Web',
-      nlpName: 'randomNumber',
-      nlpType: 'PROGRAM_ELEMENTS',
-      packageName: 'com.tyss.optimize.programelement.LIC3813PJT1001.Logics',
-      parentId: 'PKJ1017',
-      passMessage: 'randomNumber has passed',
-      programElementId: 'PRG_ELE1001',
-      projectId: 'PJT1001',
-      returnType: 'java.lang.Integer',
-      searchName: 'randomNumber',
-      stepInputs: [{}],
-      toolTip: 'Logics : randomNumber',
-      _class: 'com.tyss.optimize.data.models.db.model.ProgramElementNlp',
-      _id: 'PE_NLPdbed27d0-b05a-4354-b9d3-c2f85307b4f2',
-    }
+export const nlpList= 
+    [
+    {
+      desc: 'randomNumber',
+      displayName:
+        'PostgreSQL : Update value *setValues* into *tableName* table',
+      failMessage: 'randomNumber has failed',
+      isNonPE: false,
+      platform: 'Web',
+      name: 'randomNumber',
+      nlpName: 'randomNumber',
+      videoSrc: '',
+      nlpType: 'NLP',
+      packageName: 'com.tyss.optimize.programelement.LIC3813PJT1001.Logics',
+      parentId: 'PKJ1017',
+      passMessage: 'randomNumber has passed',
+      programElementId: 'PRG_ELE1001',
+      projectId: 'PJT1001',
+      returnType: 'java.lang.Integer',
+      searchName: 'randomNumber',
+      stepInputs: [{}],
+      toolTip: 'Logics : randomNumber',
+      _class: 'com.tyss.optimize.data.models.db.model.ProgramElementNlp',
+      _id: 'PE_NLPdbed27d0-b05a-4354-b9d3-c2f85307b4f2',
+    },
+    {
+      desc: 'randomNumber',
+      displayName: 'Wait for *element* until text contains *text*',
+      platform: 'android',
+
+      failMessage: 'randomNumber has failed',
+      isNonPE: false,
+      name: 'randomNumber',
+      nlpName: 'randomNumber',
+      nlpType: 'PROGRAM_ELEMENTS',
+      packageName: 'com.tyss.optimize.programelement.LIC3813PJT1001.Logics',
+      parentId: 'PKJ1017',
+      passMessage: 'randomNumber has passed',
+      programElementId: 'PRG_ELE1001',
+      projectId: 'PJT1001',
+      returnType: 'java.lang.Integer',
+      searchName: 'randomNumber',
+      stepInputs: [{}],
+      toolTip: 'Logics : randomNumber',
+      _class: 'com.tyss.optimize.data.models.db.model.ProgramElementNlp',
+      _id: 'PE_NLPdbed27d0-b05a-4354-b9d3-c2f85307b4f2',
+    },
+    {
+      desc: 'randomNumber',
+      platform: 'ios',
+
+      displayName:
+        'String : Verify if string *string1* is equal to string *string2*',
+      failMessage: 'randomNumber has failed',
+      isNonPE: false,
+      name: 'randomNumber',
+      nlpName: 'randomNumber',
+      nlpType: 'STEP_GROUP',
+      packageName: 'com.tyss.optimize.programelement.LIC3813PJT1001.Logics',
+      parentId: 'PKJ1017',
+      passMessage: 'randomNumber has passed',
+      programElementId: 'PRG_ELE1001',
+      projectId: 'PJT1001',
+      returnType: 'java.lang.Integer',
+      searchName: 'randomNumber',
+      stepInputs: [{}],
+      toolTip: 'Logics : randomNumber',
+      _class: 'com.tyss.optimize.data.models.db.model.ProgramElementNlp',
+      _id: 'PE_NLPdbed27d0-b05a-4354-b9d3-c2f85307b4f2',
+    },
+    {
+      desc: 'randomNumber',
+      displayName:
+        'Wait for page to load for maximum time limit of *time* second',
+      failMessage: 'randomNumber has failed',
+      isNonPE: false,
+      platform: 'android',
+
+      name: 'randomNumber',
+      nlpName: 'randomNumber',
+      nlpType: 'PROGRAM_ELEMENTS',
+      packageName: 'com.tyss.optimize.programelement.LIC3813PJT1001.Logics',
+      parentId: 'PKJ1017',
+      passMessage: 'randomNumber has passed',
+      programElementId: 'PRG_ELE1001',
+      projectId: 'PJT1001',
+      returnType: 'java.lang.Integer',
+      searchName: 'randomNumber',
+      stepInputs: [
+        { name: 'Range Of The Number', type: 'java.lang.Integer' },
+      ],
+      toolTip: 'Logics : randomNumber',
+      _class: 'com.tyss.optimize.data.models.db.model.ProgramElementNlp',
+      _id: 'PE_NLPdbed27d0-b05a-4354-b9d3-c2f85307b4f2',
+    },
+    {
+      description: '',
+      displayName:
+        'Excel : Get string cell data for given *uniqueData* and *header* for single row table',
+      failMessage: 'Open Browser is failed',
+      imported: false,
+      libraryId: 'LIB1002',
+      name: 'Open Browser',
+      nlpName: 'Open Browser',
+      nlpType: 'STEP_GROUP',
+      parentId: 'STP_GRP1001',
+      passMessage: 'Open Browser is passed',
+      path: '/Root/Open and Close Browser/Open Browser',
+      platform: 'Web',
+      projectId: 'PJT1001',
+      returnType: 'void',
+      searchName: 'Open Browser',
+      stepInputs: [],
+      toolTip: 'Open and Close Browser : Open Browser : Web',
+      _class: 'com.tyss.optimize.data.models.db.model.StepGroupNlp',
+      _id: 'SG_NLP1001',
+    },
+    {
+      desc: 'randomNumber',
+      displayName:
+        'PostgreSQL : Update value *setValues* into *tableName* table',
+      failMessage: 'randomNumber has failed',
+      isNonPE: false,
+      platform: 'Web',
+
+      name: 'randomNumber',
+      nlpName: 'randomNumber',
+      nlpType: 'PROGRAM_ELEMENTS',
+      packageName: 'com.tyss.optimize.programelement.LIC3813PJT1001.Logics',
+      parentId: 'PKJ1017',
+      passMessage: 'randomNumber has passed',
+      programElementId: 'PRG_ELE1001',
+      projectId: 'PJT1001',
+      returnType: 'java.lang.Integer',
+      searchName: 'randomNumber',
+      stepInputs: [{}],
+      toolTip: 'Logics : randomNumber',
+      _class: 'com.tyss.optimize.data.models.db.model.ProgramElementNlp',
+      _id: 'PE_NLPdbed27d0-b05a-4354-b9d3-c2f85307b4f2',
+    },
+    {
+      desc: 'randomNumber',
+      displayName: 'randomNumber',
+      failMessage: 'randomNumber has failed',
+      isNonPE: false,
+      name: 'randomNumber',
+      platform: 'Web',
+      nlpName: 'randomNumber',
+      nlpType: 'PROGRAM_ELEMENTS',
+      packageName: 'com.tyss.optimize.programelement.LIC3813PJT1001.Logics',
+      parentId: 'PKJ1017',
+      passMessage: 'randomNumber has passed',
+      programElementId: 'PRG_ELE1001',
+      projectId: 'PJT1001',
+      returnType: 'java.lang.Integer',
+      searchName: 'randomNumber',
+      stepInputs: [{}],
+      toolTip: 'Logics : randomNumber',
+      _class: 'com.tyss.optimize.data.models.db.model.ProgramElementNlp',
+      _id: 'PE_NLPdbed27d0-b05a-4354-b9d3-c2f85307b4f2',
+    }
   ]

package/src/components/NLPInput/types.tsx

@@ -1,136 +1,136 @@
-import { ReactNode } from 'react';
-
-export interface SelectProps {
-  /*
-   * Label for the NLP NLP select dropdown
-   */
-  label?: string;
-
-  rightIcon?: string;
-
-  leftIcon?: string;
-
-  /*
-   * If true, the NLP select dropdown will have a label
-   */
-  showLabel?: boolean;
-  onHelpIconClick?: () => void;
-  webServiceClick?: () => void;
-  aiIconClick?: () => void;
-  rightIconColor: string;
-  /*
-   * Options for the NLP select dropdown
-   */
-  optionsList: any[];
-
-  /*
-   * Selected option for the NLP select dropdown
-   */
-  selectedOption?: NlpRenderOption;
-  containerWidth?:string | number,
-
-  /*
-   * onChange callback function for handling selected option changes
-   */
-  onChange: (option: NlpRenderOption) => void;
-
-  /*
-   * If error is true, this message will be displayed
-   */
-  errorMsg?: string;
-
-  /*
-   * provide the className for the NLP select dropdown
-   */
-  className?: string;
-
-  /*
-   *  Providing the z-index for dropdown and select
-   */
-  optionZIndex?: number;
-
-  /*
-   * Provide disable prop for the disabling the select component
-   */
-  disabled?: boolean;
-
-  /*
-   * Provide disable prop for the providing border radius at right side
-   */
-  borderRadius?: boolean;
-
-  /*
-   * Provide boolean value to show border or not
-   */
-
-  showBorder?: boolean;
-
-  /*
-   * Provide the boolean value if the select component is required or not
-   */
-  required?: boolean;
-  value: string;
-  onSelect: (e: any) => void;
-}
-
-export interface DrowdownPosition {
-  positionX: number;
-  positionY: number;
-  width: number;
-  fromBottom: number;
-}
-
-export interface SelectState {
-  isInputFocused: boolean;
-  iconColor: string;
-  isIconClick: boolean;
-  showOptions: boolean;
-  options: any[];
-  option: string;
-  dropdownPosition: DrowdownPosition;
-}
-
-export type SelectAction =
-  | { type: 'FOCUS_INPUT' }
-  | {
-      type: 'BLUR_INPUT';
-      payload: {
-        optionsList: NlpRenderOption[];
-        option: NlpRenderOption['projectId'];
-      };
-    }
-  | { type: 'MOUSE_ENTER' }
-  | { type: 'MOUSE_LEAVE' }
-  | {
-      type: 'UPDATE_DROPDOWN_POSITION';
-      payload: {
-        positionX: number;
-        positionY: number;
-        width: number;
-        fromBottom: number;
-      };
-    }
-  | {
-      type: 'UPDATE_OPTION';
-      payload: string;
-    }
-  | {
-      type: 'UPDATE_OPTION_LIST';
-      payload: any[];
-    }
-  | {
-      type: 'SHOW_ERROR';
-      payload: {
-        optionsList: any[];
-        option: NlpRenderOption['projectId'];
-      };
-    };
-
-export interface NlpRenderOption {
-  displayName: string | ReactNode;
-  projectId: string;
-  nlpType: string;
-  platform: string;
-  disabled?: boolean;
-  videoSrc?: string;
-}
+import { ReactNode } from 'react';
+
+export interface SelectProps {
+  /*
+   * Label for the NLP NLP select dropdown
+   */
+  label?: string;
+
+  rightIcon?: string;
+
+  leftIcon?: string;
+
+  /*
+   * If true, the NLP select dropdown will have a label
+   */
+  showLabel?: boolean;
+  onHelpIconClick?: () => void;
+  webServiceClick?: () => void;
+  aiIconClick?: () => void;
+  rightIconColor: string;
+  /*
+   * Options for the NLP select dropdown
+   */
+  optionsList: any[];
+
+  /*
+   * Selected option for the NLP select dropdown
+   */
+  selectedOption?: NlpRenderOption;
+  containerWidth?:string | number,
+
+  /*
+   * onChange callback function for handling selected option changes
+   */
+  onChange: (option: NlpRenderOption) => void;
+
+  /*
+   * If error is true, this message will be displayed
+   */
+  errorMsg?: string;
+
+  /*
+   * provide the className for the NLP select dropdown
+   */
+  className?: string;
+
+  /*
+   *  Providing the z-index for dropdown and select
+   */
+  optionZIndex?: number;
+
+  /*
+   * Provide disable prop for the disabling the select component
+   */
+  disabled?: boolean;
+
+  /*
+   * Provide disable prop for the providing border radius at right side
+   */
+  borderRadius?: boolean;
+
+  /*
+   * Provide boolean value to show border or not
+   */
+
+  showBorder?: boolean;
+
+  /*
+   * Provide the boolean value if the select component is required or not
+   */
+  required?: boolean;
+  value: string;
+  onSelect: (e: any) => void;
+}
+
+export interface DrowdownPosition {
+  positionX: number;
+  positionY: number;
+  width: number;
+  fromBottom: number;
+}
+
+export interface SelectState {
+  isInputFocused: boolean;
+  iconColor: string;
+  isIconClick: boolean;
+  showOptions: boolean;
+  options: any[];
+  option: string;
+  dropdownPosition: DrowdownPosition;
+}
+
+export type SelectAction =
+  | { type: 'FOCUS_INPUT' }
+  | {
+      type: 'BLUR_INPUT';
+      payload: {
+        optionsList: NlpRenderOption[];
+        option: NlpRenderOption['projectId'];
+      };
+    }
+  | { type: 'MOUSE_ENTER' }
+  | { type: 'MOUSE_LEAVE' }
+  | {
+      type: 'UPDATE_DROPDOWN_POSITION';
+      payload: {
+        positionX: number;
+        positionY: number;
+        width: number;
+        fromBottom: number;
+      };
+    }
+  | {
+      type: 'UPDATE_OPTION';
+      payload: string;
+    }
+  | {
+      type: 'UPDATE_OPTION_LIST';
+      payload: any[];
+    }
+  | {
+      type: 'SHOW_ERROR';
+      payload: {
+        optionsList: any[];
+        option: NlpRenderOption['projectId'];
+      };
+    };
+
+export interface NlpRenderOption {
+  displayName: string | ReactNode;
+  projectId: string;
+  nlpType: string;
+  platform: string;
+  disabled?: boolean;
+  videoSrc?: string;
+}

package/src/components/Paper/Paper.scss

@@ -1,13 +1,13 @@
-// Rounded corners
-.ff_rounded_lg {
-  border-radius: 8px;
-}
-
-.ff_paper_basic_style {
-  padding: 20px;
-  background-color: var(--ff-paper-dark-background-color);
-}
-.ff_paper_default_style {
-  padding: 20px;
-  background-color: var(--ff-paper-background-color);
-}
+// Rounded corners
+.ff_rounded_lg {
+  border-radius: 8px;
+}
+
+.ff_paper_basic_style {
+  padding: 20px;
+  background-color: var(--ff-paper-dark-background-color);
+}
+.ff_paper_default_style {
+  padding: 20px;
+  background-color: var(--ff-paper-background-color);
+}