@bigbinary/neeto-molecules 1.1.16 → 1.1.17

package/dist/EmailForm/ReplyToField.js

@@ -1,55 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from "react";
-import { useFormikContext } from "formik";
-import { isNotEmpty } from "@bigbinary/neeto-commons-frontend/pure";
-import { Info } from "@bigbinary/neeto-icons";
-import { Select, Input } from "@bigbinary/neetoui/formik";
-import { useTranslation } from "react-i18next";
-var ReplyToField = function ReplyToField(_ref) {
-  var _helpIconProps2;
-  var replyToOptions = _ref.replyToOptions;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var isDropdownField = isNotEmpty(replyToOptions);
-  var _useFormikContext = useFormikContext(),
-    setFieldValue = _useFormikContext.setFieldValue;
-  if (isDropdownField) {
-    var _helpIconProps;
-    return /*#__PURE__*/React.createElement(Select, {
-      className: "w-full",
-      "data-testid": "replyToOptions",
-      label: t("neetoMolecules.emailForm.labels.replyTo"),
-      name: "replyTo",
-      options: replyToOptions,
-      labelProps: {
-        helpIconProps: (_helpIconProps = {
-          icon: Info
-        }, _defineProperty(_helpIconProps, "data-testid", "reply-to-tooltip"), _defineProperty(_helpIconProps, "tooltipProps", {
-          content: t("neetoMolecules.emailForm.tooltips.replyTo")
-        }), _helpIconProps)
-      },
-      onChange: function onChange(_ref2) {
-        var value = _ref2.value;
-        return setFieldValue("replyTo", value);
-      }
-    });
-  }
-  return /*#__PURE__*/React.createElement(Input, {
-    autoFocus: true,
-    required: true,
-    className: "w-full",
-    "data-testid": "replyToInput",
-    label: t("neetoMolecules.emailForm.labels.replyTo"),
-    name: "replyTo",
-    placeholder: t("neetoMolecules.emailForm.placeholders.emailPlaceholder"),
-    size: "large",
-    labelProps: {
-      helpIconProps: (_helpIconProps2 = {
-        icon: Info
-      }, _defineProperty(_helpIconProps2, "data-testid", "reply-to-tooltip"), _defineProperty(_helpIconProps2, "tooltipProps", {
-        content: t("neetoMolecules.emailForm.tooltips.replyTo")
-      }), _helpIconProps2)
-    }
-  });
-};
-export default ReplyToField;

package/dist/EmailForm/SendToField.js

@@ -1,28 +0,0 @@
-import React from "react";
-import { withT } from "@bigbinary/neeto-commons-frontend/react-utils";
-import SendToFields from "../SendToFields";
-var SendToField = withT(function (_ref) {
-  var t = _ref.t;
-  return /*#__PURE__*/React.createElement(SendToFields, {
-    showCcBccButton: true,
-    showUploadCsvButton: true,
-    bccInputProps: {
-      label: t("neetoMolecules.emailForm.labels.bCc"),
-      name: "sendToBcc",
-      placeholder: t("neetoMolecules.emailForm.placeholders.commaSeparatedEmails")
-    },
-    ccInputProps: {
-      label: t("neetoMolecules.emailForm.labels.cc"),
-      name: "sendToCc",
-      placeholder: t("neetoMolecules.emailForm.placeholders.commaSeparatedEmails")
-    },
-    emailInputProps: {
-      id: "sendTo",
-      name: "sendTo",
-      label: t("neetoMolecules.emailForm.labels.sendTo"),
-      placeholder: t("neetoMolecules.emailForm.placeholders.commaSeparatedEmails"),
-      required: true
-    }
-  });
-});
-export default SendToField;

package/dist/EmailForm/SubjectField.js

