@bigbinary/neeto-molecules 1.1.16 → 1.1.17

package/dist/MenuBar/menubar.scss

@@ -1,154 +0,0 @@
-.neeto-molecules-menubar__wrapper {
-  background-color: rgb(var(--neeto-ui-white)) !important;
-  border-right: 1px solid rgb(var(--neeto-ui-gray-300));
-  flex-shrink: 0;
-  overflow: hidden;
-
-  transition: all 0.3s;
-}
-
-.neeto-molecules-menubar__container {
-  width: 324px;
-  padding: 32px !important;
-  height: 100vh;
-  overflow-y: auto;
-}
-
-.neeto-molecules-menubar__title {
-  margin-bottom: 16px;
-}
-
-// search
-
-.neeto-molecules-menubar__search {
-  display: flex;
-  align-items: center;
-  margin-bottom: 20px;
-  gap: 4px;
-}
-
-// subtitle
-
-.neeto-molecules-menubar__subtitle {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20px;
-  margin-top: 20px;
-
-  &-actions {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-  }
-}
-
-// block
-
-.neeto-molecules-menubar__add-new-wrap {
-  padding: 7px 8px;
-  margin-bottom: 8px;
-}
-
-.neeto-molecules-menubar__block {
-  width: 100%;
-  text-align: left;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 7px 8px;
-  margin-bottom: 8px;
-  transition: all 0.3s;
-  cursor: pointer;
-  border-radius: var(--neeto-ui-rounded);
-  border: thin solid transparent;
-
-  &:hover,
-  &:focus,
-  &:focus-visible,
-  &:active {
-    background-color: rgb(var(--neeto-ui-gray-200));
-    text-decoration: none;
-    outline: none;
-  }
-
-  &--active {
-    background-color: rgb(var(--neeto-ui-white));
-    box-shadow: var(--neeto-ui-shadow-xs);
-    border-color: rgb(var(--neeto-ui-gray-300));
-
-    &:hover,
-    &:focus,
-    &:focus-visible,
-    &:active {
-      background-color: rgb(var(--neeto-ui-white));
-    }
-  }
-
-  .neeto-molecules-menubar__block-label {
-    display: flex;
-    align-items: center;
-  }
-  .neeto-molecules-menubar__block-icon {
-    margin-right: 4px;
-  }
-}
-
-// item
-
-.neeto-molecules-menubar__item {
-  padding: 12px;
-  width: 100%;
-  margin-bottom: 8px;
-  transition: all 0.3s;
-  text-align: left;
-  cursor: pointer;
-  border-radius: var(--neeto-ui-rounded);
-  border: thin solid transparent;
-
-  &:hover,
-  &:focus,
-  &:focus-visible,
-  &:active {
-    background-color: rgb(var(--neeto-ui-gray-200));
-    outline: none;
-  }
-
-  &--active {
-    background-color: rgb(var(--neeto-ui-white));
-    color: rgb(var(--neeto-ui-gray-800));
-    box-shadow: var(--neeto-ui-shadow-xs);
-    border-color: rgb(var(--neeto-ui-gray-300));
-
-    &:hover,
-    &:focus,
-    &:focus-visible,
-    &:active {
-      background-color: rgb(var(--neeto-ui-white));
-    }
-  }
-}
-
-// CSS transition group
-
-.neeto-molecules-menubar-enter {
-  &.neeto-molecules-menubar__wrapper {
-    width: 0;
-  }
-}
-.neeto-molecules-menubar-enter-active,
-.neeto-molecules-menubar-enter-done {
-  &.neeto-molecules-menubar__wrapper {
-    width: 324px;
-  }
-}
-.neeto-molecules-menubar-exit {
-  &.neeto-molecules-menubar__wrapper {
-    width: 324px;
-  }
-}
-.neeto-molecules-menubar-exit-active {
-  &.neeto-molecules-menubar__wrapper {
-    width: 0;
-  }
-}

package/dist/Metadata/Block.js

