@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/StatusDropdown.js CHANGED
@@ -57,10 +57,22 @@ var Target = function Target(_ref) {
57
57
  t = _useTranslation.t;
58
58
  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");
59
59
  var isOptionSelected = !isNil(value);
60
- return /*#__PURE__*/jsxs("div", {
60
+ var handleClearClick = function handleClearClick(event) {
61
+ onClear();
62
+ event.stopPropagation();
63
+ };
64
+ var handleClearKeyDown = function handleClearKeyDown(event) {
65
+ if (!(event.key === "Enter" || event.key === " ")) return;
66
+ event.preventDefault();
67
+ handleClearClick(event);
68
+ };
69
+ return /*#__PURE__*/jsxs("button", {
70
+ "aria-haspopup": "listbox",
61
71
  className: targetClassName,
62
72
  "data-cy": dataCy,
63
73
  "data-testid": "status-dropdown",
74
+ type: "button",
75
+ "aria-label": isOptionSelected ? "Selected: ".concat(label) : placeholder || t("neetoMolecules.statusDropdown.placeholder"),
64
76
  children: [isOptionSelected ? /*#__PURE__*/jsx(Typography, {
65
77
  className: "inline",
66
78
  style: "body2",
@@ -69,19 +81,22 @@ var Target = function Target(_ref) {
69
81
  className: "neeto-ui-text-gray-600 inline",
70
82
  style: "body2",
71
83
  children: placeholder || t("neetoMolecules.statusDropdown.placeholder")
72
- }), /*#__PURE__*/jsxs("div", {
84
+ }), /*#__PURE__*/jsxs("span", {
73
85
  className: "inline-flex items-center gap-1",
74
- children: [isClearable && isOptionSelected && /*#__PURE__*/jsx("button", {
86
+ children: [isClearable && isOptionSelected && /*#__PURE__*/jsx("span", {
87
+ "aria-label": t("neetoMolecules.statusDropdown.clear"),
88
+ className: "cursor-pointer",
75
89
  "data-cy": "status-dropdown-clear-button",
76
90
  "data-testid": "status-dropdown-clear-button",
77
- onClick: function onClick(event) {
78
- onClear();
79
- event.stopPropagation();
80
- },
91
+ role: "button",
92
+ tabIndex: 0,
93
+ onClick: handleClearClick,
94
+ onKeyDown: handleClearKeyDown,
81
95
  children: /*#__PURE__*/jsx(Close, {
82
96
  size: ICON_SIZE
83
97
  })
84
98
  }), /*#__PURE__*/jsx(Down, {
99
+ "aria-hidden": "true",
85
100
  size: ICON_SIZE
86
101
  })]
87
102
  })]
package/dist/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/dist/cjs/ShareViaLink.js CHANGED
@@ -586,13 +586,15 @@ var Card = function Card(_ref) {
586
586
  children: [Icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
587
587
  className: "neeto-ui-text-gray-500 flex-shrink-0",
588
588
  size: 24
589
- }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
590
- className: "min-w-0 flex-grow break-words",
589
+ }), /*#__PURE__*/jsxRuntime.jsxs(Typography, {
590
+ className: "neeto-molecules-share-landing__card-title min-w-0 flex-grow break-words",
591
591
  style: "h4",
592
- children: title
593
- }), helpPopoverProps && /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread({}, helpPopoverProps))]
592
+ children: [title, helpPopoverProps && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
593
+ children: [" ", /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread({}, helpPopoverProps))]
594
+ })]
595
+ })]
594
596
  }), description && /*#__PURE__*/jsxRuntime.jsx(Typography, {
595
- className: "break-words",
597
+ className: "neeto-molecules-share-landing__card-desc break-words",
596
598
  lineHeight: "normal",
597
599
  style: "body2",
598
600
  children: description
@@ -617,7 +619,7 @@ var ShareBlock = function ShareBlock(_ref) {
617
619
  };
618
620
  var hasMoreOptions = neetoCist.isPresent(moreOptions);
619
621
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
620
- className: "neeto-ui-border-gray-200 mt-8 grid grid-cols-1 gap-4 border-t pt-8 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
622
+ className: "neeto-ui-border-gray-200 mt-8 grid grid-cols-1 gap-4 border-t pt-8 sm:grid-cols-2 md:grid-cols-3",
621
623
  children: [hasMoreOptions && moreOptions.filter(function (_ref2) {
622
624
  var permissions = _ref2.permissions;
623
625
  return neetoCist.isNotPresent(permissions) || globalProps.permissions.some(ramda.includes(ramda.__, permissions));
@@ -1685,7 +1687,7 @@ var QRCode = function QRCode(_ref) {
1685
1687
  });
1686
1688
  };
1687
1689
 
1688
- var css = ".neeto-molecules-share-landing__card{outline:1px solid rgb(var(--neeto-ui-white))!important;transition:all .3s!important}.neeto-molecules-share-landing__card:hover{border-color:rgb(var(--neeto-ui-primary-500))!important;outline:1px solid rgb(var(--neeto-ui-primary-500))!important}";
1690
+ var css = ".neeto-molecules-share-landing__card{outline:1px solid rgb(var(--neeto-ui-white))!important;transition:all .3s!important}.neeto-molecules-share-landing__card:hover{border-color:rgb(var(--neeto-ui-primary-500))!important;outline:1px solid rgb(var(--neeto-ui-primary-500))!important}.neeto-molecules-share-landing__card-title .neeto-molecule-help-popover-trigger{display:inline-block!important;vertical-align:middle}";
1689
1691
  injectCss.n(css,{});
1690
1692
 
1691
1693
  var SocialMedia = function SocialMedia(_ref) {