@bigbinary/neeto-commons-frontend 4.14.0-beta.0 → 4.14.1

package/configs/eslint/react.js

@@ -1,90 +0,0 @@
-module.exports = {
-  rules: {
-    // not-auto-fixable: Prevent missing props validation in a React component definition.
-    "react/prop-types": "off",
-    // not-auto-fixable: Detect unescaped HTML entities, which might represent malformed tags.
-    "react/no-unescaped-entities": "off",
-    // not-auto-fixable: Prevent missing displayName in a React component definition. Useful when using React extensions in browser and checking for component name.
-    "react/display-name": "error",
-    // not-auto-fixable: Reports when this.state is accessed within setState.
-    "react/no-access-state-in-setstate": "error",
-    // not-auto-fixable: Prevent usage of dangerous JSX props. Currently jam3 plugin will take care of handling this.
-    "react/no-danger": "off",
-    // not-auto-fixable: Report when a DOM element is using both children and dangerouslySetInnerHTML.
-    "react/no-danger-with-children": "warn",
-    // not-auto-fixable: Prevent definitions of unused prop types.
-    "react/no-unused-prop-types": "error",
-    // not-auto-fixable: Report missing key props in iterators/collection literals. Important rule!
-    "react/jsx-key": ["error", { checkFragmentShorthand: true }],
-    // not-auto-fixable: Enforce no duplicate props.
-    "react/jsx-no-duplicate-props": "error",
-    // not-auto-fixable: Disallow undeclared variables in JSX.
-    "react/jsx-no-undef": "error",
-    // not-auto-fixable: Enforce PascalCase for user-defined JSX components.
-    "react/jsx-pascal-case": ["error", { allowNamespace: true }],
-    // not-auto-fixable: Prevent variables used in JSX to be marked as unused.
-    "react/jsx-uses-vars": "error",
-    // not-auto-fixable: Ensures https://reactjs.org/docs/hooks-rules.html.
-    "react-hooks/rules-of-hooks": "error",
-    // not-auto-fixable: Ensures https://reactjs.org/docs/hooks-rules.html - Checks effect dependencies.
-    "react-hooks/exhaustive-deps": "warn",
-    // auto-fixable: A fragment is redundant if it contains only one child, or if it is the child of a html element, and is not a keyed fragment.
-    "react/jsx-no-useless-fragment": ["error", { allowExpressions: true }],
-    // auto-fixable: Prefer arrow function expressions for component declaration.
-    "react/function-component-definition": [
-      "error",
-      {
-        namedComponents: "arrow-function",
-        unnamedComponents: "arrow-function",
-      },
-    ],
-    // auto-fixable: Components without children can be self-closed to avoid unnecessary extra closing tag.
-    "react/self-closing-comp": ["error", { component: true, html: true }],
-    // auto-fixable: Wrapping multiline JSX in parentheses can improve readability and/or convenience.
-    "react/jsx-wrap-multilines": [
-      "error",
-      {
-        declaration: "parens-new-line",
-        assignment: "parens-new-line",
-        return: "parens-new-line",
-        arrow: "parens-new-line",
-        condition: "parens-new-line",
-        logical: "parens-new-line",
-        prop: "ignore",
-      },
-    ],
-    // not-auto-fixable: Make sure files containing JSX is having .jsx extension.
-    "react/jsx-filename-extension": ["error", { allow: "as-needed" }],
-    // auto-fixable: Omit mentioning the "true" value if it can be implicitly understood in props.
-    "react/jsx-boolean-value": "error",
-    // auto-fixable: Partially fixable. Make sure the state and setter have symmertic naming.
-    "react/hook-use-state": "error",
-    // auto-fixable: Shorthand notations should always be at the top and also enforce props alphabetical sorting.
-    "react/jsx-sort-props": [
-      "error",
-      {
-        callbacksLast: true,
-        shorthandFirst: true,
-        multiline: "last",
-        reservedFirst: false,
-        locale: "auto",
-      },
-    ],
-    // auto-fixable: Disallow unnecessary curly braces in JSX props and/or children.
-    "react/jsx-curly-brace-presence": [
-      "error",
-      {
-        props: "never",
-        children: "never",
-        // JSX prop values that are JSX elements should be enclosed in braces.
-        propElementValues: "always",
-      },
-    ],
-    // not-auto-fixable: Disallow creating unstable components inside components.
-    "react/no-unstable-nested-components": ["error", { allowAsProps: true }],
-    // not-auto-fixable: Disallow missing React when using JSX.
-    "react/react-in-jsx-scope": "off",
-    // not-auto-fixable: Prevent React to be incorrectly marked as unused.
-    "react/jsx-uses-react": "off",
-  },
-};