@@ -1,30 +0,0 @@
-import React from "react";
-import classnames from "classnames";
-import { Typography } from "@bigbinary/neetoui";
-var Block = function Block(_ref) {
-  var title = _ref.title,
-    actionBlock = _ref.actionBlock,
-    children = _ref.children,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-metadata__block mb-5 w-full",
-    "data-cy": "neeto-molecules-metadata-block",
-    "data-testid": "metadata-block"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "mb-2 flex w-full items-center justify-between gap-2"
-  }, title && /*#__PURE__*/React.createElement("div", {
-    className: "flexitems-center w-60 gap-2 break-all"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-text-gray-700",
-    "data-testid": "metadata-block-title",
-    style: "h5",
-    textTransform: "uppercase",
-    weight: "bold"
-  }, title)), actionBlock && /*#__PURE__*/React.createElement("div", {
-    className: "ml-auto"
-  }, actionBlock)), /*#__PURE__*/React.createElement("div", {
-    className: classnames("neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-molecules-metadata__card overflow-y-hidden border p-4", className)
-  }, children));
-};
-export default Block;

package/dist/Metadata/DetailsBlock.js

@@ -1,86 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from "react";
-import classnames from "classnames";
-import { isNotEmpty } from "@bigbinary/neeto-commons-frontend/pure";
-import { Down, Up } from "@bigbinary/neeto-icons";
-import { Button, Typography } from "@bigbinary/neetoui";
-import { useTranslation } from "react-i18next";
-import Block from "./Block";
-import { DEFAULT_TRUNCATE_AT, STYLES } from "./constants";
-var DetailsBlock = function DetailsBlock(_ref) {
-  var title = _ref.title,
-    actionBlock = _ref.actionBlock,
-    _ref$details = _ref.details,
-    details = _ref$details === void 0 ? [] : _ref$details,
-    className = _ref.className,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? STYLES.inline : _ref$style,
-    _ref$truncate = _ref.truncate,
-    truncate = _ref$truncate === void 0 ? false : _ref$truncate,
-    _ref$truncateAt = _ref.truncateAt,
-    truncateAt = _ref$truncateAt === void 0 ? DEFAULT_TRUNCATE_AT : _ref$truncateAt;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showTruncated = _useState2[0],
-    setShowTruncated = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _ref2 = truncate ? [details.slice(0, truncateAt), details.slice(truncateAt)] : [details],
-    _ref3 = _slicedToArray(_ref2, 2),
-    visibleDetails = _ref3[0],
-    truncatedDetails = _ref3[1];
-  return /*#__PURE__*/React.createElement(Block, {
-    actionBlock: actionBlock,
-    className: className,
-    title: title !== null && title !== void 0 ? title : t("neetoMolecules.metadata.detailsTitle")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col space-y-3",
-    "data-cy": "neeto-molecules-metadata-details-block"
-  }, visibleDetails.map(function (_ref4, index) {
-    var label = _ref4.label,
-      value = _ref4.value,
-      type = _ref4.type;
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: index
-    }, type === "divider" ? /*#__PURE__*/React.createElement("hr", null) : /*#__PURE__*/React.createElement("div", {
-      "data-testid": "details-card-detail-wrapper",
-      className: classnames("flex", {
-        "space-x-4": style === STYLES.inline,
-        "flex-col": style === STYLES.multiline
-      })
-    }, /*#__PURE__*/React.createElement(Typography, {
-      className: "neeto-ui-text-gray-600",
-      style: "body2"
-    }, label), /*#__PURE__*/React.createElement(Typography, {
-      style: "body2"
-    }, value)));
-  }), showTruncated && truncatedDetails.map(function (_ref5, index) {
-    var label = _ref5.label,
-      value = _ref5.value,
-      type = _ref5.type;
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: index
-    }, type === "divider" ? /*#__PURE__*/React.createElement("hr", null) : /*#__PURE__*/React.createElement("div", {
-      className: classnames("flex", {
-        "space-x-4": style === STYLES.inline,
-        "flex-col": style === STYLES.multiline
-      })
-    }, /*#__PURE__*/React.createElement(Typography, {
-      className: "neeto-ui-text-gray-600",
-      style: "body2"
-    }, label), /*#__PURE__*/React.createElement(Typography, {
-      style: "body2"
-    }, value)));
-  }), truncate && isNotEmpty(truncatedDetails) && /*#__PURE__*/React.createElement(Button, {
-    "data-testid": "expand-button",
-    icon: showTruncated ? Up : Down,
-    style: "link",
-    label: showTruncated ? t("neetoMolecules.metadata.card.viewLess") : t("neetoMolecules.metadata.card.viewMore"),
-    onClick: function onClick() {
-      return setShowTruncated(function (showTruncated) {
-        return !showTruncated;
-      });
-    }
-  })));
-};
-export default DetailsBlock;