@@ -1,64 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from "react";
-import { withEventTargetValue } from "@bigbinary/neeto-commons-frontend/utils";
-import { Input, Typography } from "@bigbinary/neetoui";
-import { Trans, useTranslation } from "react-i18next";
-import DynamicVariables from "../DynamicVariables";
-var SubjectField = function SubjectField(_ref) {
-  var name = _ref.name,
-    text = _ref.text,
-    updateText = _ref.updateText,
-    _ref$subjectVariables = _ref.subjectVariables,
-    subjectVariables = _ref$subjectVariables === void 0 ? [] : _ref$subjectVariables,
-    error = _ref.error,
-    _ref$required = _ref.required,
-    required = _ref$required === void 0 ? false : _ref$required;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isFieldFocusedOnce = _useState2[0],
-    setIsFieldFocusedOnce = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var tagClickHandler = function tagClickHandler(_ref2) {
-    var slug = _ref2.key;
-    var textAreaElement = document.querySelector("textarea[name=".concat(name, "]"));
-    var splitIndex = isFieldFocusedOnce && textAreaElement ? textAreaElement.selectionEnd : text.length;
-    var updatedSubject = [text.slice(0, splitIndex), " {{".concat(slug, "}}"), text.slice(splitIndex)].join("");
-    updateText(updatedSubject);
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
-    error: error,
-    name: name,
-    required: required,
-    label: t("neetoMolecules.emailForm.labels.subject"),
-    size: "large",
-    value: text,
-    suffix: /*#__PURE__*/React.createElement(DynamicVariables, {
-      variables: subjectVariables,
-      dropdownProps: {
-        className: "neeto-ui-dropdown__popup overflow-y-auto",
-        buttonSize: "small"
-      },
-      onVariableClick: tagClickHandler
-    }),
-    onChange: withEventTargetValue(updateText),
-    onFocus: function onFocus() {
-      return setIsFieldFocusedOnce(true);
-    }
-  }), /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-text-gray-600 mt-2",
-    "data-cy": "subject-input-variable-label",
-    style: "body3"
-  }, /*#__PURE__*/React.createElement(Trans, {
-    components: {
-      span: /*#__PURE__*/React.createElement("span", {
-        className: "font-semibold"
-      })
-    },
-    i18nKey: "neetoMolecules.emailForm.helpText",
-    values: {
-      type: "subject"
-    }
-  })));
-};
-export default SubjectField;

package/dist/EmailForm/constants.js

@@ -1,33 +0,0 @@
-import { t } from "i18next";
-import { isEditorEmpty } from "@bigbinary/neeto-editor";
-import { prop } from "ramda";
-import * as yup from "yup";
-export var INITIAL_FORM_VALUES = {
-  sendTo: [],
-  sendToCc: [],
-  sendToBcc: [],
-  replyTo: "",
-  showCopyEmails: false,
-  subject: "",
-  message: ""
-};
-export var EMAIL_FORM_VALIDATION_SCHEMA = yup.object({
-  subject: yup.string().required(t("neetoMolecules.emailForm.errors.subjectRequired")),
-  message: yup.string().test("message", t("neetoMolecules.emailForm.errors.messageRequired"), function (value) {
-    return !isEditorEmpty(value);
-  })
-});
-export var SEND_TO_FIELD_VALIDATION = yup.object({
-  sendTo: yup.array().min(1, t("neetoMolecules.emailForm.errors.required", {
-    entity: t("neetoMolecules.emailForm.fields.sendToEmailAddress")
-  })).test("all-emails-valid", t("neetoMolecules.emailForm.errors.invalidEmailAddress"), function (emails) {
-    return emails === null || emails === void 0 ? void 0 : emails.every(prop("valid"));
-  }).nullable()
-});
-export var REPLY_TO_FIELD_VALIDATION = yup.object({
-  replyTo: yup.string().nullable().email(t("neetoMolecules.emailForm.errors.invalidEmailAddress")).required(t("neetoMolecules.emailForm.errors.required", {
-    entity: t("neetoMolecules.emailForm.fields.replyToEmailAddress")
-  }))
-});
-export var EDITOR_ADDONS = ["highlight", "emoji", "code-block", "block-quote", "image-upload", "divider", "video-embed"];
-export var ALLOWED_FILE_PICKER_TYPES = [".csv"];

package/dist/EmailForm/contexts/EmailForm.js

@@ -1,7 +0,0 @@
-/* eslint-disable @bigbinary/neeto/use-zustand-for-global-state-management */
-import React from "react";
-var EmailFormContext = /*#__PURE__*/React.createContext({
-  showSendToField: false,
-  showReplyToField: false
-});
-export { EmailFormContext };

package/dist/EmailForm/index.js

@@ -1,4 +0,0 @@
-import EmailForm from "./EmailForm";
-import EmailFormProvider from "./EmailFormProvider";
-import EmailPreview from "./EmailPreview";
-export { EmailFormProvider, EmailForm, EmailPreview };

package/dist/EmailForm/utils.js