package/configs/nanos/eslint/imports/order.js

@@ -1,25 +0,0 @@
-const { assocPath } = require("ramda");
-
-const {
-  buildPathGroupsBasedOnWebpackAliases,
-} = require("../../../eslint/helpers");
-const commonConfig = require("../../../eslint/imports/order");
-
-const pathGroups = buildPathGroupsBasedOnWebpackAliases({
-  customAliasPath: "resolve.js",
-  commonAliasPath:
-    "node_modules/@bigbinary/neeto-commons-frontend/configs/nanos/webpack/resolve.js",
-});
-
-const pathGroupForKeepingReactImportsAtTop = {
-  pattern: "react+(-native|)",
-  group: "external",
-  position: "before",
-};
-pathGroups.push(pathGroupForKeepingReactImportsAtTop);
-
-module.exports = assocPath(
-  ["rules", "import/order", 1, "pathGroups"],
-  pathGroups,
-  commonConfig
-);

package/configs/nanos/eslint/index.js

@@ -1,28 +0,0 @@
-const { mergeLeft } = require("ramda");
-
-const commonConfiguration = require("../../eslint");
-
-const isCommonsFrontend = !__dirname.includes("node_modules");
-
-const configsPath = isCommonsFrontend
-  ? "./configs"
-  : "./node_modules/@bigbinary/neeto-commons-frontend/configs";
-
-const nanosConfiguration = {
-  extends: [
-    "plugin:@bigbinary/neeto/nanos-recommended",
-    "plugin:cypress/recommended",
-    "plugin:json/recommended",
-    "eslint:recommended",
-    "plugin:react/recommended",
-    `${configsPath}/eslint/globals`,
-    `${configsPath}/nanos/eslint/imports/order`,
-    `${configsPath}/eslint/overrides`,
-    `${configsPath}/eslint/imports/enforced`,
-    `${configsPath}/eslint/react`,
-    `${configsPath}/eslint/promise`,
-    "prettier",
-  ],
-};
-
-module.exports = mergeLeft(nanosConfiguration, commonConfiguration);

package/configs/nextjs/eslint/imports/order.js

@@ -1,25 +0,0 @@
-const { assocPath } = require("ramda");
-
-const {
-  buildPathGroupsBasedOnWebpackAliases,
-} = require("../../../eslint/helpers");
-const commonConfig = require("../../../eslint/imports/order");
-
-const pathGroups = buildPathGroupsBasedOnWebpackAliases({
-  customAliasPath: "resolve.js",
-  commonAliasPath:
-    "node_modules/@bigbinary/neeto-commons-frontend/configs/nextjs/webpack/resolve.js",
-});
-
-const pathGroupForKeepingReactImportsAtTop = {
-  pattern: "react+(-native|)",
-  group: "external",
-  position: "before",
-};
-pathGroups.push(pathGroupForKeepingReactImportsAtTop);
-
-module.exports = assocPath(
-  ["rules", "import/order", 1, "pathGroups"],
-  pathGroups,
-  commonConfig
-);

package/configs/nextjs/eslint/index.js