package/dist/Metadata/constants.js

@@ -1,9 +0,0 @@
-export var STYLES = {
-  inline: "inline",
-  multiline: "multiline"
-};
-export var SIZES = {
-  small: "small",
-  medium: "medium"
-};
-export var DEFAULT_TRUNCATE_AT = 3;

package/dist/Metadata/index.js

@@ -1,29 +0,0 @@
-import React from "react";
-import classnames from "classnames";
-import Block from "./Block";
-import { SIZES } from "./constants";
-import DetailsBlock from "./DetailsBlock";
-import "./metadata.scss";
-var Metadata = function Metadata(_ref) {
-  var headerBlock = _ref.headerBlock,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SIZES.medium : _ref$size,
-    children = _ref.children,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-cy": "neeto-molecules-metadata-wrapper",
-    "data-testid": "metadata-wrapper",
-    className: classnames("neeto-ui-bg-gray-100 neeto-molecules-metadata h-screen flex-shrink-0 overflow-y-auto overflow-x-hidden p-6", {
-      "neeto-molecules-metadata--size-large": size === SIZES.medium,
-      "neeto-molecules-metadata--size-small": size === SIZES.small
-    }, className)
-  }, headerBlock && /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-metadata__header mb-5 flex w-full justify-center",
-    "data-cy": "neeto-molecules-metadata-header",
-    "data-testid": "metadata-header"
-  }, headerBlock), children);
-};
-Metadata.Block = Block;
-Metadata.DetailsBlock = DetailsBlock;
-export default Metadata;

package/dist/Metadata/metadata.scss

@@ -1,15 +0,0 @@
-:root {
-  --neeto-molecules-metadata-width: 384px;
-}
-
-.neeto-molecules-metadata {
-  width: var(--neeto-molecules-metadata-width);
-
-  &--size-small {
-    --neeto-molecules-metadata-width: 340px;
-  }
-
-  &__card {
-    width: 100%;
-  }
-}

package/dist/MoreDropdown/constants.js

@@ -1,25 +0,0 @@
-export var BUTTON_STYLES = {
-  primary: "primary",
-  secondary: "secondary",
-  danger: "danger",
-  danger_text: "danger-text",
-  text: "text",
-  link: "link"
-};
-export var SIZES = {
-  small: "small",
-  medium: "medium",
-  large: "large"
-};
-export var STRATEGY = {
-  absolute: "absolute",
-  fixed: "fixed"
-};
-export var MENU_ITEM_TYPES = {
-  menuItem: "menuItem",
-  divider: "divider"
-};
-export var DEFAULT_TOOLTIP_PROPS = {
-  disabled: true,
-  position: "bottom"
-};

package/dist/NavigationHeader/LeftBlock.js

@@ -1,32 +0,0 @@
-import React from "react";
-import { isPresent } from "@bigbinary/neeto-commons-frontend/pure";
-import { Tooltip } from "@bigbinary/neetoui";
-import { mergeDeepRight } from "ramda";
-import { Link } from "react-router-dom";
-import Rename from "../Rename";
-import { DEFAULT_HOME_BUTTON_PROPS } from "./constants";
-var LeftBlock = function LeftBlock(_ref) {
-  var customHomeButtonProps = _ref.homeButtonProps,
-    homeUrl = _ref.homeUrl,
-    renameProps = _ref.renameProps,
-    children = _ref.children;
-  var homeButtonProps = mergeDeepRight(DEFAULT_HOME_BUTTON_PROPS, customHomeButtonProps);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-2",
-    "data-testid": "navigation-header-left-block"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: homeButtonProps.tooltip.content,
-    position: homeButtonProps.tooltip.position
-  }, /*#__PURE__*/React.createElement(Link, {
-    "data-cy": "home-button",
-    "data-testid": "home-button",
-    to: homeUrl
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1"
-  }, homeButtonProps.icon))), isPresent(renameProps) && /*#__PURE__*/React.createElement(Rename, {
-    dropdownItems: renameProps.dropdownItems,
-    value: renameProps.value,
-    renameProps: renameProps
-  }), children);
-};
-export default LeftBlock;