@@ -1,10 +0,0 @@
-import { EMAIL_FORM_VALIDATION_SCHEMA, REPLY_TO_FIELD_VALIDATION, SEND_TO_FIELD_VALIDATION } from "./constants";
-export var getValidationSchema = function getValidationSchema(_ref) {
-  var showSendToField = _ref.showSendToField,
-    showReplyToField = _ref.showReplyToField,
-    customValidations = _ref.customValidations;
-  var schema = EMAIL_FORM_VALIDATION_SCHEMA.clone();
-  if (showSendToField) schema = schema.concat(SEND_TO_FIELD_VALIDATION);
-  if (showReplyToField) schema = schema.concat(REPLY_TO_FIELD_VALIDATION);
-  return schema.shape(customValidations);
-};

package/dist/EmailPreview/index.js

@@ -1,2 +0,0 @@
-import EmailPreview from "../EmailForm/EmailPreview";
-export default EmailPreview;

package/dist/ErrorPage/index.js

@@ -1,78 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useEffect } from "react";
-import { useErrorDisplayStore } from "@bigbinary/neeto-commons-frontend/react-utils";
-import { Button, Typography } from "@bigbinary/neetoui";
-import { pick } from "ramda";
-import { Helmet } from "react-helmet";
-import { Trans, useTranslation } from "react-i18next";
-import { shallow } from "zustand/shallow";
-import { ERRORS } from "./constants";
-var ErrorPage = function ErrorPage(_ref) {
-  var _ref$homeUrl = _ref.homeUrl,
-    homeUrl = _ref$homeUrl === void 0 ? "/" : _ref$homeUrl,
-    status = _ref.status,
-    backToHomeButtonProps = _ref.backToHomeButtonProps,
-    children = _ref.children;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useErrorDisplayStore = useErrorDisplayStore(pick(["statusCode", "showErrorPage"]), shallow),
-    storeStatusCode = _useErrorDisplayStore.statusCode,
-    showErrorPage = _useErrorDisplayStore.showErrorPage;
-  status = status || storeStatusCode;
-  var _ref2 = ERRORS[status] || ERRORS[404],
-    Image = _ref2.Image,
-    errorKey = _ref2.errorKey,
-    titleKey = _ref2.titleKey;
-  useEffect(function () {
-    var onBackButtonPress = function onBackButtonPress() {
-      if (showErrorPage) {
-        useErrorDisplayStore.setState({
-          showErrorPage: false
-        });
-      }
-    };
-    window.addEventListener("popstate", onBackButtonPress);
-    return function () {
-      window.removeEventListener("popstate", onBackButtonPress);
-    };
-  }, []);
-  var openChatWidget = function openChatWidget() {
-    var _window$NeetoChat, _window$NeetoChat$con, _window$NeetoChat2, _window$NeetoChat2$co;
-    (_window$NeetoChat = window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : (_window$NeetoChat$con = _window$NeetoChat.contextualHelp) === null || _window$NeetoChat$con === void 0 ? void 0 : _window$NeetoChat$con.maximizeWidget();
-    (_window$NeetoChat2 = window.NeetoChat) === null || _window$NeetoChat2 === void 0 ? void 0 : (_window$NeetoChat2$co = _window$NeetoChat2.contextualHelp) === null || _window$NeetoChat2$co === void 0 ? void 0 : _window$NeetoChat2$co.openWidget();
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex min-h-screen w-full flex-col items-center justify-center",
-    "data-cy": "error-page-container"
-  }, /*#__PURE__*/React.createElement(Helmet, null, /*#__PURE__*/React.createElement("title", null, t(titleKey))), /*#__PURE__*/React.createElement(Image, {
-    className: "mb-8",
-    "data-cy": "error-image"
-  }), /*#__PURE__*/React.createElement(Typography, {
-    className: "mb-6 text-center",
-    "data-cy": "title",
-    style: "h2",
-    weight: "semibold"
-  }, /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: errorKey
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "mb-5 flex flex-col items-center space-y-3"
-  }, /*#__PURE__*/React.createElement(Button, _extends({
-    href: homeUrl,
-    label: t("neetoMolecules.errorPage.backToHome"),
-    size: "large",
-    style: "primary"
-  }, backToHomeButtonProps)), children), /*#__PURE__*/React.createElement(Typography, {
-    className: "text-center",
-    "data-cy": "title",
-    style: "body2"
-  }, /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "neetoMolecules.errorPage.contactUs",
-    components: {
-      button: /*#__PURE__*/React.createElement(Button, {
-        style: "link",
-        onClick: openChatWidget
-      })
-    }
-  })));
-};
-export default ErrorPage;

package/dist/Header/Breadcrumbs.js