@@ -1,22 +0,0 @@
-const { mergeLeft } = require("ramda");
-
-const commonConfiguration = require("../../eslint");
-
-const nextjsConfiguration = {
-  extends: [
-    "plugin:@bigbinary/neeto/nextjs-recommended",
-    "plugin:cypress/recommended",
-    "plugin:json/recommended",
-    "eslint:recommended",
-    "plugin:react/recommended",
-    "./node_modules/@bigbinary/neeto-commons-frontend/configs/eslint/globals",
-    "./node_modules/@bigbinary/neeto-commons-frontend/configs/nextjs/eslint/imports/order",
-    "./node_modules/@bigbinary/neeto-commons-frontend/configs/eslint/overrides",
-    "./node_modules/@bigbinary/neeto-commons-frontend/configs/eslint/imports/enforced",
-    "./node_modules/@bigbinary/neeto-commons-frontend/configs/eslint/react",
-    "./node_modules/@bigbinary/neeto-commons-frontend/configs/eslint/promise",
-    "prettier",
-  ],
-};
-
-module.exports = mergeLeft(nextjsConfiguration, commonConfiguration);

package/configs/scripts/getPkgTranslations.js

@@ -1,45 +0,0 @@
-const fs = require("fs");
-const path = require("path");
-
-const { mergeDeepLeft } = require("ramda");
-
-const packageDir = path.join(__dirname, "../../../");
-
-const getPkgTransPath = pkg => {
-  const basePath = path.join(packageDir, pkg);
-
-  const transPath1 = path.join(basePath, "app/javascript/src/translations");
-  const transPath2 = path.join(basePath, "src/translations");
-
-  return fs.existsSync(transPath1) ? transPath1 : transPath2;
-};
-
-const packages = fs.readdirSync(packageDir);
-
-const loadTranslations = translationsDir => {
-  try {
-    const jsonFiles = fs
-      .readdirSync(translationsDir)
-      .filter(file => file.endsWith(".json"))
-      .map(file => path.join(translationsDir, file));
-
-    const translations = {};
-
-    jsonFiles.forEach(jsonFile => {
-      const content = fs.readFileSync(jsonFile, "utf8");
-      const basename = path.basename(jsonFile, ".json");
-
-      translations[basename] = { translation: JSON.parse(content) };
-    });
-
-    return translations;
-  } catch {
-    return {};
-  }
-};
-
-const packageTranslations = packages
-  .map(pkg => loadTranslations(getPkgTransPath(pkg)))
-  .reduce(mergeDeepLeft);
-
-module.exports = packageTranslations;

package/cypress-commands.d.ts

