@ukic/codemod 1.0.0-alpha.8 → 1.2.0

package/sections/simple-test-comparison.js

@@ -1,25 +1,25 @@
 import { generateRegex } from "./generate-regex.js";
-
+import { changes } from "../data/data.js";
 /**
  *
  * @param {*} stringArray
  * @param {*} jsonData
  * @returns file string with changes made by comparing v2 and v3 names in predefined json file
  */
-export function simpleTestComparison(stringArray, jsonData) {
+export function simpleTestComparison(stringArray) {
   let fileString = stringArray;
 
-  const componentsToChange = new Set(jsonData.map((entry) => entry.v2Name));
-
-  componentsToChange.forEach((component) => {
-    const regex = generateRegex(component, "test-simple");
-    const match = fileString.match(regex);
-    if (match) {
-      const newProp = jsonData.find((field) => match[0].includes(field.v2Name));
-      if (newProp) {
-        fileString = fileString.replaceAll(component, newProp.v3Name);
+  Object.keys(changes).forEach((component) => {
+    changes[component].map((field) => {
+      let regex = "";
+      if (field.type === "prop" || field.type === "absolute")
+        regex = generateRegex(field.v2, "test-simple");
+      else regex = generateRegex(field.v2, field.type);
+      const match = fileString.match(regex);
+      if (match) {
+        fileString = fileString.replaceAll(field.v2, field.v3);
       }
-    }
+    });
   });
 
   return fileString;

package/data/changes.js

@@ -1,188 +0,0 @@
-export default [
-  {
-    v2Name: "small=true",
-    v3Name: 'size="small"',
-    componentsAffected: "ic-select",
-    type: "prop",
-  },
-  {
-    v2Name: `small\\b[^'"]`,
-    v3Name: 'size="small"',
-    componentsAffected: "ic-select",
-    type: "absolute",
-  },
-  {
-    v2Name: `size=[{]?["']default['"][}]?`,
-    v3Name: 'size="medium"',
-    componentsAffected: "ic-status-tag",
-    type: "absolute",
-  },
-  {
-    v2Name: `size=[{]?["']default['"][}]?`,
-    v3Name: 'size="medium"',
-    componentsAffected: "ic-dialog",
-    type: "absolute",
-  },
-  {
-    v2Name: `size=[{]?["']default['"][}]?`,
-    v3Name: 'size="medium"',
-    componentsAffected: "ic-switch",
-    type: "absolute",
-  },
-  {
-    v2Name: "group-title",
-    v3Name: "label",
-    componentsAffected: "ic-accordion-group",
-    type: "prop",
-  },
-  {
-    v2Name: "group-title",
-    v3Name: "label",
-    componentsAffected: "ic-footer-link-group",
-    type: "prop",
-  },
-  {
-    v2Name: "text-label",
-    v3Name: "label",
-    componentsAffected: "ic-badge",
-    type: "prop",
-  },
-  {
-    v2Name: "body-max-lines",
-    v3Name: "max-lines",
-    componentsAffected: "ic-empty-state",
-    type: "prop",
-  },
-  {
-    v2Name: "theme",
-    v3Name: "brand",
-    componentsAffected: "ic-theme",
-    type: "prop",
-  },
-  {
-    v2Name: "step-type",
-    v3Name: "type",
-    componentsAffected: "ic-step",
-    type: "prop",
-  },
-  {
-    v2Name: "step-title",
-    v3Name: "heading",
-    componentsAffected: "ic-step",
-    type: "prop",
-  },
-  {
-    v2Name: "step-subtitle",
-    v3Name: "subheading",
-    componentsAffected: "ic-step",
-    type: "prop",
-  },
-  {
-    v2Name: "step-status",
-    v3Name: "status",
-    componentsAffected: "ic-step",
-    type: "prop",
-  },
-  {
-    v2Name: "adjacent-count",
-    v3Name: "adjacent-page-count",
-    componentsAffected: "ic-pagination",
-    type: "prop",
-  },
-  {
-    v2Name: "boundary-count",
-    v3Name: "boundary-page-count",
-    componentsAffected: "ic-pagination",
-    type: "prop",
-  },
-  {
-    v2Name: "keyboard-shortcut",
-    v3Name: "keyboard-shortcut-label",
-    componentsAffected: "ic-menu-item",
-    type: "prop",
-  },
-  {
-    v2Name: "disable-filter",
-    v3Name: "disable-auto-filtering",
-    componentsAffected: "ic-search-bar",
-    type: "prop",
-  },
-  {
-    v2Name: "disable-filter",
-    v3Name: "disable-auto-filtering",
-    componentsAffected: "ic-select",
-    type: "prop",
-  },
-  {
-    v2Name: "max-length",
-    v3Name: "max-characters",
-    componentsAffected: "ic-text-field",
-    type: "prop",
-  },
-  {
-    v2Name: "toggle-checked",
-    v3Name: "checked",
-    componentsAffected: "ic-menu-item",
-    type: "prop",
-  },
-  {
-    v2Name: "toggle-checked",
-    v3Name: "checked",
-    componentsAffected: "ic-toggle-button",
-    type: "prop",
-  },
-  {
-    v2Name: "hint-text",
-    v3Name: "assistive-hint-text",
-    componentsAffected: "ic-search-bar",
-    type: "prop",
-  },
-  {
-    v2Name: "side-nav-expanded",
-    v3Name: "ic-side-nav-expanded",
-    componentsAffected: "ic-side-navigation",
-    type: "prop",
-  },
-  {
-    v2Name: "top-nav-resized",
-    v3Name: "ic-top-nav-resized",
-    componentsAffected: "ic-top-navigation",
-    type: "prop",
-  },
-  {
-    v2Name: "ic-data-entity",
-    v3Name: "ic-data-list",
-    componentsAffected: "ic-data-entity",
-    type: "web-component",
-  },
-  {
-    v2Name: "HTMLIcDataEntityElement",
-    v3Name: "HTMLIcDataListElement",
-    componentsAffected: "HTMLIcDataEntityElement",
-    type: "component",
-  },
-  {
-    v2Name: "ic-card",
-    v3Name: "ic-card-vertical",
-    componentsAffected: "ic-card",
-    type: "web-component",
-  },
-  {
-    v2Name: "HTMLIcCardElement",
-    v3Name: "HTMLIcCardVerticalElement",
-    componentsAffected: "HTMLIcCardElement",
-    type: "component",
-  },
-  {
-    v2Name: "ic-select-with-multi",
-    v3Name: "ic-select",
-    componentsAffected: "ic-select-with-multi",
-    type: "web-component",
-  },
-  {
-    v2Name: "HTMLIcSelectWithMultiElement",
-    v3Name: "HTMLIcSelectElement",
-    componentsAffected: "HTMLIcSelectWithMultiElement",
-    type: "component",
-  },
-];

package/data/reactChanges.js

@@ -1,206 +0,0 @@
-export default [
-  {
-    v2Name: "small={true}",
-    v3Name: "size={'small'}",
-    componentsAffected: "IcSelect",
-    type: "prop",
-  },
-  {
-    v2Name: `small\\b[^'"]`,
-    v3Name: "size={'small'}",
-    componentsAffected: "IcSelect",
-    type: "absolute",
-  },
-  {
-    v2Name: "small={true}",
-    v3Name: "size={'small'}",
-    componentsAffected: "IcSelect",
-    type: "prop",
-  },
-  {
-    v2Name: `size=[{]?["']default['"][}]?`,
-    v3Name: "size={'medium'}",
-    componentsAffected: "IcStatusTag",
-    type: "absolute",
-  },
-  {
-    v2Name: `size=[{]?["']default['"][}]?`,
-    v3Name: "size={'medium'}",
-    componentsAffected: "IcSwitch",
-    type: "absolute",
-  },
-  {
-    v2Name: `size=[{]?["']default['"][}]?`,
-    v3Name: "size={'medium'}",
-    componentsAffected: "IcDialog",
-    type: "absolute",
-  },
-  {
-    v2Name: "groupTitle",
-    v3Name: "label",
-    componentsAffected: "IcAccordionGroup",
-    type: "prop",
-  },
-  {
-    v2Name: "groupTitle",
-    v3Name: "label",
-    componentsAffected: "IcFooterLinkGroup",
-    type: "prop",
-  },
-  {
-    v2Name: "textLabel",
-    v3Name: "label",
-    componentsAffected: "IcBadge",
-    type: "prop",
-  },
-  {
-    v2Name: "bodyMaxLines",
-    v3Name: "maxLines",
-    componentsAffected: "IcEmptyState",
-    type: "prop",
-  },
-  {
-    v2Name: "color",
-    v3Name: "brandColor",
-    componentsAffected: "IcTheme",
-    type: "prop",
-  },
-  {
-    v2Name: "stepType",
-    v3Name: "type",
-    componentsAffected: "IcStep",
-    type: "prop",
-  },
-  {
-    v2Name: "stepTitle",
-    v3Name: "heading",
-    componentsAffected: "IcStep",
-    type: "prop",
-  },
-  {
-    v2Name: "stepSubtitle",
-    v3Name: "subheading",
-    componentsAffected: "IcStep",
-    type: "prop",
-  },
-  {
-    v2Name: "stepStatus",
-    v3Name: "status",
-    componentsAffected: "IcStep",
-    type: "prop",
-  },
-  {
-    v2Name: "adjacentCount",
-    v3Name: "adjacentPageCount",
-    componentsAffected: "IcPagination",
-    type: "prop",
-  },
-  {
-    v2Name: "boundaryCount",
-    v3Name: "boundaryPageCount",
-    componentsAffected: "IcPagination",
-    type: "prop",
-  },
-  {
-    v2Name: "keyboardShortcut",
-    v3Name: "keyboardShortcutLabel",
-    componentsAffected: "IcMenuItem",
-    type: "prop",
-  },
-  {
-    v2Name: "disableFilter",
-    v3Name: "disableAutoFiltering",
-    componentsAffected: "IcSearchBar",
-    type: "prop",
-  },
-  {
-    v2Name: "disableFilter",
-    v3Name: "disableAutoFiltering",
-    componentsAffected: "IcSelect",
-    type: "prop",
-  },
-  {
-    v2Name: "maxLength",
-    v3Name: "maxCharacters",
-    componentsAffected: "IcTextField",
-    type: "prop",
-  },
-  {
-    v2Name: "toggleChecked",
-    v3Name: "checked",
-    componentsAffected: "IcMenuItem",
-    type: "prop",
-  },
-  {
-    v2Name: "toggleChecked",
-    v3Name: "checked",
-    componentsAffected: "IcToggleButton",
-    type: "prop",
-  },
-  {
-    v2Name: "hintText",
-    v3Name: "assistiveHintText",
-    componentsAffected: "IcSearchBar",
-    type: "prop",
-  },
-  {
-    v2Name: "sideNavExpanded",
-    v3Name: "icSideNavExpanded",
-    componentsAffected: "IcSideNavigation",
-    type: "prop",
-  },
-  {
-    v2Name: "onSideNavExpanded",
-    v3Name: "onIcSideNavExpanded",
-    componentsAffected: "IcSideNavigation",
-    type: "prop",
-  },
-  {
-    v2Name: "topNavResized",
-    v3Name: "icTopNavResized",
-    componentsAffected: "IcTopNavigation",
-    type: "prop",
-  },
-  {
-    v2Name: "onTopNavResized",
-    v3Name: "onIcTopNavResized",
-    componentsAffected: "IcTopNavigation",
-    type: "prop",
-  },
-  {
-    v2Name: "IcDataEntity",
-    v3Name: "IcDataList",
-    componentsAffected: "IcDataEntity",
-    type: "component",
-  },
-  {
-    v2Name: "HTMLIcDataEntityElement",
-    v3Name: "HTMLIcDataListElement",
-    componentsAffected: "HTMLIcDataEntityElement",
-    type: "component",
-  },
-  {
-    v2Name: "IcCard",
-    v3Name: "IcCardVertical",
-    componentsAffected: "IcCard",
-    type: "component",
-  },
-  {
-    v2Name: "HTMLIcCardElement",
-    v3Name: "HTMLIcCardVerticalElement",
-    componentsAffected: "HTMLIcCardElement",
-    type: "component",
-  },
-  {
-    v2Name: "IcSelectWithMulti",
-    v3Name: "IcSelect",
-    componentsAffected: "IcSelectWithMulti",
-    type: "component",
-  },
-  {
-    v2Name: "HTMLIcSelectWithMultiElement",
-    v3Name: "HTMLIcSelectElement",
-    componentsAffected: "HTMLIcSelectWithMultiElement",
-    type: "component",
-  },
-];

package/sections/test-comparison.js

@@ -1,56 +0,0 @@
-/**
- *
- * @param {*} stringArray
- * @param {*} jsonData
- * @param {*} jsonData
- * @returns File string with changes
- *
- * This function is used to compare prop name changes for components and if they are required to change in the file
- *
- * This is currently not in use, it will be kept here for future use as can be refactored to work with styled components if the need arises
- */
-export function testComparison(stringArray, jsonData) {
-  let fileString = stringArray;
-
-  const componentsAffected = new Set(
-    jsonData.map((entry) => entry.componentsAffected)
-  );
-
-  componentsAffected.forEach((component) => {
-    const regex = new RegExp(
-      `const .*=.*querySelector[(]([^'"]+?).*${component}.*'`,
-      "gm"
-    );
-    const match = fileString.match(regex);
-    if (match !== null) {
-      const variableNames = match.map((line) => {
-        const split = line.split("=");
-        const variableName = split[0].replace("const", "").trim();
-        return variableName;
-      });
-
-      const variableNamesArray = Array.from(new Set(variableNames));
-      variableNamesArray.forEach((variable) => {
-        const regex = new RegExp(`${variable}[.].*?[)]`, "gm");
-        const match = fileString.match(regex);
-        if (match !== null) {
-          match.map((line) => {
-            const split = line.split(".");
-            const prop = split[1].replace(")", "");
-            const newProp = jsonData.find(
-              (field) => field.v2Name === prop
-            ).v3Name;
-
-            const newFile = fileString.replaceAll(
-              `${variable}.${prop}`,
-              `${variable}.${newProp}`
-            );
-            fileString = newFile;
-          });
-        }
-      });
-    }
-  });
-
-  return fileString;
-}