@bigbinary/neeto-molecules 4.0.38 → 4.0.39

package/dist/StatusDropdown.js

@@ -131,6 +131,9 @@ var StatusDropdown = function StatusDropdown(_ref) {
   }, options);
   return /*#__PURE__*/jsx(Dropdown, {
     disabled: disabled,
+    appendTo: function appendTo() {
+      return document.body;
+    },
     strategy: "fixed",
     customTarget: function customTarget() {
       return /*#__PURE__*/jsx(Target$1, _objectSpread({

package/dist/StatusDropdown.js.map

@@ -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.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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"}
+{"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      appendTo={() => document.body}\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","appendTo","document","body","strategy","customTarget","_objectSpread","Spinner"],"mappings":";;;;;;;;;;;;;AAKA,IAAcA,WAAW,GAAeC,QAAQ,CAAxCC,IAAI;EAAeC,QAAQ,GAAKF,QAAQ,CAArBE,QAAQ;AAEnC,IAAMD,IAAI,GAAG,SAAPA,IAAIA,CAAAE,IAAA,EAKJ;AAAA,EAAA,IAJJC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAAC,qBAAA,GAAAH,IAAA,CACPI,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IAAAE,mBAAA,GAAAL,IAAA,CAC5BM,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,mBAAA;EAEnB,IAAME,cAAc,GAAGH,oBAAoB,GACvCF,OAAO,GACPA,OAAO,CAACM,MAAM,CAAC,UAAAC,MAAM,EAAA;IAAA,OAAI,CAACH,cAAc,CAACI,QAAQ,CAACD,MAAM,CAACE,KAAK,CAAC;EAAA,CAAA,CAAC;EAEpE,oBACEC,GAAA,CAAChB,WAAW,EAAA;AAAC,IAAA,aAAA,EAAY,sBAAsB;IAAAiB,QAAA,EAC5CN,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,MAAA,GAAA,MAAA,GAAdA,cAAc,CAAEO,GAAG,CAAC,UAAAC,MAAM,EAAA;AAAA,MAAA,oBACzBH,GAAA,CAACb,QAAQ,CAACiB,MAAM,EAAA;AACdC,QAAAA,SAAS,2BAAAC,MAAA,CAA2BH,MAAM,CAACI,KAAK,CAAG;QACnD,SAAA,EAAA,uBAAA,CAAAD,MAAA,CAAiCE,SAAS,CAACL,MAAM,CAACJ,KAAK,CAAC,CAAG;AAC3D,QAAA,aAAA,EAAA,uBAAA,CAAAO,MAAA,CAAqCH,MAAM,CAACJ,KAAK,CAAG;QAEpDU,OAAO,EAAE,SAATA,OAAOA,GAAA;UAAA,OAAQpB,WAAW,CAACc,MAAM,CAAC;QAAA,CAAC;QAAAF,QAAA,EAElCE,MAAM,CAACO;OAAK,EAHRP,MAAM,CAACJ,KAIG,CAAC;IAAA,CACnB;AAAC,GACS,CAAC;AAElB,CAAC;AAED,aAAA,aAAeY,IAAI,CAACzB,IAAI,CAAC;;;;;AClClB,IAAM0B,SAAS,GAAG,EAAE;;ACS3B,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAAzB,IAAA,EAQN;AAAA,EAAA,IAPJmB,KAAK,GAAAnB,IAAA,CAALmB,KAAK;IACLR,KAAK,GAAAX,IAAA,CAALW,KAAK;IACLW,KAAK,GAAAtB,IAAA,CAALsB,KAAK;IACLI,MAAM,GAAA1B,IAAA,CAAN0B,MAAM;IACNC,WAAW,GAAA3B,IAAA,CAAX2B,WAAW;IACXC,OAAO,GAAA5B,IAAA,CAAP4B,OAAO;IACPC,WAAW,GAAA7B,IAAA,CAAX6B,WAAW;AAEX,EAAA,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AACT,EAAA,IAAMC,eAAe,GAAA,wGAAA,CAAAf,MAAA,CACnBC,KAAK,IAAI,SAAS,CAClB;AACF,EAAA,IAAMe,gBAAgB,GAAG,CAACC,KAAK,CAACxB,KAAK,CAAC;AAEtC,EAAA,IAAMyB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAGC,KAAK,EAAI;AAChCT,IAAAA,OAAO,EAAE;IACTS,KAAK,CAACC,eAAe,EAAE;EACzB,CAAC;AAED,EAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAGF,KAAK,EAAI;AAClC,IAAA,IAAI,EAAEA,KAAK,CAACG,GAAG,KAAK,OAAO,IAAIH,KAAK,CAACG,GAAG,KAAK,GAAG,CAAC,EAAE;IACnDH,KAAK,CAACI,cAAc,EAAE;IACtBL,gBAAgB,CAACC,KAAK,CAAC;EACzB,CAAC;AAED,EAAA,oBACEK,IAAA,CAAA,QAAA,EAAA;AACE,IAAA,eAAA,EAAc,SAAS;AACvBzB,IAAAA,SAAS,EAAEgB,eAAgB;AAC3B,IAAA,SAAA,EAASP,MAAO;AAChB,IAAA,aAAA,EAAY,iBAAiB;AAC7BiB,IAAAA,IAAI,EAAC,QAAQ;IACb,YAAA,EACET,gBAAgB,GAAA,YAAA,CAAAhB,MAAA,CACCI,KAAK,CAAA,GAClBO,WAAW,IAAIG,CAAC,CAAC,2CAA2C,CACjE;AAAAnB,IAAAA,QAAA,EAAA,CAEAqB,gBAAgB,gBACftB,GAAA,CAACgC,UAAU,EAAA;AAAC3B,MAAAA,SAAS,EAAC,QAAQ;AAAC4B,MAAAA,KAAK,EAAC,OAAO;AAAAhC,MAAAA,QAAA,EACzCS;AAAK,KACI,CAAC,gBAEbV,GAAA,CAACgC,UAAU,EAAA;AAAC3B,MAAAA,SAAS,EAAC,+BAA+B;AAAC4B,MAAAA,KAAK,EAAC,OAAO;AAAAhC,MAAAA,QAAA,EAChEgB,WAAW,IAAIG,CAAC,CAAC,2CAA2C;KACnD,CACb,eACDU,IAAA,CAAA,MAAA,EAAA;AAAMzB,MAAAA,SAAS,EAAC,gCAAgC;AAAAJ,MAAAA,QAAA,EAAA,CAC7Cc,WAAW,IAAIO,gBAAgB,iBAC9BtB,GAAA,CAAA,MAAA,EAAA;QACE,YAAA,EAAYoB,CAAC,CAAC,qCAAqC,CAAE;AACrDf,QAAAA,SAAS,EAAC,gBAAgB;AAC1B,QAAA,SAAA,EAAQ,8BAA8B;AACtC,QAAA,aAAA,EAAY,8BAA8B;AAC1C6B,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,QAAQ,EAAE,CAAE;AACZ1B,QAAAA,OAAO,EAAEe,gBAAiB;AAC1BY,QAAAA,SAAS,EAAET,kBAAmB;QAAA1B,QAAA,eAE9BD,GAAA,CAACqC,KAAK,EAAA;AAACC,UAAAA,IAAI,EAAE1B;SAAY;AAAC,OACtB,CACP,eACDZ,GAAA,CAACuC,IAAI,EAAA;AAAC,QAAA,aAAA,EAAY,MAAM;AAACD,QAAAA,IAAI,EAAE1B;AAAU,OAAE,CAAC;AAAA,KACxC,CAAC;AAAA,GACD,CAAC;AAEb,CAAC;AAED,eAAA,aAAeD,IAAI,CAACE,MAAM,CAAC;;;;ACtE3B,IAAM2B,cAAc,GAAG,SAAjBA,cAAcA,CAAApD,IAAA,EAYd;AAAA,EAAA,IAAAqD,aAAA,GAAArD,IAAA,CAXJsD,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAAAhD,mBAAA,GAAAL,IAAA,CAChBM,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,mBAAA;IAAAkD,cAAA,GAAAvD,IAAA,CACnBwD,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,cAAA;IACjBtD,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAAuD,gBAAA,GAAAzD,IAAA,CACP6B,WAAW;AAAXA,IAAAA,WAAW,GAAA4B,gBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,gBAAA;IAClBC,aAAa,GAAA1D,IAAA,CAAb0D,aAAa;IAAAvD,qBAAA,GAAAH,IAAA,CACbI,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IAAAwD,gBAAA,GAAA3D,IAAA,CAC5B2B,WAAW;AAAXA,IAAAA,WAAW,GAAAgC,gBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,gBAAA;IAAAC,YAAA,GAAA5D,IAAA,CACnB4B,OAAO;AAAPA,IAAAA,OAAO,GAAAgC,YAAA,KAAA,MAAA,GAAGC,IAAI,GAAAD,YAAA;IAAAE,WAAA,GAAA9D,IAAA,CACd0B,MAAM;AAANA,IAAAA,MAAM,GAAAoC,WAAA,KAAA,MAAA,GAAG,iBAAiB,GAAAA,WAAA;EAE1B,IAAMC,cAAc,GAAGC,OAAO,CAAC;AAAErD,IAAAA,KAAK,EAAE+C;GAAe,EAAExD,OAAO,CAAC;EAEjE,oBACEU,GAAA,CAACf,QAAQ,EAAA;AACDyD,IAAAA,QAAQ,EAARA,QAAQ;IACdW,QAAQ,EAAE,SAAVA,QAAQA,GAAA;MAAA,OAAQC,QAAQ,CAACC,IAAI;IAAA,CAAC;AAC9BC,IAAAA,QAAQ,EAAC,OAAO;IAChBC,YAAY,EAAE,SAAdA,YAAYA,GAAA;AAAA,MAAA,oBACVzD,GAAA,CAACa,QAAM,EAAA6C,aAAA,CAAA;AACLhD,QAAAA,KAAK,EAAEoC;AAAc,OAAA,EAAAY,aAAA,CAAAA,aAAA,CAAA,EAAA,EACZP,cAAc,CAAA,EAAA,EAAA,EAAA;AAAErC,QAAAA,MAAM,EAANA,MAAM;AAAEC,QAAAA,WAAW,EAAXA,WAAW;AAAEC,QAAAA,OAAO,EAAPA,OAAO;AAAEC,QAAAA,WAAW,EAAXA;AAAW,OAAA,CAAA,CACnE,CAAC;IAAA,CACF;IAAAhB,QAAA,EAED2C,SAAS,gBACR5C,GAAA,CAAA,KAAA,EAAA;AAAKK,MAAAA,SAAS,EAAC,8CAA8C;AAAAJ,MAAAA,QAAA,eAC3DD,GAAA,CAAC2D,OAAO,EAAA,EAAE;AAAC,KACR,CAAC,gBAEN3D,GAAA,CAACd,MAAI,EAAA;AACGQ,MAAAA,cAAc,EAAdA,cAAc;AAAEL,MAAAA,WAAW,EAAXA,WAAW;AAAEC,MAAAA,OAAO,EAAPA,OAAO;AAAEE,MAAAA,oBAAoB,EAApBA;KAC7C;AACF,GACO,CAAC;AAEf;AAEAgD,cAAc,CAACtD,IAAI,GAAGA,MAAI;;;;"}

package/dist/cjs/StatusDropdown.js

@@ -133,6 +133,9 @@ var StatusDropdown = function StatusDropdown(_ref) {
   }, options);
   return /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
     disabled: disabled,
+    appendTo: function appendTo() {
+      return document.body;
+    },
     strategy: "fixed",
     customTarget: function customTarget() {
       return /*#__PURE__*/jsxRuntime.jsx(Target$1, _objectSpread({

package/dist/cjs/StatusDropdown.js.map

@@ -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.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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"}
+{"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      appendTo={() => document.body}\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","appendTo","document","body","strategy","customTarget","_objectSpread","Spinner"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "4.0.38",
+  "version": "4.0.39",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/src/translations/bg.json

@@ -495,7 +495,10 @@
         "permissions": {
           "description": "Описание"
         }
-      }
+      },
+      "title": "Одитни журнали",
+      "noData": "Не са намерени одитни журнали.",
+      "noError": "Детайлите на грешката не са налични. Моля, проверете журналите за повече информация."
     },
     "ipRestriction": {
       "switchLabel": "Активирайте ограничаване на IP",
@@ -558,6 +561,179 @@
       "tooltip": {
         "publishLater": "Членът ще бъде публикуван на {{date, anyCase}}."
       }
+    },
+    "sidebar": {
+      "organizationSwitcher": {
+        "addAccount": "Добавете друга сметка"
+      }
+    },
+    "productSwitcher": {
+      "noApps": "Не са намерени приложения.",
+      "chooseNeetoProduct": "Изберете вашия продукт Neeto",
+      "searchProducts": "Търсене на продукти"
+    },
+    "alert": {
+      "timezone": {
+        "title": "Несъответствие на часовата зона",
+        "message": "Забелязахме различия в часовите зони в профила ви и браузъра. По-добре е да актуализирате профила с часовата зона на браузъра, тъй като {{entity}} използва тази часова зона за извършване на различни функционалности, свързани с дати и часове.",
+        "userTimezone": "Часова зона в профила ви: <strong>{{entity, anyCase}}</strong>",
+        "browserTimezone": "Часова зона в браузъра ви: <strong>{{entity, anyCase}}</strong>",
+        "updateProfile": "Сменете часовата зона"
+      }
+    },
+    "widget": {
+      "title": {
+        "embedCode": "Код за вграждане",
+        "userIdentity": "Идентичност на потребителя (по избор)",
+        "sessionContext": "Контекст на сесията (по избор)"
+      },
+      "installation": {
+        "snippet": {
+          "copied": "Копирано в клипборда!",
+          "copy": "Копиране",
+          "sendViaEmail": "Изпратете по имейл",
+          "disabledError": "Моля, активирайте поне 1 уиджет."
+        },
+        "instructions": {
+          "placement": {
+            "selectedWidgets": "<p>Поставете кода за вграждане в HTML файла си. Това ще вградете <fontBold>{{widgetList, anyCase}}</fontBold> в уебсайта си. <Link>Прегледайте статията с помощта</Link> за повече информация.</p>",
+            "selectedChatWidget": "<p>Поставете кода за вграждане в HTML файла си. Това ще вградете <fontBold>{{widgetList, anyCase}}</fontBold> в уебсайта си. Вместо това, за приложения с react можете да използвате <widgetNpmLink>react-use-neeto-widget</widgetNpmLink> пакета за инсталиране на уиджета NeetoChat. <Link>Прегледайте статията с помощта</Link> за повече информация.</p>",
+            "noneOfThese": "<p>Това няма да вгради <fontBold>нито един от уиджетите</fontBold> в уебсайта ви. <Link>Прегледайте статията с помощта</Link> за повече информация.</p>"
+          },
+          "userIdentity": {
+            "chat": "<p>Посочете информация за идентичността на потребителя. Тази информация се използва за класифициране на разговорите в NeetoChat. <Link>Прегледайте статията с помощта</Link> за повече информация.</p>",
+            "replay": "<p>Посочете информация за идентичността на потребителя. Тази информация се използва за класифициране на сесиите на NeetoReplay. <Link>Прегледайте статията с помощта</Link> за повече информация.</p>"
+          },
+          "sessionContext": "<p>Запазете контекстуалните данни за сесии на NeetoReplay. Сесиите могат да бъдат филтрирани по тези данни. <Link>Прегледайте статията с помощта</Link> за повече информация.</p>"
+        },
+        "enabled": "Уиджетът {{productName}} е активиран успешно",
+        "disabled": "Уиджетът {{productName}} е деактивиран успешно"
+      },
+      "email": {
+        "title": "Инструкции за инсталиране на уиджет",
+        "widgetList": "{{widgets, list}}",
+        "fields": {
+          "emails": {
+            "label": "Имейли",
+            "placeholder": "Въведете имейл на получателя",
+            "invalidError": "Моля, въведете валидни имейл адреси."
+          },
+          "subject": {
+            "label": "Тема",
+            "values": {
+              "embedCode": "Инструкции за инсталиране на {{widgetList, anyCase}}",
+              "userIdentity": "Обект на идентичността на уиджета за посочване на детайли за потребителя",
+              "sessionContext": "Обект на контекста на сесията на NeetoReplay за запазване на контекстуална информация"
+            }
+          }
+        },
+        "body": {
+          "values": {
+            "embedCode": {
+              "description": {
+                "engage": "NeetoEngage за информиране на клиентите за новите функции",
+                "chat": "NeetoChat за предоставяне на поддръжка в реално време",
+                "replay": "NeetoReplay за запис на сесиите на потребителите"
+              },
+              "mainText": "<p>Здравейте,</p> <p>Ще използваме {{val, list}}.</p>",
+              "supportText": "<p>Ако имате нужда от помощ, изпратете имейл на <mail>{{helpEmail}}</mail>.</p>",
+              "engageHelp": "<p>За помощ при инсталирането на NeetoEngage, моля, вижте <a>{{helpLink}}</a>.</p>",
+              "chatHelp": "<p>За помощ при инсталирането на NeetoChat, моля, вижте <a>{{helpLink}}</a>.</p>",
+              "replayHelp": "<p>За помощ при инсталирането на NeetoReplay, моля, вижте <a>{{helpLink}}</a>.</p>"
+            },
+            "userIdentity": "<p>Здравейте,</p> <p>Това е структурата на обекта, която можете да използвате за посочване на идентичността на потребителя за уиджета.</p> <p>Можете да намерите документацията на <configureLink>{{userIdentityKbUrl}}</configureLink>.</p>",
+            "sessionContext": "<p>Здравейте,</p> <p>Това е структурата на обекта, която можете да използвате за посочване на контекстуалните стойности за сесиите на NeetoReplay.</p> <p>Можете да намерите документацията на <configureLink>{{sessionContextKbUrl}}</configureLink>.</p>"
+          }
+        },
+        "actions": {
+          "send": "Изпрати",
+          "cancel": "Отказ"
+        },
+        "invalidType": "Получен е невалиден тип имейл."
+      },
+      "developmentInfo": "Тази страница може да бъде достъпвана само в режим SSO. За да получите достъп до страницата, стартирайте NeetoAuth във фонов режим и рестартирайте приложението в режим SSO.",
+      "tooltips": {
+        "productIsDisabled": "Продуктът '{{productName, anyCase}}' е деактивиран за това работно пространство. Моля, активирайте продукта, за да активирате този уиджет."
+      }
+    },
+    "downloadMobileAppCallout": {
+      "message": "Забелязахте, че сте на мобилно устройство. За най-добро изживяване, <a>изтеглете нашето мобилно приложение</a>."
+    },
+    "schedule": {
+      "changeAvailability": "Променете наличността",
+      "unavailable": "Недостъпен",
+      "startTime": "Начално време",
+      "endTime": "Крайно време",
+      "copySchedule": "Копирайте разписанието в..",
+      "copyScheduleTooltip": "Копирайте това разписание за друг ден",
+      "addNewPeriod": "Добавете нов период",
+      "timezoneTooltip": "Вашата часова зона",
+      "days": {
+        "monday": "Понеделник",
+        "tuesday": "Вторник",
+        "wednesday": "Сряда",
+        "thursday": "Четвъртък",
+        "friday": "Петък",
+        "saturday": "Събота",
+        "sunday": "Неделя"
+      },
+      "errors": {
+        "period": {
+          "startTime": "Началното време е задължително",
+          "endTime": "Крайно време е задължително",
+          "isBehind": "Крайното време на периода не трябва да е преди началното време",
+          "overlap": "Този период се препокрива с ({{ start }}-{{ end }})",
+          "sameTime": "Началното и крайното време на периодите не могат да са същите"
+        }
+      }
+    },
+    "dateRangeFilter": {
+      "timePeriodOptions": {
+        "last7Days": "Последните 7 дни",
+        "last30Days": "Последните 30 дни",
+        "last24Hours": "Последните 24 часа",
+        "thisMonth": "Този месец",
+        "lastMonth": "Миналия месец",
+        "thisYear": "Тази година",
+        "lastYear": "Миналата година",
+        "thisQuarter": "Тази четвърт",
+        "lastQuarter": "Миналата четвърт",
+        "thisWeek": "Тази седмица",
+        "lastWeek": "Миналата седмица",
+        "allTime": "Всяко време",
+        "customDuration": "Персонализирана продължителност"
+      }
+    },
+    "browserSupport": {
+      "unsupportedBrowserVersion": {
+        "title": "Неподдържана версия",
+        "description": "Използвате {{browserName, anyCase}} {{browserVersion}}. Препоръчваме {{browserName, anyCase}} {{requiredMinBrowserVersion}} или по-нова версия, за да работи приложението надеждно. <downloadLink><downloadLink><contactUs><contactUs>"
+      },
+      "unsupportedBrowser": {
+        "title": "Неподдържан браузър",
+        "description": "Използвате {{browserName, anyCase}} {{browserVersion}}. Препоръчваме модерен браузър, за да работи приложението надеждно.<contactUs><contactUs>"
+      },
+      "downloadLink": {
+        "main": "Моля, <button>изтеглете и инсталирайте</button> последната версия на браузъра."
+      },
+      "contactUs": {
+        "main": " <button>Свържете се с нас</button> ако имате нужда от помощ."
+      },
+      "unknownBrowserMsg": "неизвестен браузър"
+    },
+    "integrationCard": {
+      "connected": "Свързано",
+      "manage": "Управление",
+      "disconnect": "Прекъсване на връзката",
+      "connect": "Свържете",
+      "tryAgain": "Опитайте отново",
+      "tooltip": {
+        "integrationNotAvailable": "Тази интеграция в момента не е налична."
+      },
+      "tags": {
+        "connected": "Свързано",
+        "expired": "Изтекло"
+      }
     }
   },
   "taxonomyDefaultLabels": {

package/src/translations/hi.json

@@ -558,6 +558,134 @@
       "tooltip": {
         "publishLater": "लेख {{date, anyCase}} को प्रकाशित किया जाएगा।"
       }
+    },
+    "common": {
+      "actions": {
+        "submit": "जमा करें",
+        "continue": "जारी रखें",
+        "search": "खोजें",
+        "cancel": "रद्द करें",
+        "close": "बंद करें",
+        "open": "खुला",
+        "move": "स्थानांतरित करें",
+        "save": "सहेजें",
+        "edit": "संपादित करें",
+        "delete": "हटाएं",
+        "apply": "लागू करें",
+        "add": "जोड़ें {{entity}}",
+        "reset": "रीसेट करें",
+        "saveChanges": "परिवर्तन सहेजें",
+        "publish": "प्रकाशित करें",
+        "draft": "ड्राफ्ट",
+        "changeTimezone": "टाइमज़ोन बदलें",
+        "rename": "नाम बदलें",
+        "discard": "अस्वीकृत करें",
+        "resetToDefaults": "डिफ़ॉल्ट पर रीसेट करें",
+        "proceed": "आगे बढ़ें",
+        "clone": "क्लोन करें",
+        "archive": "अभिलेखित करें",
+        "unArchive": "अभिलेख से हटा दें",
+        "enable": "सक्षम करें",
+        "disable": "अक्षम करें",
+        "share": "साझा करें",
+        "done": "पूर्ण"
+      },
+      "reacted": "प्रतिक्रिया दी",
+      "record": "रिकॉर्ड",
+      "or": "या",
+      "name": "नाम",
+      "value": "मूल्य",
+      "search": "खोजें {{entity}}",
+      "notFound": {
+        "title": "दर्शाने के लिए कोई {{entity}} नहीं है।"
+      },
+      "status": "स्थिति",
+      "deleteAlert": {
+        "title": "क्या आप {{entity}} हटाना चाहते हैं?"
+      },
+      "download": "डाउनलोड करें",
+      "filter": "फिल्टर",
+      "somethingWentWrong": "कुछ गलत हो गया। कृपया पुन: प्रयास करें।",
+      "currency": "मुद्रा",
+      "emojiPicker": "इमोजी चयनकर्ता",
+      "validations": {
+        "requiredField": "{{entity}} एक अनिवार्य क्षेत्र है"
+      },
+      "madeWith": "बनाया गया <strong>{{productName, anyCase}}</strong>",
+      "viewHelpArticle": "सहायता लेख देखें",
+      "copied": "कॉपी किया गया",
+      "copyToClipboard": "क्लिपबोर्ड पर कॉपी करें",
+      "success": "सफलता",
+      "pending": "लंबित",
+      "enter": "प्रविष्ट करें {{what}}"
+    },
+    "columns": {
+      "columns": "कॉलम अनुकूलित करें",
+      "noColumns": "कोई कॉलम नहीं मिला!",
+      "search": "कॉलम खोजें",
+      "hideAll": "सभी छुपाएं",
+      "showAll": "सभी दिखाएं",
+      "reset": "रीसेट करें"
+    },
+    "engagements": {
+      "namesReacted": "{{ names, anyCase }} ने प्रतिक्रिया दी"
+    },
+    "login": {
+      "loginAsOliver": "ओलिवर के रूप में लॉगिन करें",
+      "login": "लॉगिन",
+      "email": "ईमेल",
+      "password": "पासवर्ड",
+      "invalidEmail": "कृपया एक मान्य ईमेल दर्ज करें",
+      "emailRequired": "ईमेल आवश्यक है",
+      "passwordRequired": "पासवर्ड आवश्यक है",
+      "success": "सफलतापूर्वक लॉगिन किया।",
+      "toOrganizationAccount": "आपके <bold>{{organizationName, anyCase}}</bold> खाते में लॉगिन करें",
+      "installNeetoUI": "<div>आपको लॉगिन फॉर्म का उपयोग करने के लिए @bigbinary/neetoui संस्करण ^3.5.11 स्थापित करना होगा।<br />कमांड चलाएँ:<br /><code>yarn add @bigbinary/neetoui@^3.5.11</code></div>"
+    },
+    "errorPage": {
+      "cantBeFound": "आप जिस पृष्ठ को खोज रहे हैं <br /> वह गायब है।",
+      "unauthorized": "आपके पास इस पृष्ठ तक पहुंचने की अनुमति नहीं है <br />।",
+      "internalServerError": "सर्वर ने एक त्रुटि का सामना किया और <br /> आपकी अनुरोध को पूरा नहीं कर सका।",
+      "backToHome": "घर पर वापस जाएं",
+      "contactUs": "यदि समस्या बनी रहती है, तो कृपया <button>हमसे संपर्क करें</button>।",
+      "title": {
+        "cantBeFound": "पृष्ठ नहीं मिला",
+        "unauthorized": "अनधिकृत",
+        "internalServerError": "आंतरिक सर्वर त्रुटि"
+      }
+    },
+    "sidebar": {
+      "myProfile": "मेरा प्रोफ़ाइल",
+      "myWorkspace": "मेरा कार्यक्षेत्र",
+      "logout": "लॉगआउट",
+      "login": "लॉगिन",
+      "help": "सहायता",
+      "goBack": "वापस जाएं",
+      "more": "अधिक",
+      "productSwitcher": "उत्पाद स्विचर",
+      "neetoProducts": "नीटो उत्पाद",
+      "currentPlan": "वर्तमान योजना: <strong>{{subscriptionPlan,anyCase}} योजना</strong>",
+      "pin": "पिन करें",
+      "unpin": "अनपिन करें",
+      "helpLinks": {
+        "liveChat": "सपोर्ट से चैट करें",
+        "helpCenter": "सहायता केंद्र",
+        "whatsNew": "क्या नया है",
+        "keyboardShortcuts": "कीबोर्ड शॉर्टकट",
+        "helpArticles": "सहायता लेख",
+        "productStatus": "{{app,anyCase}} स्थिति पृष्ठ",
+        "community": "{{app,anyCase}} समुदाय"
+      },
+      "showMenu": "साइडबार का विस्तार करें",
+      "hideMenu": "साइडबार संकुचन",
+      "themeSwitcher": {
+        "label": "थीम: {{selectedTheme, anyCase}}",
+        "light": "हल्का",
+        "dark": "अंधेरा"
+      },
+      "organizationSwitcher": {
+        "label": "कार्यक्षेत्र स्विचर"
+      }
     }
   },
   "taxonomyDefaultLabels": {