@@ -1,31 +0,0 @@
-import React from "react";
-import { Typography } from "@bigbinary/neetoui";
-import { Link } from "react-router-dom";
-import "./header.scss";
-var Breadcrumbs = function Breadcrumbs(_ref) {
-  var breadcrumbs = _ref.breadcrumbs;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-header__breadcrumbs-wrap"
-  }, breadcrumbs.map(function (_ref2, index) {
-    var text = _ref2.text,
-      _ref2$link = _ref2.link,
-      link = _ref2$link === void 0 ? "#" : _ref2$link;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "neeto-molecules-header__breadcrumb",
-      "data-cy": "header-breadcrumb",
-      key: index
-    }, /*#__PURE__*/React.createElement(Link, {
-      to: link
-    }, /*#__PURE__*/React.createElement(Typography, {
-      className: "neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
-      component: "span",
-      "data-cy": text,
-      "data-test-id": text,
-      style: "body2",
-      weight: "normal"
-    }, text)), index !== breadcrumbs.length - 1 && /*#__PURE__*/React.createElement("span", {
-      className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-black"
-    }, "/"));
-  }));
-};
-export default /*#__PURE__*/React.memo(Breadcrumbs);

package/dist/Header/Dropdown.js

@@ -1,12 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from "react";
-import { MenuHorizontal } from "@bigbinary/neeto-icons";
-import { Dropdown as NeetoUIDropdown } from "@bigbinary/neetoui";
-var Dropdown = function Dropdown(props) {
-  return /*#__PURE__*/React.createElement(NeetoUIDropdown, _extends({
-    buttonStyle: "text",
-    icon: MenuHorizontal,
-    position: "bottom-end"
-  }, props));
-};
-export default Dropdown;

package/dist/Header/constants.js

@@ -1,6 +0,0 @@
-var SIZES = {
-  nano: "nano",
-  small: "small",
-  large: "large"
-};
-export { SIZES };

package/dist/Header/header.scss

@@ -1,121 +0,0 @@
-$neeto-molecules-main-header-height: 98px;
-$neeto-molecules-main-header-with-breadcrumbs-height: 170px;
-
-:root {
-  --neeto-molecules-main-header-height: #{$neeto-molecules-main-header-height};
-  --neeto-molecules-main-header-with-breadcrumbs-height: #{$neeto-molecules-main-header-with-breadcrumbs-height};
-}
-
-.neeto-molecules-header {
-  width: 100%;
-  min-height: var(--neeto-molecules-main-header-height);
-  background: rgb(var(--neeto-ui-white));
-  padding: 40px 0 24px !important;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: flex-start !important;
-
-  .neeto-molecules-header__toggle-menubar-btn {
-    margin-right: 8px;
-  }
-
-  .neeto-molecules-header__left {
-    display: flex;
-    flex-wrap: wrap;
-    flex-direction: row;
-    justify-content: flex-start;
-    align-items: flex-start !important;
-  }
-
-  .neeto-molecules-header__left-data-wrap {
-    display: flex;
-    flex-wrap: wrap;
-  }
-
-  .neeto-molecules-header__page-title {
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    gap: 12px;
-    margin-top: -16px;
-
-    & h2 {
-      font-size: 40px;
-      line-height: var(--neeto-ui-leading-tight);
-    }
-  }
-
-  .neeto-molecules-header__breadcrumbs-wrap {
-    display: flex;
-    margin: 0 0 40px;
-  }
-
-  .neeto-molecules-header__breadcrumb {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    line-height: 1;
-
-    a {
-      transition: all ease-in-out 300ms;
-      text-decoration: none;
-      &:focus-visible {
-        outline: 3px solid rgba(var(--neeto-ui-primary-500), 50%);
-        border-radius: var(--neeto-ui-rounded-sm);
-      }
-    }
-  }
-
-  .neeto-molecules-header__breadcrumb-separator {
-    margin: 0 12px !important;
-    font-size: 12px;
-    line-height: 16px;
-  }
-
-  .neeto-molecules-header__right {
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-end;
-    align-items: center;
-  }
-
-  &--has-breadcrumbs {
-    min-height: var(--neeto-molecules-main-header-with-breadcrumbs-height);
-
-    .neeto-molecules-header__page-title {
-      margin-top: 0;
-    }
-  }
-
-  &--small, &--nano {
-    min-height: 0;
-    flex-shrink: 0;
-
-    .neeto-molecules-header__breadcrumbs-wrap {
-      margin: 0 0 16px;
-    }
-  }
-
-  &--small {
-    .neeto-molecules-header__page-title {
-      margin-top: -4px;
-
-      & h2 {
-        font-size: 32px;
-      }
-    }
-  }
-
-  &--nano {
-    .neeto-molecules-header__page-title {
-      margin-top: 0px;
-
-      & h2 {
-        font-size: 24px;
-      }
-    }
-  }
-}