@@ -1,110 +0,0 @@
-declare namespace Cypress {
-  interface Chainable {
-    clearAndType(selector: string, text: string): Void;
-    clearAndTypeFast(selector: string, text: string): Void;
-    clearByClickAndTypeFast(selector: string, text: string): Void;
-    typeFast(selector: string, text: string): Void;
-    typeAndEnter(selector: string, text: string): Void;
-    verifyToastMessage(message: string): Void;
-
-    /**
-     * @param closeToastr Default value is true
-     */
-    verifyToastIcon(closeToastr: boolean): Void;
-    continueOnAlert(
-      alias:
-        | string
-        | {
-            title: string;
-            description: string;
-            alias: string;
-            requestCount: number;
-            toastMessage: string;
-            verifyToastIcon: boolean;
-          }
-    ): Void;
-    interceptApi(
-      alias: string,
-      times?: number
-    ): Cypress.Chainable<Cypress.InterceptionOptions>;
-    waitForMultipleRequest(
-      alias: string,
-      times?: number
-    ): Chainable<JQuery<HTMLElement>>;
-
-    /**
-     * Make an HTTP request with specific method.
-     * @see https://on.cypress.io/request
-     */
-    apiRequest(
-      options: Cypress.RequestBody
-    ): Cypress.Chainable<Cypress.Response>;
-
-    reloadAndWait(requestCount?: number): Void;
-    selectOption(containerSelector: string, optionText: string): Void;
-    clickDropdownOption(optionText: string, dropdownSelector: string): Void;
-    getText(selector: string): Chainable<JQuery<HTMLElement>>;
-    getValue(selector: string): Chainable<JQuery<HTMLElement>>;
-
-    /**
-     * @deprecated Use `withinIframe` instead.
-     */
-    getIframe(iframeSelector: string): Chainable<JQuery<HTMLElement>>;
-
-    /**
-     * Selects and performs commands within an iframe element based on the given selector.
-     * @param iframeSelector The selector to locate the iframe element.
-     * @param callbackFn The callback function containing the commands to execute within the iframe.
-     */
-    withinIframe(iframeSelector: string, callbackFn: void): Void;
-
-    /**
-     * Command to open the url in the same window after clicking on a button that opens the url in a new tab
-     */
-    openInSameTabOnClick(props: {
-      url: string;
-      alias: string;
-      selector: string;
-    });
-    globalState(key: string): Void;
-    ifExist(selector: string, callback: Function): Void;
-    ifNotExist(selector: string, callback: Function): Void;
-    dragAndDrop(props: {
-      subject: string;
-      target: string;
-      dragIndex: number;
-      dropIndex: number;
-    });
-    verifyPlaceholder(textInputSelector: string, value: string): Void;
-    enableOrDisableSwitch(switchButton: string, value: string): Void;
-    interceptNonVersionedApi(props: {
-      url: string;
-      alias: string;
-      times?: number; // maximum number of times to match
-    }): Cypress.Chainable<Cypress.InterceptionOptions>;
-    typeOnSearchField(props: {
-      delay?: number;
-      selector: string;
-      value: string;
-      skipSearchRequest?: boolean; // default true
-    });
-    clickByRemoveTargetAttr(selector: string): Void;
-    navigateToPreviewPage(selector: string, requestCount: number): Void;
-    saveChanges(aliasName: string, requestCount: number): Void;
-    verifyAttribute(props: {
-      selector: string;
-      attr: string;
-      value: string;
-    }): Void;
-    verifyUnsavedAlertModal(cancelButton: string): Void;
-    verifyTooltip(selector: string, text: string): Void;
-    /**
-     * Command to get email content using Mailosaur API.
-     * @param props Mailosaur API request body.
-     * @see https://mailosaur.com/docs/frameworks-and-tools/cypress/#library-reference
-     * @param options Used to specify additional criteria for the email retrieval
-     * @see https://mailosaur.com/docs/email-testing/cypress#2-options
-     */
-    getEmailContent(props, options): Void;
-  }
-}

package/cypress-configs/initializer.js

@@ -1,32 +0,0 @@
-const { defineConfig } = require("cypress");
-
-const defineCypressConfig = (overrides = {}) => {
-  const { e2e: e2eOverrides = {}, ...otherProps } = overrides;
-
-  return defineConfig({
-    execTimeout: 1800000,
-    defaultCommandTimeout: 12000,
-    requestTimeout: 15000,
-    pageLoadTimeout: 60000,
-    responseTimeout: 45000,
-    viewportWidth: 1440,
-    viewportHeight: 960,
-    chromeWebSecurity: false,
-    env: { grepFilterSpecs: true, grepOmitFiltered: true },
-    retries: { runMode: 1, openMode: 0 },
-    e2e: {
-      setupNodeEvents(on, config) {
-        return require("./plugins")(on, config);
-      },
-      specPattern: "cypress/e2e/**/*.spec.js",
-      excludeSpecPattern: ["cypress/e2e/**/*.wip.spec.js"],
-      experimentalRunAllSpecs: true,
-      testIsolation: true,
-      experimentalMemoryManagement: true,
-      ...e2eOverrides,
-    },
-    ...otherProps,
-  });
-};
-
-module.exports = { defineCypressConfig };

package/cypress-configs/plugins.js