package/dist/NavigationHeader/Navigation.js

@@ -1,24 +0,0 @@
-import React from "react";
-import { joinHyphenCase } from "@bigbinary/neeto-commons-frontend/utils";
-import { Typography } from "@bigbinary/neetoui";
-import { NavLink } from "react-router-dom";
-var NavigationLinks = function NavigationLinks(_ref) {
-  var headerLinks = _ref.headerLinks;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex w-full items-center justify-center gap-6",
-    "data-testid": "navigation-header-navigation-links"
-  }, headerLinks.map(function (headerLink) {
-    return /*#__PURE__*/React.createElement(NavLink, {
-      activeClassName: "active",
-      className: "neeto-form-builder-header__link capitalize no-underline",
-      "data-cy": "".concat(joinHyphenCase(headerLink.key), "-tab"),
-      key: headerLink.key,
-      to: headerLink.to
-    }, /*#__PURE__*/React.createElement(Typography, {
-      lineHeight: "normal",
-      style: "h4",
-      weight: "semibold"
-    }, headerLink.label));
-  }));
-};
-export default NavigationLinks;

package/dist/NavigationHeader/RightBlock.js

@@ -1,68 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-import { useTranslation } from "react-i18next";
-import PublishBlock from "../PublishBlock";
-import "./navigation-header.scss";
-var RightBlock = function RightBlock(_ref) {
-  var isDraftBlockHidden = _ref.isDraftBlockHidden,
-    previewDraftUrl = _ref.previewDraftUrl,
-    isResetDraftButtonVisible = _ref.isResetDraftButtonVisible,
-    onResetClick = _ref.onResetClick,
-    isResetting = _ref.isResetting,
-    isPublishDisabled = _ref.isPublishDisabled,
-    isPublishing = _ref.isPublishing,
-    handlePublish = _ref.handlePublish,
-    isPublishPreviewDisabled = _ref.isPublishPreviewDisabled,
-    previewPublishedUrl = _ref.previewPublishedUrl,
-    isPublishButtonVisible = _ref.isPublishButtonVisible,
-    isResetAlertOpen = _ref.isResetAlertOpen,
-    setIsResetAlertOpen = _ref.setIsResetAlertOpen,
-    handleReset = _ref.handleReset,
-    publishAlertTitle = _ref.publishAlertTitle,
-    publishAlertDescription = _ref.publishAlertDescription;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var renderDraftButtons = function renderDraftButtons(_ref2) {
-    var ViewDraftButton = _ref2.ViewDraftButton,
-      ResetDraftButton = _ref2.ResetDraftButton;
-    return !isDraftBlockHidden && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ViewDraftButton, {
-      to: previewDraftUrl
-    }), isResetDraftButtonVisible && /*#__PURE__*/React.createElement(ResetDraftButton, {
-      loading: isResetting,
-      onClick: function onClick() {
-        return onResetClick();
-      }
-    }));
-  };
-  var renderPublishButtons = function renderPublishButtons(_ref3) {
-    var PublishButton = _ref3.PublishButton,
-      PublishPreviewButton = _ref3.PublishPreviewButton;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isPublishButtonVisible && /*#__PURE__*/React.createElement(PublishButton, {
-      disabled: isPublishDisabled,
-      loading: isPublishing,
-      onClick: function onClick() {
-        return handlePublish();
-      }
-    }), /*#__PURE__*/React.createElement(PublishPreviewButton, {
-      disabled: isPublishPreviewDisabled,
-      to: previewPublishedUrl,
-      className: classNames({
-        "standalone-publish-preview-button": !isPublishButtonVisible
-      })
-    }));
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PublishBlock, {
-    renderDraftButtons: renderDraftButtons,
-    renderPublishButtons: renderPublishButtons
-  }), /*#__PURE__*/React.createElement(PublishBlock.Alert, {
-    isOpen: isResetAlertOpen,
-    isSubmitting: isResetting,
-    message: publishAlertDescription || t("neetoMolecules.navigationHeader.resetDescription"),
-    title: publishAlertTitle || t("neetoMolecules.navigationHeader.resetTitle"),
-    onClose: function onClose() {
-      return setIsResetAlertOpen(false);
-    },
-    onSubmit: handleReset
-  }));
-};
-export default RightBlock;

