@bigbinary/neeto-molecules 3.16.92 → 3.16.94

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/ShareViaLink.js +9 -7
  2. package/dist/ShareViaLink.js.map +1 -1
  3. package/dist/StatusDropdown.js +22 -7
  4. package/dist/StatusDropdown.js.map +1 -1
  5. package/dist/cjs/ShareViaLink.js +9 -7
  6. package/dist/cjs/ShareViaLink.js.map +1 -1
  7. package/dist/cjs/StatusDropdown.js +22 -7
  8. package/dist/cjs/StatusDropdown.js.map +1 -1
  9. package/package.json +1 -1
  10. package/src/translations/de.json +2 -1
  11. package/src/translations/en.json +2 -1
  12. package/src/translations/es.json +2 -1
  13. package/src/translations/fr.json +2 -1
  14. package/src/translations/nl.json +2 -1
  15. package/src/translations/pl.json +2 -1
  16. package/src/translations/pt.json +2 -1
package/dist/cjs/StatusDropdown.js CHANGED
@@ -59,10 +59,22 @@ var Target = function Target(_ref) {
59
59
  t = _useTranslation.t;
60
60
  var targetClassName = "neeto-ui-rounded-sm inline-flex items-center gap-2 cursor-pointer py-0.5 px-2 status-dropdown-target--".concat(color || "waiting");
61
61
  var isOptionSelected = !ramda.isNil(value);
62
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
62
+ var handleClearClick = function handleClearClick(event) {
63
+ onClear();
64
+ event.stopPropagation();
65
+ };
66
+ var handleClearKeyDown = function handleClearKeyDown(event) {
67
+ if (!(event.key === "Enter" || event.key === " ")) return;
68
+ event.preventDefault();
69
+ handleClearClick(event);
70
+ };
71
+ return /*#__PURE__*/jsxRuntime.jsxs("button", {
72
+ "aria-haspopup": "listbox",
63
73
  className: targetClassName,
64
74
  "data-cy": dataCy,
65
75
  "data-testid": "status-dropdown",
76
+ type: "button",
77
+ "aria-label": isOptionSelected ? "Selected: ".concat(label) : placeholder || t("neetoMolecules.statusDropdown.placeholder"),
66
78
  children: [isOptionSelected ? /*#__PURE__*/jsxRuntime.jsx(Typography, {
67
79
  className: "inline",
68
80
  style: "body2",
@@ -71,19 +83,22 @@ var Target = function Target(_ref) {
71
83
  className: "neeto-ui-text-gray-600 inline",
72
84
  style: "body2",
73
85
  children: placeholder || t("neetoMolecules.statusDropdown.placeholder")
74
- }), /*#__PURE__*/jsxRuntime.jsxs("div", {
86
+ }), /*#__PURE__*/jsxRuntime.jsxs("span", {
75
87
  className: "inline-flex items-center gap-1",
76
- children: [isClearable && isOptionSelected && /*#__PURE__*/jsxRuntime.jsx("button", {
88
+ children: [isClearable && isOptionSelected && /*#__PURE__*/jsxRuntime.jsx("span", {
89
+ "aria-label": t("neetoMolecules.statusDropdown.clear"),
90
+ className: "cursor-pointer",
77
91
  "data-cy": "status-dropdown-clear-button",
78
92
  "data-testid": "status-dropdown-clear-button",
79
- onClick: function onClick(event) {
80
- onClear();
81
- event.stopPropagation();
82
- },
93
+ role: "button",
94
+ tabIndex: 0,
95
+ onClick: handleClearClick,
96
+ onKeyDown: handleClearKeyDown,
83
97
  children: /*#__PURE__*/jsxRuntime.jsx(Close, {
84
98
  size: ICON_SIZE
85
99
  })
86
100
  }), /*#__PURE__*/jsxRuntime.jsx(Down, {
101
+ "aria-hidden": "true",
87
102
  size: ICON_SIZE
88
103
  })]
89
104
  })]
package/dist/cjs/StatusDropdown.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StatusDropdown.js","sources":["../../src/components/StatusDropdown/Menu.jsx","../../src/components/StatusDropdown/constants.js","../../src/components/StatusDropdown/Target.jsx","../../src/components/StatusDropdown/index.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { hyphenate } from \"neetocist\";\nimport { Dropdown } from \"neetoui\";\n\nconst { Menu: NeetoUIMenu, MenuItem } = Dropdown;\n\nconst Menu = ({\n onItemClick,\n options,\n shouldShowAllOptions = false,\n hiddenStatuses = [],\n}) => {\n const allowedOptions = shouldShowAllOptions\n ? options\n : options.filter(status => !hiddenStatuses.includes(status.value));\n\n return (\n <NeetoUIMenu data-testid=\"status-dropdown-menu\">\n {allowedOptions?.map(option => (\n <MenuItem.Button\n className={`status-dropdown-item--${option.color}`}\n data-cy={`status-dropdown-item-${hyphenate(option.value)}`}\n data-testid={`status-dropdown-item-${option.value}`}\n key={option.value}\n onClick={() => onItemClick(option)}\n >\n {option.label}\n </MenuItem.Button>\n ))}\n </NeetoUIMenu>\n );\n};\n\nexport default memo(Menu);\n","export const ICON_SIZE = 16;\n","import { memo } from \"react\";\n\nimport { Down, Close } from \"neetoicons\";\nimport { Typography } from \"neetoui\";\nimport { isNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { ICON_SIZE } from \"./constants\";\n\nconst Target = ({\n color,\n value,\n label,\n dataCy,\n isClearable,\n onClear,\n placeholder,\n}) => {\n const { t } = useTranslation();\n const targetClassName = `neeto-ui-rounded-sm inline-flex items-center gap-2 cursor-pointer py-0.5 px-2 status-dropdown-target--${\n color || \"waiting\"\n }`;\n const isOptionSelected = !isNil(value);\n\n return (\n <div\n className={targetClassName}\n data-cy={dataCy}\n data-testid=\"status-dropdown\"\n >\n {isOptionSelected ? (\n <Typography className=\"inline\" style=\"body2\">\n {label}\n </Typography>\n ) : (\n <Typography className=\"neeto-ui-text-gray-600 inline\" style=\"body2\">\n {placeholder || t(\"neetoMolecules.statusDropdown.placeholder\")}\n </Typography>\n )}\n <div className=\"inline-flex items-center gap-1\">\n {isClearable && isOptionSelected && (\n <button\n data-cy=\"status-dropdown-clear-button\"\n data-testid=\"status-dropdown-clear-button\"\n onClick={event => {\n onClear();\n event.stopPropagation();\n }}\n >\n <Close size={ICON_SIZE} />\n </button>\n )}\n <Down size={ICON_SIZE} />\n </div>\n </div>\n );\n};\n\nexport default memo(Target);\n","import { _findBy, noop } from \"neetocist\";\nimport { Dropdown, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Menu from \"./Menu\";\nimport \"./status-dropdown.scss\";\nimport Target from \"./Target\";\n\nconst StatusDropdown = ({\n disabled = false,\n hiddenStatuses = [],\n isLoading = false,\n onItemClick,\n options,\n placeholder = null,\n selectedValue,\n shouldShowAllOptions = false,\n isClearable = false,\n onClear = noop,\n dataCy = \"status-dropdown\",\n}) => {\n const selectedOption = _findBy({ value: selectedValue }, options);\n\n return (\n <Dropdown\n {...{ disabled }}\n strategy=\"fixed\"\n customTarget={() => (\n <Target\n label={selectedValue}\n {...{ ...selectedOption, dataCy, isClearable, onClear, placeholder }}\n />\n )}\n >\n {isLoading ? (\n <div className=\"flex w-full items-center justify-center py-8\">\n <Spinner />\n </div>\n ) : (\n <Menu\n {...{ hiddenStatuses, onItemClick, options, shouldShowAllOptions }}\n />\n )}\n </Dropdown>\n );\n};\n\nStatusDropdown.Menu = Menu;\n\nStatusDropdown.propTypes = {\n /**\n * This prop will decide whether the dropdown is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * Statuses to be hidden when shouldShowAllOptions is false.\n */\n hiddenStatuses: PropTypes.array,\n /**\n * This prop will decide whether the dropdown is in loading state or not.\n */\n isLoading: PropTypes.bool,\n /**\n * Function to be called when a menu item is clicked.\n */\n onItemClick: PropTypes.func,\n /**\n * The items that should be shown in the dropdown.\n */\n options: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n color: PropTypes.string,\n })\n ),\n /**\n * Placeholder for the dropdown.\n */\n placeholder: PropTypes.string,\n /**\n * The selected value.\n */\n selectedValue: PropTypes.string,\n /**\n * This prop will decide whether all options should be shown or not. If set to false, the items in hiddenStatuses will not be shown.\n */\n shouldShowAllOptions: PropTypes.bool,\n /**\n * This prop will decide whether the dropdown is clearable or not.\n */\n isClearable: PropTypes.bool,\n /**\n * Function to be called when the clear button is clicked.\n */\n onClear: PropTypes.func,\n};\n\nexport default StatusDropdown;\n"],"names":["NeetoUIMenu","Dropdown","Menu","MenuItem","_ref","onItemClick","options","_ref$shouldShowAllOpt","shouldShowAllOptions","_ref$hiddenStatuses","hiddenStatuses","allowedOptions","filter","status","includes","value","_jsx","children","map","option","Button","className","concat","color","hyphenate","onClick","label","memo","ICON_SIZE","Target","dataCy","isClearable","onClear","placeholder","_useTranslation","useTranslation","t","targetClassName","isOptionSelected","isNil","_jsxs","Typography","style","event","stopPropagation","Close","size","Down","StatusDropdown","_ref$disabled","disabled","_ref$isLoading","isLoading","_ref$placeholder","selectedValue","_ref$isClearable","_ref$onClear","noop","_ref$dataCy","selectedOption","_findBy","strategy","customTarget","_objectSpread","Spinner"],"mappings":"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"}
1
+ {"version":3,"file":"StatusDropdown.js","sources":["../../src/components/StatusDropdown/Menu.jsx","../../src/components/StatusDropdown/constants.js","../../src/components/StatusDropdown/Target.jsx","../../src/components/StatusDropdown/index.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { hyphenate } from \"neetocist\";\nimport { Dropdown } from \"neetoui\";\n\nconst { Menu: NeetoUIMenu, MenuItem } = Dropdown;\n\nconst Menu = ({\n onItemClick,\n options,\n shouldShowAllOptions = false,\n hiddenStatuses = [],\n}) => {\n const allowedOptions = shouldShowAllOptions\n ? options\n : options.filter(status => !hiddenStatuses.includes(status.value));\n\n return (\n <NeetoUIMenu data-testid=\"status-dropdown-menu\">\n {allowedOptions?.map(option => (\n <MenuItem.Button\n className={`status-dropdown-item--${option.color}`}\n data-cy={`status-dropdown-item-${hyphenate(option.value)}`}\n data-testid={`status-dropdown-item-${option.value}`}\n key={option.value}\n onClick={() => onItemClick(option)}\n >\n {option.label}\n </MenuItem.Button>\n ))}\n </NeetoUIMenu>\n );\n};\n\nexport default memo(Menu);\n","export const ICON_SIZE = 16;\n","import { memo } from \"react\";\n\nimport { Down, Close } from \"neetoicons\";\nimport { Typography } from \"neetoui\";\nimport { isNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { ICON_SIZE } from \"./constants.js\";\n\nconst Target = ({\n color,\n value,\n label,\n dataCy,\n isClearable,\n onClear,\n placeholder,\n}) => {\n const { t } = useTranslation();\n const targetClassName = `neeto-ui-rounded-sm inline-flex items-center gap-2 cursor-pointer py-0.5 px-2 status-dropdown-target--${\n color || \"waiting\"\n }`;\n const isOptionSelected = !isNil(value);\n\n const handleClearClick = event => {\n onClear();\n event.stopPropagation();\n };\n\n const handleClearKeyDown = event => {\n if (!(event.key === \"Enter\" || event.key === \" \")) return;\n event.preventDefault();\n handleClearClick(event);\n };\n\n return (\n <button\n aria-haspopup=\"listbox\"\n className={targetClassName}\n data-cy={dataCy}\n data-testid=\"status-dropdown\"\n type=\"button\"\n aria-label={\n isOptionSelected\n ? `Selected: ${label}`\n : placeholder || t(\"neetoMolecules.statusDropdown.placeholder\")\n }\n >\n {isOptionSelected ? (\n <Typography className=\"inline\" style=\"body2\">\n {label}\n </Typography>\n ) : (\n <Typography className=\"neeto-ui-text-gray-600 inline\" style=\"body2\">\n {placeholder || t(\"neetoMolecules.statusDropdown.placeholder\")}\n </Typography>\n )}\n <span className=\"inline-flex items-center gap-1\">\n {isClearable && isOptionSelected && (\n <span\n aria-label={t(\"neetoMolecules.statusDropdown.clear\")}\n className=\"cursor-pointer\"\n data-cy=\"status-dropdown-clear-button\"\n data-testid=\"status-dropdown-clear-button\"\n role=\"button\"\n tabIndex={0}\n onClick={handleClearClick}\n onKeyDown={handleClearKeyDown}\n >\n <Close size={ICON_SIZE} />\n </span>\n )}\n <Down aria-hidden=\"true\" size={ICON_SIZE} />\n </span>\n </button>\n );\n};\n\nexport default memo(Target);\n","import { _findBy, noop } from \"neetocist\";\nimport { Dropdown, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Menu from \"./Menu\";\nimport \"./status-dropdown.scss\";\nimport Target from \"./Target\";\n\nconst StatusDropdown = ({\n disabled = false,\n hiddenStatuses = [],\n isLoading = false,\n onItemClick,\n options,\n placeholder = null,\n selectedValue,\n shouldShowAllOptions = false,\n isClearable = false,\n onClear = noop,\n dataCy = \"status-dropdown\",\n}) => {\n const selectedOption = _findBy({ value: selectedValue }, options);\n\n return (\n <Dropdown\n {...{ disabled }}\n strategy=\"fixed\"\n customTarget={() => (\n <Target\n label={selectedValue}\n {...{ ...selectedOption, dataCy, isClearable, onClear, placeholder }}\n />\n )}\n >\n {isLoading ? (\n <div className=\"flex w-full items-center justify-center py-8\">\n <Spinner />\n </div>\n ) : (\n <Menu\n {...{ hiddenStatuses, onItemClick, options, shouldShowAllOptions }}\n />\n )}\n </Dropdown>\n );\n};\n\nStatusDropdown.Menu = Menu;\n\nStatusDropdown.propTypes = {\n /**\n * This prop will decide whether the dropdown is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * Statuses to be hidden when shouldShowAllOptions is false.\n */\n hiddenStatuses: PropTypes.array,\n /**\n * This prop will decide whether the dropdown is in loading state or not.\n */\n isLoading: PropTypes.bool,\n /**\n * Function to be called when a menu item is clicked.\n */\n onItemClick: PropTypes.func,\n /**\n * The items that should be shown in the dropdown.\n */\n options: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n color: PropTypes.string,\n })\n ),\n /**\n * Placeholder for the dropdown.\n */\n placeholder: PropTypes.string,\n /**\n * The selected value.\n */\n selectedValue: PropTypes.string,\n /**\n * This prop will decide whether all options should be shown or not. If set to false, the items in hiddenStatuses will not be shown.\n */\n shouldShowAllOptions: PropTypes.bool,\n /**\n * This prop will decide whether the dropdown is clearable or not.\n */\n isClearable: PropTypes.bool,\n /**\n * Function to be called when the clear button is clicked.\n */\n onClear: PropTypes.func,\n};\n\nexport default StatusDropdown;\n"],"names":["NeetoUIMenu","Dropdown","Menu","MenuItem","_ref","onItemClick","options","_ref$shouldShowAllOpt","shouldShowAllOptions","_ref$hiddenStatuses","hiddenStatuses","allowedOptions","filter","status","includes","value","_jsx","children","map","option","Button","className","concat","color","hyphenate","onClick","label","memo","ICON_SIZE","Target","dataCy","isClearable","onClear","placeholder","_useTranslation","useTranslation","t","targetClassName","isOptionSelected","isNil","handleClearClick","event","stopPropagation","handleClearKeyDown","key","preventDefault","_jsxs","type","Typography","style","role","tabIndex","onKeyDown","Close","size","Down","StatusDropdown","_ref$disabled","disabled","_ref$isLoading","isLoading","_ref$placeholder","selectedValue","_ref$isClearable","_ref$onClear","noop","_ref$dataCy","selectedOption","_findBy","strategy","customTarget","_objectSpread","Spinner"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bigbinary/neeto-molecules",
3
- "version": "3.16.92",
3
+ "version": "3.16.94",
4
4
  "description": "A package of reusable molecular components for neeto products.",
5
5
  "repository": "git@github.com:bigbinary/neeto-molecules.git",
6
6
  "author": "Amaljith K <amaljith.k@bigbinary.com>",
package/src/translations/de.json CHANGED
@@ -840,7 +840,8 @@
840
840
  "refreshRibbon": "Neue Updates sind verfügbar. Bitte <button>aktualisieren Sie die Seite</button>, um auf dem neuesten Stand zu bleiben."
841
841
  },
842
842
  "statusDropdown": {
843
- "placeholder": "Status auswählen"
843
+ "placeholder": "Status auswählen",
844
+ "clear": "Löschen"
844
845
  },
845
846
  "versionHistory": {
846
847
  "paneTitle": "Versionsverlauf",
package/src/translations/en.json CHANGED
@@ -846,7 +846,8 @@
846
846
  "refreshRibbon": "New updates are available. Please <button>refresh the page</button> to stay updated."
847
847
  },
848
848
  "statusDropdown": {
849
- "placeholder": "Select a status"
849
+ "placeholder": "Select a status",
850
+ "clear": "Clear"
850
851
  },
851
852
  "versionHistory": {
852
853
  "paneTitle": "Version history",
package/src/translations/es.json CHANGED
@@ -840,7 +840,8 @@
840
840
  "refreshRibbon": "Nuevas actualizaciones disponibles. Por favor <button>recarga la página</button> para estar actualizado."
841
841
  },
842
842
  "statusDropdown": {
843
- "placeholder": "Seleccionar un estado"
843
+ "placeholder": "Seleccionar un estado",
844
+ "clear": "Limpiar"
844
845
  },
845
846
  "versionHistory": {
846
847
  "paneTitle": "Historial de versiones",
package/src/translations/fr.json CHANGED
@@ -840,7 +840,8 @@
840
840
  "refreshRibbon": "De nouvelles mises à jour sont disponibles. Veuillez <button>refresh the page</button> pour rester à jour."
841
841
  },
842
842
  "statusDropdown": {
843
- "placeholder": "Sélectionner un statut"
843
+ "placeholder": "Sélectionner un statut",
844
+ "clear": "Effacer"
844
845
  },
845
846
  "versionHistory": {
846
847
  "paneTitle": "Historique des versions",
package/src/translations/nl.json CHANGED
@@ -840,7 +840,8 @@
840
840
  "refreshRibbon": "Nieuwe updates zijn beschikbaar. Gelieve <button>vernieuw de pagina</button> om op de hoogte te blijven."
841
841
  },
842
842
  "statusDropdown": {
843
- "placeholder": "Selecteer een status"
843
+ "placeholder": "Selecteer een status",
844
+ "clear": "Wis"
844
845
  },
845
846
  "versionHistory": {
846
847
  "paneTitle": "Versiegeschiedenis",
package/src/translations/pl.json CHANGED
@@ -840,7 +840,8 @@
840
840
  "refreshRibbon": "Nowe aktualizacje są dostępne. Proszę <button>odświeżyć stronę</button>, aby pozostać na bieżąco."
841
841
  },
842
842
  "statusDropdown": {
843
- "placeholder": "Wybierz status"
843
+ "placeholder": "Wybierz status",
844
+ "clear": "Wyczyść"
844
845
  },
845
846
  "versionHistory": {
846
847
  "paneTitle": "Historia wersji",
package/src/translations/pt.json CHANGED
@@ -840,7 +840,8 @@
840
840
  "refreshRibbon": "Novas atualizações estão disponíveis. Por favor, <button>recarregue a página</button> para se manter atualizado."
841
841
  },
842
842
  "statusDropdown": {
843
- "placeholder": "Selecionar um status"
843
+ "placeholder": "Selecionar um status",
844
+ "clear": "Limpar"
844
845
  },
845
846
  "versionHistory": {
846
847
  "paneTitle": "Histórico de versões",