carbon-react 128.0.0 → 128.2.0

package/lib/hooks/__internal__/useCharacterCount/useCharacterCount.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const useCharacterCount: (value?: string, characterLimit?: number) => [JSX.Element | null, string | undefined];
 export default useCharacterCount;

package/lib/hooks/__internal__/useScrollBlock/scroll-block-manager.js

@@ -8,8 +8,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // TODO: This component can be refactored to remove redundant code
 // once we can confirm that all Sage products use version 105.0.0^
 let ScrollBlockManager = /*#__PURE__*/function () {

package/lib/locales/__internal__/es-es.d.ts

@@ -0,0 +1,3 @@
+import Locale from "../locale";
+declare const esES: Locale;
+export default esES;

package/lib/locales/__internal__/es-es.js

@@ -0,0 +1,199 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _dateFnsLocales = require("../date-fns-locales");
+const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
+const esES = {
+  locale: () => "es-ES",
+  actions: {
+    edit: () => "Editar",
+    delete: () => "Borrar"
+  },
+  actionPopover: {
+    ariaLabel: () => "acciones"
+  },
+  advancedColorPicker: {
+    ariaLabel: () => "Cambiar color",
+    currentColorDescriptionTerm: () => "Color asignado: ",
+    currentColorAssigned: currentColor => currentColor
+  },
+  batchSelection: {
+    selected: count => `${count} seleccionados`
+  },
+  breadcrumbs: {
+    ariaLabel: () => "ruta de navegación"
+  },
+  confirm: {
+    no: () => "No",
+    yes: () => "Si"
+  },
+  characterCount: {
+    tooManyCharacters: (count, formattedCount) => count === 1 ? `${formattedCount} carácter de más` : `${formattedCount} caracteres de más`,
+    charactersLeft: (count, formattedCount) => count === 1 ? `${formattedCount} carácter restante` : `${formattedCount} caracteres restantes`,
+    visuallyHiddenHint: formattedCount => `Puede introducir hasta ${formattedCount} caracteres`
+  },
+  date: {
+    dateFnsLocale: () => _dateFnsLocales.es,
+    ariaLabels: {
+      previousMonthButton: () => "Mes anterior",
+      nextMonthButton: () => "Próximo mes"
+    }
+  },
+  dialog: {
+    ariaLabels: {
+      close: () => "Cerrar"
+    }
+  },
+  dialogFullScreen: {
+    ariaLabels: {
+      close: () => "Cerrar"
+    }
+  },
+  dismissibleBox: {
+    ariaLabels: {
+      close: () => "Cerrar"
+    }
+  },
+  errors: {
+    messages: {
+      formSummary: /* istanbul ignore next */
+      (errors, warnings, type) => {
+        const errorPlural = isSingular(errors) ? "error" : "errores";
+        const warningPlural = isSingular(warnings) ? "advertencia" : "advertencias";
+        if (errors && warnings && type === "warning") {
+          return ["y", `${warnings} ${warningPlural}`];
+        }
+        if (errors) {
+          return ["Hay", `${errors} ${errorPlural}`];
+        }
+        if (warnings) {
+          return ["Hay", `${warnings} ${warningPlural}`];
+        }
+        return null;
+      }
+    }
+  },
+  fileInput: {
+    dragAndDrop: () => "o arrastre y suelte su arichivo aquí",
+    selectFile: () => "Seleccionar archivo",
+    fileUploadStatus: () => "Estado de carga del archivo",
+    actions: {
+      cancel: () => "Cancelar carga",
+      clear: () => "Quitar",
+      delete: () => "Borrar archivo"
+    }
+  },
+  heading: {
+    backLinkAriaLabel: () => "Atrás"
+  },
+  link: {
+    skipLinkLabel: () => "Saltar al contenido principal"
+  },
+  loader: {
+    loading: () => "Cargando"
+  },
+  message: {
+    closeButtonAriaLabel: () => "Cerrar"
+  },
+  numeralDate: {
+    validation: {
+      day: (month, daysInMonth) => {
+        if (month && daysInMonth) {
+          return `El día en ${month} debe ser un número entre 1-${daysInMonth}.`;
+        }
+        return "El día debe ser un número entre 1-31.";
+      },
+      month: () => "El mes debe ser un número entre 1-12.",
+      year: () => "El año debe ser un número entre 1800-2200."
+    },
+    labels: {
+      day: () => "Día",
+      month: () => "Mes",
+      year: () => "Año"
+    }
+  },
+  pager: {
+    show: () => "Mostrar",
+    records: (count, showNumber = true) => {
+      const noun = isSingular(count) ? "elemento" : "elementos";
+      return showNumber ? `${count} ${noun}` : noun;
+    },
+    first: () => "Primera",
+    last: () => "Última",
+    next: () => "Siguiente",
+    previous: () => "Anterior",
+    pageX: () => "Página",
+    ofY: count => `de ${count}`
+  },
+  password: {
+    ariaLiveShownMessage: () => "Se ha mostrado su contraseña. Enfoque el campo de contraseña para que sea leida, si es seguro hacerlo.",
+    ariaLiveHiddenMessage: () => "Su contraseña esta oculta."
+  },
+  progressTracker: {
+    of: () => "de"
+  },
+  pod: {
+    undo: () => "Deshacer"
+  },
+  select: {
+    actionButtonText: () => "Añadir un nuevo elemento",
+    placeholder: () => "Por favor seleccione...",
+    noResultsForTerm: term => `No hay resultados para "${term}"`
+  },
+  sidebar: {
+    ariaLabels: {
+      close: () => "Cerrar"
+    }
+  },
+  splitButton: {
+    ariaLabel: () => "Mostrar más"
+  },
+  stepFlow: {
+    stepLabel: (currentStep, totalSteps) => `Paso ${currentStep} de ${totalSteps}`,
+    screenReaderOnlyTitle: (title, currentStep, totalSteps, category) => `${category ? `${category}.` : ""} ${title}. Paso ${currentStep} de ${totalSteps}.`,
+    closeIconAriaLabel: () => "Cerrar"
+  },
+  switch: {
+    on: () => "ON",
+    off: () => "OFF"
+  },
+  textEditor: {
+    tooltipMessages: {
+      bold: () => "Negrita",
+      italic: () => "Itálica",
+      bulletList: () => "Lista con viñetas",
+      numberList: () => "Lista numerada"
+    },
+    ariaLabels: {
+      bold: () => "negrita",
+      italic: () => "itálica",
+      bulletList: () => "lista con viñetas",
+      numberList: () => "lista numerada"
+    }
+  },
+  tileSelect: {
+    deselect: () => "Deseleccionar"
+  },
+  time: {
+    amText: () => "AM",
+    pmText: () => "PM",
+    hoursLabelText: () => "Hrs.",
+    minutesLabelText: () => "Mins.",
+    hoursAriaLabelText: () => "Horas",
+    minutesAriaLabelText: () => "Minutos"
+  },
+  toast: {
+    ariaLabels: {
+      close: () => "Cerrar"
+    }
+  },
+  verticalMenuFullScreen: {
+    ariaLabels: {
+      close: () => "Cerrar"
+    }
+  }
+};
+var _default = exports.default = esES;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "128.0.0",
+  "version": "128.2.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -9,7 +9,7 @@
     "scripts/check_rfcs/index.js"
   ],
   "scripts": {
-    "start": "node ./scripts/check_node_version.mjs && cross-env NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 9001 -c .storybook",
+    "start": "node ./scripts/check_node_version.mjs && cross-env storybook dev -p 9001 -c .storybook",
     "start:debug-theme": "cross-env STORYBOOK_DEBUG_THEME=true npm run start",
     "test": "jest --config=./jest.config.json",
     "test-update": "jest --config=./jest.config.json --updateSnapshot",
@@ -22,8 +22,8 @@
     "prepublishOnly": "npm run precompile",
     "postinstall": "node ./scripts/check_rfcs/index.js",
     "watch": "npm run clean-lib && npm run copy-files -- --watch & npm run babel -- --watch",
-    "build-storybook": "cross-env STORYBOOK_BUILD=true NODE_OPTIONS=--openssl-legacy-provider build-storybook -c .storybook",
-    "start-storybook": "cross-env STORYBOOK_BUILD=true NODE_OPTIONS=--openssl-legacy-provider start-storybook -c .storybook",
+    "build-storybook": "cross-env STORYBOOK_BUILD=true storybook build -c .storybook",
+    "start-storybook": "cross-env STORYBOOK_BUILD=true storybook dev -c .storybook",
     "start:static": "npx http-server -p 9001 ./storybook-static",
     "babel": "cross-env NODE_ENV=production babel ./src --config-file ./babel.config.js --out-dir ./lib --ignore '**/*.spec.js','**/*.spec.ts','**/*.spec.tsx','**/*.d.ts' --quiet --extensions '.js','.ts','.tsx'",
     "clean-lib": "rimraf ./lib && rimraf ./esm",
@@ -53,7 +53,7 @@
   "homepage": "https://carbon.sage.com",
   "peerDependencies": {
     "@sage/design-tokens": "^4.17.0",
-    "draft-js": "^0.11.5",
+    "draft-js": "^0.11.7",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "styled-components": "^4.4.1"
@@ -78,25 +78,26 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^6.5.16",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-controls": "^6.5.16",
-    "@storybook/addon-docs": "^6.5.16",
-    "@storybook/addon-google-analytics": "^6.2.9",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/addon-toolbars": "^6.5.16",
-    "@storybook/addon-viewport": "^6.5.16",
-    "@storybook/addons": "^6.5.16",
-    "@storybook/components": "^6.5.16",
-    "@storybook/react": "^6.5.16",
-    "@storybook/theming": "^6.5.16",
+    "@storybook/addon-a11y": "^7.6.4",
+    "@storybook/addon-actions": "^7.6.4",
+    "@storybook/addon-controls": "^7.6.4",
+    "@storybook/addon-docs": "^7.6.4",
+    "@storybook/addon-links": "^7.6.4",
+    "@storybook/addon-mdx-gfm": "^7.6.4",
+    "@storybook/addon-toolbars": "^7.6.4",
+    "@storybook/addon-viewport": "^7.6.4",
+    "@storybook/addons": "^7.6.4",
+    "@storybook/components": "^7.6.4",
+    "@storybook/react": "^7.6.4",
+    "@storybook/react-webpack5": "^7.6.4",
+    "@storybook/theming": "^7.6.4",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.5.1",
     "@types/crypto-js": "^4.2.1",
     "@types/draft-js": "^0.11.10",
-    "@types/enzyme": "3.10.8",
+    "@types/enzyme": "3.10.13",
     "@types/invariant": "^2.2.37",
     "@types/jest": "^27.5.0",
     "@types/lodash": "^4.14.202",
@@ -123,7 +124,7 @@
     "conventional-changelog-conventionalcommits": "^4.6.3",
     "core-js": "^3.33.3",
     "cross-env": "^5.2.1",
-    "css-loader": "^4.3.0",
+    "css-loader": "^6.8.1",
     "cypress": "~12.13.0",
     "cypress-axe": "^1.5.0",
     "cypress-each": "^1.13.3",
@@ -134,15 +135,16 @@
     "draft-js": "^0.11.7",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.2",
-    "eslint": "^7.32.0",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-prettier": "^6.15.0",
+    "eslint": "^8.55.0",
+    "eslint-config-airbnb": "^19.0.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-cypress": "^2.15.1",
     "eslint-plugin-import": "^2.29.0",
-    "eslint-plugin-jest": "^24.7.0",
-    "eslint-plugin-jest-dom": "^3.9.4",
+    "eslint-plugin-jest": "^27.6.0",
+    "eslint-plugin-jest-dom": "^5.1.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-no-unsanitized": "^3.2.0",
+    "eslint-plugin-mdx": "^3.0.0",
+    "eslint-plugin-no-unsanitized": "^4.0.2",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "events": "~1.1.1",
@@ -163,12 +165,14 @@
     "raf": "^3.4.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-markdown": "^8.0.7",
     "react-router-dom": "^6.20.0",
     "react-test-renderer": "^17.0.2",
     "rimraf": "^3.0.2",
-    "semantic-release": "^19.0.5",
+    "semantic-release": "^22.0.8",
     "semver": "^7.5.4",
     "sprintf-js": "^1.1.3",
+    "storybook": "^7.6.4",
     "styled-components": "^4.4.1",
     "typescript": "~4.7.0",
     "typescript-to-proptypes": "^2.2.1",

package/esm/locales/__internal__/pl-pl.d.ts

@@ -1,5 +0,0 @@
-import Locale from "../locale";
-export declare const PolishPlural: (singularNominativ: string, pluralNominativ: string, pluralGenitive: string, value: number) => string;
-declare const plPL: Locale;
-export { PolishPlural as PolishPlurals };
-export default plPL;

package/esm/locales/__internal__/pl-pl.js

@@ -1,231 +0,0 @@
-import { pl as plDateLocale } from "../date-fns-locales";
-const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
-export const PolishPlural = (singularNominativ, pluralNominativ, pluralGenitive, value) => {
-  if (value === 1) {
-    return singularNominativ;
-  }
-  if (value % 10 >= 2 && value % 10 <= 4 && (value % 100 < 10 || value % 100 >= 20)) {
-    return pluralNominativ;
-  }
-  return pluralGenitive;
-};
-const translateColor = color => {
-  switch (color.toLowerCase()) {
-    case "white":
-      return "biały";
-    case "transparent":
-      return "przezroczysty";
-    case "black":
-      return "czarny";
-    case "blue":
-      return "niebieski";
-    case "pink":
-      return "różowy";
-    case "purple":
-      return "fioletowy";
-    case "goldenrod":
-      return "złoty";
-    case "orchid":
-      return "ciemny róż";
-    case "desert":
-      return "pustynny";
-    case "turquoise":
-      return "turkusowy";
-    case "mint":
-      return "miętowy";
-    default:
-      return color;
-  }
-};
-const plPL = {
-  locale: () => "pl-PL",
-  actions: {
-    edit: () => "Edytuj",
-    delete: () => "Usuń"
-  },
-  actionPopover: {
-    ariaLabel: () => "akcje"
-  },
-  advancedColorPicker: {
-    ariaLabel: () => "Zmień kolor",
-    currentColorDescriptionTerm: currentColor => translateColor(currentColor) === "biały" ? "Aktualny przypisany kolor: " : "Aktualnie przypisany kolor: ",
-    currentColorAssigned: currentColor => translateColor(currentColor)
-  },
-  batchSelection: {
-    selected: count => `${count} wybrano`
-  },
-  breadcrumbs: {
-    ariaLabel: () => "okruszki"
-  },
-  confirm: {
-    no: () => "Nie",
-    yes: () => "Tak"
-  },
-  characterCount: {
-    tooManyCharacters: (count, formattedCount) => `Masz o ${formattedCount} ${PolishPlural("znak", "znaki", "znaków", count)} za dużo`,
-    charactersLeft: (count, formattedCount) => `Masz ${formattedCount} ${PolishPlural("pozostały", "pozostałe", "pozostałych", count)} ${PolishPlural("znak", "znaki", "znaków", count)}`,
-    visuallyHiddenHint: formattedCount => `Można wprowadzić do ${formattedCount} znaków`
-  },
-  date: {
-    dateFnsLocale: () => plDateLocale,
-    ariaLabels: {
-      previousMonthButton: () => "Poprzedni miesiąc",
-      nextMonthButton: () => "Następny miesiąc"
-    }
-  },
-  dialog: {
-    ariaLabels: {
-      close: () => "Zamknij"
-    }
-  },
-  dialogFullScreen: {
-    ariaLabels: {
-      close: () => "Zamknij"
-    }
-  },
-  dismissibleBox: {
-    ariaLabels: {
-      close: () => "Zamknij"
-    }
-  },
-  errors: {
-    messages: {
-      formSummary: /* istanbul ignore next */
-      (errors, warnings, type) => {
-        const errorPlural = isSingular(errors) ? "błąd" : "błędy";
-        const warningPlural = isSingular(warnings) ? "ostrzerzenie" : "ostrzerzenia";
-        if (errors && warnings && type === "warnings") {
-          return [`oraz`, `${warnings} ${warningPlural}`];
-        }
-        if (errors) {
-          return ["Znaleziono", `${errors} ${errorPlural}`];
-        }
-        if (warnings) {
-          return ["Znaleziono", `${warnings} ${warningPlural}`];
-        }
-        return null;
-      }
-    }
-  },
-  fileInput: {
-    dragAndDrop: () => "lub przeciągnij i upuść plik",
-    selectFile: () => "Wybierz pliki",
-    fileUploadStatus: () => "Status przesyłania plików",
-    actions: {
-      cancel: () => "Anuluj przesyłanie",
-      clear: () => "Wyczyść",
-      delete: () => "Usuń plik"
-    }
-  },
-  heading: {
-    backLinkAriaLabel: () => "Wstecz"
-  },
-  link: {
-    skipLinkLabel: () => "Przejdź do treści"
-  },
-  loader: {
-    loading: () => "Ładowanie"
-  },
-  message: {
-    closeButtonAriaLabel: () => "Zamknij"
-  },
-  numeralDate: {
-    validation: {
-      day: (month, daysInMonth) => {
-        if (month && daysInMonth) {
-          return `Dzień W ${month} musi być liczbą zakresie 1-${daysInMonth}.`;
-        }
-        return "Dzień musi być liczbą w zakresie 1-31.";
-      },
-      month: () => "Miesiąć musi być liczbą w zakresie 1-12.",
-      year: () => "Rok musi być liczbą w zakresie 1800-2200."
-    },
-    labels: {
-      day: () => "Dzień",
-      month: () => "Miesiąć",
-      year: () => "Rok"
-    }
-  },
-  pager: {
-    show: () => "Pokaż",
-    records: (count, showNumber = true) => {
-      const noun = isSingular(count) ? "rzecz" : "rzeczy";
-      return showNumber ? `${count} ${noun}` : noun;
-    },
-    first: () => "Pierwsza",
-    last: () => "Ostatnia",
-    next: () => "Następna",
-    previous: () => "Poprzednia",
-    pageX: () => "Strona",
-    ofY: count => `z ${count}`
-  },
-  password: {
-    ariaLiveShownMessage: () => "Zostało wyświetlone Twoje hasło. Skup się na haśle, aby je odczytać, jeśli jest to bezpieczne.",
-    ariaLiveHiddenMessage: () => "Twoje hasło jest obecnie ukryte."
-  },
-  progressTracker: {
-    of: () => "z"
-  },
-  pod: {
-    undo: () => "Cofnąć"
-  },
-  select: {
-    actionButtonText: () => "Dodaj nowy element",
-    placeholder: () => "Proszę wybierz...",
-    noResultsForTerm: term => `Brak wyników dla "${term}"`
-  },
-  sidebar: {
-    ariaLabels: {
-      close: () => "Zamknij"
-    }
-  },
-  splitButton: {
-    ariaLabel: () => "Pokaż więcej"
-  },
-  stepFlow: {
-    stepLabel: (currentStep, totalSteps) => `Krok ${currentStep} z ${totalSteps}`,
-    screenReaderOnlyTitle: (title, currentStep, totalSteps, category) => `${category ? `${category}.` : ""}. ${title}. Krok ${currentStep} of ${totalSteps}.`,
-    closeIconAriaLabel: () => "Zamknij"
-  },
-  switch: {
-    on: () => "WŁ",
-    off: () => "WYŁ"
-  },
-  textEditor: {
-    tooltipMessages: {
-      bold: () => "Pogrubiony",
-      italic: () => "Kursywa",
-      bulletList: () => "Lista Punktowana",
-      numberList: () => "Lista Numerowana"
-    },
-    ariaLabels: {
-      bold: () => "pogrubiony",
-      italic: () => "kursywa",
-      bulletList: () => "lista-punktowana",
-      numberList: () => "lista-numerowana"
-    }
-  },
-  tileSelect: {
-    deselect: () => "Odznacz"
-  },
-  time: {
-    amText: () => "AM",
-    pmText: () => "PM",
-    hoursLabelText: () => "Hrs.",
-    minutesLabelText: () => "Min.",
-    hoursAriaLabelText: () => "Godziny",
-    minutesAriaLabelText: () => "Minuty"
-  },
-  toast: {
-    ariaLabels: {
-      close: () => "Zamknij"
-    }
-  },
-  verticalMenuFullScreen: {
-    ariaLabels: {
-      close: () => "Zamknij"
-    }
-  }
-};
-export { PolishPlural as PolishPlurals };
-export default plPL;

package/lib/locales/__internal__/pl-pl.d.ts

@@ -1,5 +0,0 @@
-import Locale from "../locale";
-export declare const PolishPlural: (singularNominativ: string, pluralNominativ: string, pluralGenitive: string, value: number) => string;
-declare const plPL: Locale;
-export { PolishPlural as PolishPlurals };
-export default plPL;