package/dist/Header/index.js

@@ -1,61 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useRef } from "react";
-import classnames from "classnames";
-import { noop, isNotEmpty } from "@bigbinary/neeto-commons-frontend/pure";
-import { Search } from "@bigbinary/neeto-icons";
-import { Typography, Input } from "@bigbinary/neetoui";
-import { useTranslation } from "react-i18next";
-import Breadcrumbs from "./Breadcrumbs";
-import { SIZES } from "./constants";
-import Dropdown from "./Dropdown";
-import "./header.scss";
-var Header = function Header(_ref) {
-  var title = _ref.title,
-    searchProps = _ref.searchProps,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    actionBlock = _ref.actionBlock,
-    _ref$breadcrumbs = _ref.breadcrumbs,
-    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
-    _ref$renderDropdown = _ref.renderDropdown,
-    renderDropdown = _ref$renderDropdown === void 0 ? noop : _ref$renderDropdown,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "large" : _ref$size,
-    _ref$dataTestid = _ref["data-testid"],
-    dataTestId = _ref$dataTestid === void 0 ? "neeto-molecules-header" : _ref$dataTestid;
-  var searchRef = useRef(null);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": dataTestId,
-    className: classnames(["neeto-molecules-header", {
-      "neeto-molecules-header--has-breadcrumbs": isNotEmpty(breadcrumbs),
-      "neeto-molecules-header--large": size === SIZES.large,
-      "neeto-molecules-header--small": size === SIZES.small,
-      "neeto-molecules-header--nano": size === SIZES.nano
-    }, className])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-header__left"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-header__left-data-wrap"
-  }, isNotEmpty(breadcrumbs) && /*#__PURE__*/React.createElement(Breadcrumbs, {
-    breadcrumbs: breadcrumbs
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-header__page-title"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    "data-cy": "main-header",
-    "data-test-id": "main-header",
-    lineHeight: "tight",
-    style: "h2",
-    weight: "semibold"
-  }, title), renderDropdown(Dropdown)))), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-gap-3 neeto-molecules-header__right"
-  }, searchProps && /*#__PURE__*/React.createElement(Input, _extends({
-    placeholder: t("neetoMolecules.common.actions.search"),
-    prefix: /*#__PURE__*/React.createElement(Search, null),
-    ref: searchRef,
-    type: "search",
-    className: classnames(["neeto-molecules-header__search-input", searchProps.className])
-  }, searchProps)), actionBlock));
-};
-export default Header;

package/dist/IconPicker/Icon.js

@@ -1,34 +0,0 @@
-import React from "react";
-import classnames from "classnames";
-import { humanize } from "@bigbinary/neeto-commons-frontend/pure";
-import { Tooltip, Typography } from "@bigbinary/neetoui";
-var Icon = function Icon(_ref) {
-  var active = _ref.active,
-    icon = _ref.icon,
-    _onClick = _ref.onClick,
-    symbolsStyle = _ref.symbolsStyle,
-    style = _ref.style;
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    content: humanize(icon),
-    position: "bottom"
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-testid": "icon-picker-icon-".concat(icon),
-    style: style,
-    className: classnames("neeto-ui-rounded-md flex cursor-pointer items-center justify-center", {
-      "neeto-ui-text-gray-700 hover:neeto-ui-bg-gray-100": !active,
-      "neeto-ui-text-white neeto-ui-bg-primary-500": active
-    }),
-    onClick: function onClick() {
-      return _onClick(icon);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex w-11/12 flex-col justify-center p-1",
-    style: symbolsStyle
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "material-symbols-rounded mx-auto"
-  }, icon), /*#__PURE__*/React.createElement(Typography, {
-    className: "text-center line-clamp-2",
-    style: "body3"
-  }, humanize(icon)))));
-};
-export default Icon;

package/dist/IconPicker/NoResults.js

@@ -1,12 +0,0 @@
-import React from "react";
-import { Typography } from "@bigbinary/neetoui";
-import { useTranslation } from "react-i18next";
-var NoResults = function NoResults() {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-text-gray-400 flex h-64 items-center justify-center text-lg",
-    "data-cy": "no-icon-results-found-text"
-  }, t("neetoMolecules.iconPicker.dropdown.noResults"));
-};
-export default /*#__PURE__*/React.memo(NoResults);