@@ -1,114 +0,0 @@
-// @ts-nocheck
-/// <reference types="cypress" />
-
-/**
- * @type {Cypress.PluginConfig}
- */
-// eslint-disable-next-line no-unused-vars
-const path = require("path");
-
-const webpack = require("@cypress/webpack-preprocessor");
-const {
-  cypressBrowserPermissionsPlugin,
-} = require("cypress-browser-permissions");
-const { cloudPlugin } = require("cypress-cloud/plugin");
-const fs = require("fs-extra");
-
-const getConfigurationByFile = file => {
-  const pathToConfigFile = `cypress/config/cypress.${file}.json`;
-
-  return file && fs.readJsonSync(path.join(process.cwd(), pathToConfigFile));
-};
-
-const globalState = "globalState.txt";
-
-const merge = (target, source = {}) => {
-  Object.keys(source).forEach(key => {
-    if (source[key] && typeof source[key] === "object") {
-      merge((target[key] = target[key] || {}), source[key]);
-
-      return;
-    }
-    target[key] = source[key];
-  });
-
-  return target;
-};
-
-module.exports = (on, config) => {
-  const environment = config.env.configFile;
-  const configForEnvironment = getConfigurationByFile(environment);
-  const options = {
-    // send in the options from your webpack.config.js
-    webpackOptions: require("./webpack.config"),
-    watchOptions: {},
-  };
-  on("file:preprocessor", webpack(options));
-
-  on("task", {
-    log(...message) {
-      //eslint-disable-next-line
-      console.log(...message);
-
-      return null;
-    },
-  });
-
-  config = cypressBrowserPermissionsPlugin(on, config);
-
-  const newEnvironment = merge(config, configForEnvironment);
-  require("@cypress/grep/src/plugin")(newEnvironment);
-  require("@cypress/code-coverage/task")(on, newEnvironment);
-  cloudPlugin(on, newEnvironment);
-
-  on("before:browser:launch", (browser, launchOptions) => {
-    if (["chrome", "edge"].includes(browser.name) && browser.isHeadless) {
-      launchOptions.args.push("--no-sandbox");
-      launchOptions.args.push("--disable-gl-drawing-for-tests");
-      launchOptions.args.push("--js-flags=--max-old-space-size=5500");
-      launchOptions.args.push("--disable-gpu");
-    }
-
-    return launchOptions;
-  });
-
-  const readFileSyncIfExists = filePath => {
-    try {
-      return JSON.parse(fs.readFileSync(filePath, "utf8"));
-    } catch (error) {
-      if (error.code === "ENOENT") {
-        return {};
-      }
-      console.log(error); // eslint-disable-line
-    }
-
-    return {};
-  };
-
-  const writeDataToFile = (filePath, data) => {
-    try {
-      fs.writeFileSync(filePath, data, "utf8");
-    } catch (err) {
-      console.log(err); // eslint-disable-line
-    }
-
-    return true;
-  };
-
-  on("task", {
-    getGlobalState: key =>
-      key
-        ? readFileSyncIfExists(globalState)?.[key] ?? null
-        : readFileSyncIfExists(globalState),
-    updateGlobalState: ({ key, value }) => {
-      const data = readFileSyncIfExists(globalState);
-      data[key] = value;
-
-      return writeDataToFile(globalState, JSON.stringify(data));
-    },
-    bulkUpdateGlobalState: newState =>
-      writeDataToFile(globalState, JSON.stringify(newState)),
-  });
-
-  return config, newEnvironment;
-};

package/cypress-configs/resolve.js

@@ -1,17 +0,0 @@
-const path = require("path");
-
-const basePath = `${process.cwd()}/cypress/`;
-
-module.exports = {
-  alias: {
-    Fixtures: path.resolve(basePath, "fixtures"),
-    Plugins: path.resolve(basePath, "plugins"),
-    Support: path.resolve(basePath, "support"),
-    Texts: path.resolve(basePath, "constants/texts"),
-    Selectors: path.resolve(basePath, "constants/selectors"),
-    neetocommons: "@bigbinary/neeto-commons-frontend",
-    Constants: path.resolve(basePath, "constants"),
-    neetocist: "@bigbinary/neeto-cist",
-  },
-  fallback: { path: require.resolve("path-browserify") },
-};

package/cypress-configs/webpack.config.js

@@ -1,19 +0,0 @@
-const resolve = require("./resolve");
-
-module.exports = {
-  resolve,
-  module: {
-    rules: [
-      {
-        test: /\.(js|jsx)$/,
-        exclude: [/node_modules/],
-        use: [
-          {
-            loader: "babel-loader",
-            options: { presets: ["@babel/preset-env"] },
-          },
-        ],
-      },
-    ],
-  },
-};