package/dist/NavigationHeader/constants.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { t } from "i18next";
-import { Home } from "@bigbinary/neeto-icons";
-export var DEFAULT_HOME_BUTTON_PROPS = {
-  tooltip: {
-    content: t("neetoMolecules.navigationHeader.home"),
-    position: "bottom"
-  },
-  homeUrl: "/",
-  icon: /*#__PURE__*/React.createElement(Home, null)
-};

package/dist/NavigationHeader/index.js

@@ -1,19 +0,0 @@
-import React from "react";
-import LeftBlock from "./LeftBlock";
-import NavigationLinks from "./Navigation";
-import RightBlock from "./RightBlock";
-var NavigationHeader = function NavigationHeader(_ref) {
-  var leftActionBlock = _ref.leftActionBlock,
-    navigationLinks = _ref.navigationLinks,
-    rightActionBlock = _ref.rightActionBlock;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-form-builder-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center border-b px-6 py-2",
-    "data-testid": "navigation-header"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "grid w-full grid-cols-3 gap-2"
-  }, leftActionBlock, navigationLinks, rightActionBlock));
-};
-NavigationHeader.LeftActionBlock = LeftBlock;
-NavigationHeader.NavigationLinks = NavigationLinks;
-NavigationHeader.RightActionBlock = RightBlock;
-export default NavigationHeader;

package/dist/NavigationHeader/navigation-header.scss

@@ -1,3 +0,0 @@
-.standalone-publish-preview-button {
-  border-radius: var(--neeto-ui-rounded) !important;
-}

package/dist/NeetoWidget/CodeBlock.js

@@ -1,57 +0,0 @@
-import React from "react";
-import classnames from "classnames";
-import { Button, Select, Typography } from "@bigbinary/neetoui";
-import { useTranslation, Trans } from "react-i18next";
-import CopyToClipboardButton from "../CopyToClipboardButton";
-import { FRAMEWORK_SELECT_OPTIONS } from "./constants";
-import SyntaxHighlighter from "./SyntaxHighlighter";
-var CodeBlock = function CodeBlock(_ref) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Trans, {
-      i18nKey: "neetoMolecules.codeblock.codeSnippet"
-    })) : _ref$title,
-    codeString = _ref.codeString,
-    _ref$showCopyButton = _ref.showCopyButton,
-    showCopyButton = _ref$showCopyButton === void 0 ? true : _ref$showCopyButton,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$sendViaEmail = _ref.sendViaEmail,
-    sendViaEmail = _ref$sendViaEmail === void 0 ? undefined : _ref$sendViaEmail,
-    _ref$frameworkProps = _ref.frameworkProps,
-    frameworkProps = _ref$frameworkProps === void 0 ? {} : _ref$frameworkProps;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _ref2 = frameworkProps !== null && frameworkProps !== void 0 ? frameworkProps : {},
-    selectedFramework = _ref2.selectedFramework,
-    setSelectedFramework = _ref2.setSelectedFramework;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames(["relative", className])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg flex w-full flex-wrap items-center justify-between gap-2 rounded-b-none p-3"
-  }, title && /*#__PURE__*/React.createElement(Typography, {
-    className: "m-0 flex-shrink-0",
-    "data-cy": "code-block-title-text",
-    style: "h4"
-  }, title), selectedFramework && /*#__PURE__*/React.createElement(Select, {
-    className: "w-40",
-    "data-testid": "framework-select",
-    options: FRAMEWORK_SELECT_OPTIONS,
-    value: selectedFramework,
-    onChange: setSelectedFramework
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "ml-auto flex flex-shrink-0 items-center justify-end gap-2"
-  }, sendViaEmail ? /*#__PURE__*/React.createElement(Button, {
-    style: "text",
-    label: t("neetoMolecules.widget.installation.snippet.sendViaEmail"),
-    onClick: sendViaEmail
-  }) : null, showCopyButton && /*#__PURE__*/React.createElement(CopyToClipboardButton, {
-    label: t("neetoMolecules.widget.installation.snippet.copy"),
-    style: "primary",
-    value: codeString
-  }))), /*#__PURE__*/React.createElement(SyntaxHighlighter, {
-    className: "neeto-ui-bg-gray-800 neeto-ui-rounded-lg m-0 rounded-t-none",
-    code: codeString,
-    language: "javascript"
-  }));
-};
-export default CodeBlock;