@bigbinary/neeto-molecules 1.1.16 → 1.1.18

package/dist/BrowserSupport/constants.js

@@ -1,63 +0,0 @@
-export var DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS = {
-  Chrome: {
-    softLimit: 108,
-    hardLimit: 70
-  },
-  MicrosoftEdge: {
-    softLimit: 108,
-    hardLimit: 106
-  },
-  Firefox: {
-    softLimit: 102,
-    hardLimit: 90
-  },
-  IE: {
-    softLimit: 11,
-    hardLimit: 11
-  },
-  Opera: {
-    softLimit: 93,
-    hardLimit: 89
-  },
-  Safari: {
-    softLimit: 11,
-    hardLimit: 10
-  },
-  ChromeMobile: {
-    softLimit: 109,
-    hardLimit: 105
-  },
-  FirefoxMobile: {
-    softLimit: 109,
-    hardLimit: 105
-  },
-  UCBrowser: {
-    softLimit: 13.4,
-    hardLimit: 13.0
-  },
-  SamsungInternet: {
-    softLimit: 18,
-    hardLimit: 4
-  },
-  AndroidBrowser: {
-    softLimit: 4,
-    hardLimit: 3
-  },
-  Electron: {
-    softLimit: 17,
-    hardLimit: 16
-  }
-};
-export var UNSUPPORTED_BROWSERS = ["OperaMini"];
-export var BROWSER_UPGRADE_PAGE_LINKS = {
-  Chrome: "https://www.google.com/chrome/update",
-  MicrosoftEdge: "https://support.microsoft.com/en-us/topic/microsoft-edge-update-settings-af8aaca2-1b69-4870-94fe-18822dbb7ef1#:~:text=Update%20once,Download%20and%20install%20to%20proceed",
-  Firefox: "https://support.mozilla.org/en-US/kb/update-firefox-latest-release",
-  IE: "https://support.microsoft.com/en-us/topic/microsoft-edge-update-settings-af8aaca2-1b69-4870-94fe-18822dbb7ef1#:~:text=Update%20once,Download%20and%20install%20to%20proceed",
-  Opera: "https://help.opera.com/en/latest/crashes-and-issues/#updateBrowser",
-  Safari: "https://support.apple.com/en-in/HT204416",
-  ChromeMobile: "https://play.google.com/store/apps/details?id=com.android.chrome&hl=en_IN&gl=US",
-  FirefoxMobile: "https://play.google.com/store/apps/details?id=org.mozilla.firefox&hl=en_IN&gl=US",
-  UCBrowser: "https://play.google.com/store/apps/details?id=com.UCMobile.intl&hl=en_IN&gl=US",
-  SamsungInternet: "https://play.google.com/store/apps/details?id=com.sec.android.app.sbrowser&hl=en_IN&gl=US"
-};

package/dist/BrowserSupport/index.js

@@ -1,58 +0,0 @@
-import React from "react";
-import { t } from "i18next";
-import platform from "platform";
-import { concat, mergeDeepLeft, uniq } from "ramda";
-import "./browsersupport.scss";
-import { DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS, UNSUPPORTED_BROWSERS } from "./constants";
-import PartialSupportedBrowserVersion from "./PartialSupportedBrowserVersion";
-import UnknownBrowser from "./UnknownBrowser";
-import UnsupportedBrowser from "./UnsupportedBrowser";
-import UnsupportedBrowserVersion from "./UnsupportedBrowserVersion";
-import { buildDownloadPageLink, getRequiredMinBrowserVersion, isBrowserSupported, isVersionSupported, isBrowserUnsupported, convertSemverToFloat } from "./utils";
-var BrowserSupport = function BrowserSupport(_ref) {
-  var _ref$overrides = _ref.overrides,
-    overrides = _ref$overrides === void 0 ? {} : _ref$overrides,
-    _ref$unsupportedBrows = _ref.unsupportedBrowsers,
-    unsupportedBrowsers = _ref$unsupportedBrows === void 0 ? [] : _ref$unsupportedBrows,
-    children = _ref.children;
-  var platformInfo = platform.parse(navigator.userAgent);
-  var browserName = platformInfo.name || t("neetoMolecules.browserSupport.unknownBrowserMsg");
-  var browserVersion = convertSemverToFloat(platformInfo.version || "");
-  var supportedBrowserVersionsMap = mergeDeepLeft(overrides, DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS);
-  var unsupportedBrowsersList = uniq(concat(UNSUPPORTED_BROWSERS, unsupportedBrowsers));
-  var requiredMinBrowserVersion = getRequiredMinBrowserVersion(browserName, supportedBrowserVersionsMap);
-  var isUnsupportedBrowser = isBrowserUnsupported(browserName, unsupportedBrowsersList);
-  if (isUnsupportedBrowser) {
-    return /*#__PURE__*/React.createElement(UnsupportedBrowser, {
-      browserName: browserName,
-      browserVersion: browserVersion
-    });
-  }
-  var isKnownBrowser = isBrowserSupported(browserName, supportedBrowserVersionsMap);
-  if (!isKnownBrowser) {
-    return /*#__PURE__*/React.createElement(UnknownBrowser, {
-      browserName: browserName,
-      browserVersion: browserVersion
-    }, children);
-  }
-  var _isVersionSupported = isVersionSupported(browserVersion, requiredMinBrowserVersion),
-    isBrowserFullySupported = _isVersionSupported.isBrowserFullySupported,
-    isBrowserPartiallySupported = _isVersionSupported.isBrowserPartiallySupported;
-  var downloadPageLink = buildDownloadPageLink(browserName);
-  if (isBrowserFullySupported) return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-  if (isBrowserPartiallySupported) {
-    return /*#__PURE__*/React.createElement(PartialSupportedBrowserVersion, {
-      browserName: browserName,
-      browserVersion: browserVersion,
-      downloadPageLink: downloadPageLink,
-      requiredMinBrowserVersion: requiredMinBrowserVersion
-    }, children);
-  }
-  return /*#__PURE__*/React.createElement(UnsupportedBrowserVersion, {
-    browserName: browserName,
-    browserVersion: browserVersion,
-    downloadPageLink: downloadPageLink,
-    requiredMinBrowserVersion: requiredMinBrowserVersion
-  });
-};
-export default BrowserSupport;

package/dist/BrowserSupport/utils.js

@@ -1,32 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { BROWSER_UPGRADE_PAGE_LINKS } from "./constants";
-export var convertToPlatformBrowserName = function convertToPlatformBrowserName(browserName) {
-  return browserName.replace(/\s/g, "");
-};
-export var getRequiredMinBrowserVersion = function getRequiredMinBrowserVersion(browserName, supportedBrowserVersionsMap) {
-  return supportedBrowserVersionsMap[convertToPlatformBrowserName(browserName)];
-};
-export var convertSemverToFloat = function convertSemverToFloat(browserVersion) {
-  var _browserVersion$split = browserVersion.split("."),
-    _browserVersion$split2 = _slicedToArray(_browserVersion$split, 2),
-    majorVersion = _browserVersion$split2[0],
-    minorVersion = _browserVersion$split2[1];
-  return parseFloat("".concat(majorVersion, ".").concat(minorVersion)) || "";
-};
-export var isVersionSupported = function isVersionSupported(browserVersion, requiredMinBrowserVersion) {
-  var isBrowserFullySupported = browserVersion >= (requiredMinBrowserVersion === null || requiredMinBrowserVersion === void 0 ? void 0 : requiredMinBrowserVersion.softLimit);
-  var isBrowserPartiallySupported = browserVersion >= (requiredMinBrowserVersion === null || requiredMinBrowserVersion === void 0 ? void 0 : requiredMinBrowserVersion.hardLimit);
-  return {
-    isBrowserFullySupported: isBrowserFullySupported,
-    isBrowserPartiallySupported: isBrowserPartiallySupported
-  };
-};
-export var buildDownloadPageLink = function buildDownloadPageLink(browserName) {
-  return BROWSER_UPGRADE_PAGE_LINKS[convertToPlatformBrowserName(browserName)];
-};
-export var isBrowserUnsupported = function isBrowserUnsupported(browserName, unsupportedBrowsersList) {
-  return unsupportedBrowsersList.includes(convertToPlatformBrowserName(browserName));
-};
-export var isBrowserSupported = function isBrowserSupported(browserName, supportedBrowserVersionsMap) {
-  return !!supportedBrowserVersionsMap[convertToPlatformBrowserName(browserName)];
-};

package/dist/Builder/Body.js

@@ -1,9 +0,0 @@
-import React from "react";
-import "./styles.scss";
-var Body = function Body(props) {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-builder-questions-list-panel__scroll neeto-molecules-builder-questions-list-panel__scroll--small",
-    "data-testid": props["data-testid"]
-  }, props.children);
-};
-export default Body;

package/dist/Builder/ElementsPanel/ElementsList/Element.js

@@ -1,27 +0,0 @@
-import React from "react";
-import classnames from "classnames";
-import { noop } from "@bigbinary/neeto-commons-frontend/pure";
-import { joinHyphenCase } from "@bigbinary/neeto-commons-frontend/utils";
-import { Typography } from "@bigbinary/neetoui";
-var Element = function Element(_ref) {
-  var label = _ref.label,
-    Icon = _ref.icon,
-    _ref$isCreatable = _ref.isCreatable,
-    isCreatable = _ref$isCreatable === void 0 ? true : _ref$isCreatable,
-    onClick = _ref.onClick;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-cy": "add-".concat(joinHyphenCase(label), "-element"),
-    className: classnames("neeto-ui-border-gray-400 neeto-ui-bg-white hover:neeto-ui-bg-gray-200 neeto-ui-rounded-lg mb-2 flex h-10 cursor-pointer items-center gap-2 border p-3 transition-all duration-300 ease-in-out", {
-      "neeto-ui-bg-gray-300 cursor-not-allowed": !isCreatable
-    }),
-    onClick: isCreatable ? onClick : noop
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-grow items-center gap-2"
-  }, Icon && /*#__PURE__*/React.createElement(Icon, {
-    "data-cy": "form-icon"
-  }), /*#__PURE__*/React.createElement(Typography, {
-    className: "leading-4",
-    style: "body2"
-  }, label)));
-};
-export default Element;

package/dist/Builder/ElementsPanel/ElementsList/Section.js

@@ -1,28 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from "react";
-import { Typography } from "@bigbinary/neetoui";
-import { isEmpty } from "ramda";
-import Element from "./Element";
-var Section = function Section(_ref) {
-  var title = _ref.title,
-    elements = _ref.elements,
-    onSelect = _ref.onSelect,
-    isCreatable = _ref.isCreatable;
-  if (isEmpty(elements)) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, title && /*#__PURE__*/React.createElement(Typography, {
-    className: "py-3",
-    style: "h6",
-    textTransform: "uppercase"
-  }, title), elements.map(function (element) {
-    return /*#__PURE__*/React.createElement(Element, _extends({}, element, {
-      isCreatable: isCreatable(element.value),
-      key: element.label,
-      onClick: function onClick() {
-        return onSelect(element);
-      }
-    }));
-  }));
-};
-export default Section;

package/dist/Builder/ElementsPanel/ElementsList/TitleBar.js

@@ -1,28 +0,0 @@
-import React from "react";
-import { Button, Typography } from "@bigbinary/neetoui";
-import { useTranslation } from "react-i18next";
-var TitleBar = function TitleBar(_ref) {
-  var setIsElementsListVisible = _ref.setIsElementsListVisible,
-    isSelectedElementsEmpty = _ref.isSelectedElementsEmpty;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var onCancel = function onCancel() {
-    return setIsElementsListVisible(false);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-between p-6 pb-4",
-    "data-testid": "elements-panel-title"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    "data-cy": "elements-list-title",
-    lineHeight: "normal",
-    style: "h3",
-    weight: "semibold"
-  }, t("neetoMolecules.builderSidebar.addNewElement")), !isSelectedElementsEmpty && /*#__PURE__*/React.createElement(Button, {
-    "data-cy": "cancel-button",
-    label: t("neetoMolecules.builderSidebar.cancel"),
-    size: "small",
-    style: "text",
-    onClick: onCancel
-  }));
-};
-export default TitleBar;

package/dist/Builder/ElementsPanel/ElementsList/index.js

@@ -1,63 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useMemo, useState } from "react";
-import { isNotEmpty, isPresent } from "@bigbinary/neeto-commons-frontend/pure";
-import { withEventTargetValue } from "@bigbinary/neeto-commons-frontend/utils";
-import { Search } from "@bigbinary/neeto-icons";
-import { Input } from "@bigbinary/neetoui";
-import { useTranslation } from "react-i18next";
-import Body from "../../Body";
-import Section from "./Section";
-import TitleBar from "./TitleBar";
-var ElementList = function ElementList(_ref) {
-  var setIsElementsListVisible = _ref.setIsElementsListVisible,
-    _ref$elementSections = _ref.elementSections,
-    elementSections = _ref$elementSections === void 0 ? [] : _ref$elementSections,
-    onSelect = _ref.onSelect,
-    isSelectedElementsEmpty = _ref.isSelectedElementsEmpty;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchString = _useState2[0],
-    setSearchString = _useState2[1];
-  var filteredSections = useMemo(function () {
-    return elementSections.map(function (section) {
-      return _objectSpread(_objectSpread({}, section), {}, {
-        elements: section.elements.filter(function (element) {
-          return element.label.toLowerCase().includes(searchString.toLowerCase());
-        })
-      });
-    }).filter(function (section) {
-      return isPresent(searchString) ? isNotEmpty(section.elements) : true;
-    });
-  }, [searchString, elementSections]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TitleBar, {
-    isSelectedElementsEmpty: isSelectedElementsEmpty,
-    setIsElementsListVisible: setIsElementsListVisible
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "mb-2 px-6"
-  }, /*#__PURE__*/React.createElement(Input, {
-    autoFocus: true,
-    "data-testid": "elements-panel-search-field",
-    placeholder: t("neetoMolecules.builderSidebar.searchElements"),
-    prefix: /*#__PURE__*/React.createElement(Search, null),
-    value: searchString,
-    onChange: withEventTargetValue(setSearchString)
-  })), /*#__PURE__*/React.createElement(Body, {
-    "data-testid": "elements-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-builder-questions-list-panel__scroll--small"
-  }, filteredSections.map(function (section) {
-    return /*#__PURE__*/React.createElement(Section, {
-      elements: section.elements,
-      isCreatable: section.isCreatable,
-      key: section.key,
-      title: section.title,
-      onSelect: onSelect
-    });
-  }))));
-};
-export default ElementList;

package/dist/Builder/ElementsPanel/SelectedElementsList/SelectedElement.js

@@ -1,73 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["element", "isActive", "handleSelectElement", "isSelectable", "index", "errors", "actions"];
-import React, { memo, useEffect, useRef } from "react";
-import classnames from "classnames";
-import { noop, findById, isNotEmpty } from "@bigbinary/neeto-commons-frontend/pure";
-import { Typography } from "@bigbinary/neetoui";
-import { mergeRight } from "ramda";
-import MoreDropdown from "../../../MoreDropdown";
-var SelectedElement = function SelectedElement(_ref) {
-  var element = _ref.element,
-    isActive = _ref.isActive,
-    handleSelectElement = _ref.handleSelectElement,
-    _ref$isSelectable = _ref.isSelectable,
-    isSelectable = _ref$isSelectable === void 0 ? true : _ref$isSelectable,
-    index = _ref.index,
-    _ref$errors = _ref.errors,
-    errors = _ref$errors === void 0 ? [] : _ref$errors,
-    _ref$actions = _ref.actions,
-    actions = _ref$actions === void 0 ? [] : _ref$actions,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var Icon = element.icon;
-  var rootElementRef = useRef();
-  var onClick = function onClick() {
-    return handleSelectElement(index);
-  };
-  var shouldShowDropdown = isNotEmpty(actions);
-  useEffect(function () {
-    var rootElement = rootElementRef.current;
-    if (!rootElement || !isActive || typeof (rootElement === null || rootElement === void 0 ? void 0 : rootElement.scrollIntoView) !== "function") {
-      return;
-    }
-    rootElement.scrollIntoView({
-      block: "center"
-    });
-  }, [isActive, rootElementRef]);
-  var error = findById(element.id, errors);
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": props["data-testid"],
-    ref: rootElementRef,
-    className: classnames("neeto-ui-border-gray-400 neeto-ui-bg-white hover:neeto-ui-bg-gray-200 neeto-ui-rounded-lg mb-2 flex h-10 cursor-pointer items-center gap-2 border p-3 transition-all duration-300 ease-in-out", {
-      "neeto-molecules-builder-element--active": isActive
-    }, {
-      "hover:neeto-ui-bg-error-100 neeto-ui-bg-error-100": error
-    }),
-    onClick: isSelectable ? onClick : noop
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-grow items-center gap-2 overflow-hidden",
-    "data-cy": "new-element-field"
-  }, Icon && /*#__PURE__*/React.createElement("div", {
-    className: "flex-shrink-0"
-  }, /*#__PURE__*/React.createElement(Icon, null)), /*#__PURE__*/React.createElement(Typography, {
-    className: "truncate leading-snug",
-    style: "body2"
-  }, element.label)), shouldShowDropdown && /*#__PURE__*/React.createElement(MoreDropdown, {
-    dropdownButtonProps: {
-      className: "min-h-0 flex-shrink-0"
-    },
-    dropdownProps: {
-      closeOnSelect: true,
-      onClick: function onClick(event) {
-        return event.stopPropagation();
-      }
-    },
-    menuItems: actions.map(function (action) {
-      return mergeRight(action, {
-        onClick: function onClick() {
-          action.onClick(element);
-        }
-      });
-    })
-  }));
-};
-export default /*#__PURE__*/memo(SelectedElement);

package/dist/Builder/ElementsPanel/SelectedElementsList/TitleBar.js

@@ -1,50 +0,0 @@
-import React from "react";
-import { PLURAL } from "@bigbinary/neeto-commons-frontend/constants";
-import { Flash } from "@bigbinary/neeto-icons";
-import { Button, Typography } from "@bigbinary/neetoui";
-import { useTranslation } from "react-i18next";
-var TitleBar = function TitleBar(_ref) {
-  var setIsElementsListVisible = _ref.setIsElementsListVisible,
-    isLoading = _ref.isLoading,
-    showElementsFillButton = _ref.showElementsFillButton,
-    isAddingAllElements = _ref.isAddingAllElements,
-    addAllElements = _ref.addAllElements,
-    isAddingNewElement = _ref.isAddingNewElement;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var handleAddElement = function handleAddElement() {
-    return setIsElementsListVisible(true);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-between p-6 pb-4",
-    "data-testid": "selected-elements-title"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    "data-cy": "elements-title",
-    lineHeight: "normal",
-    style: "h3",
-    weight: "semibold"
-  }, t("neetoMolecules.builderSidebar.element", PLURAL)), /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-between space-x-2"
-  }, /*#__PURE__*/React.createElement(Button, {
-    "data-cy": "add-element-button",
-    "data-testid": "add-element-button",
-    disabled: isLoading,
-    label: t("neetoMolecules.builderSidebar.addNewElement"),
-    loading: isAddingNewElement,
-    size: "small",
-    style: "secondary",
-    onClick: handleAddElement
-  }), showElementsFillButton && /*#__PURE__*/React.createElement(Button, {
-    "data-cy": "add-all-elements-button",
-    disabled: isAddingAllElements,
-    icon: Flash,
-    loading: isAddingAllElements,
-    size: "small",
-    style: "secondary",
-    tooltipProps: {
-      content: t("neetoMolecules.builderSidebar.addAllElements")
-    },
-    onClick: addAllElements
-  })));
-};
-export default TitleBar;

package/dist/Builder/ElementsPanel/SelectedElementsList/index.js

@@ -1,91 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from "react";
-import { DragDropContext, Draggable, Droppable } from "@hello-pangea/dnd";
-import { isPresent } from "@bigbinary/neeto-commons-frontend/pure";
-import { joinHyphenCase } from "@bigbinary/neeto-commons-frontend/utils";
-import Body from "../../Body";
-import SelectedElement from "./SelectedElement";
-import TitleBar from "./TitleBar";
-var SelectedElementsList = function SelectedElementsList(_ref) {
-  var handleDragEnd = _ref.handleDragEnd,
-    handleSelectElement = _ref.handleSelectElement,
-    isDragDisabled = _ref.isDragDisabled,
-    isElementVisible = _ref.isElementVisible,
-    selectedElementIndex = _ref.selectedElementIndex,
-    selectedElements = _ref.selectedElements,
-    setIsElementsListVisible = _ref.setIsElementsListVisible,
-    fixedLastElementIndex = _ref.fixedLastElementIndex,
-    fixedLastElement = _ref.fixedLastElement,
-    fixedFirstElement = _ref.fixedFirstElement,
-    selectedElementActions = _ref.selectedElementActions,
-    addAllElements = _ref.addAllElements,
-    isAddingAllElements = _ref.isAddingAllElements,
-    showElementsFillButton = _ref.showElementsFillButton,
-    isAddingNewElement = _ref.isAddingNewElement;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TitleBar, {
-    addAllElements: addAllElements,
-    isAddingAllElements: isAddingAllElements,
-    isAddingNewElement: isAddingNewElement,
-    setIsElementsListVisible: setIsElementsListVisible,
-    showElementsFillButton: showElementsFillButton
-  }), /*#__PURE__*/React.createElement(Body, {
-    "data-testid": "selected-elements-container"
-  }, isPresent(fixedFirstElement) && /*#__PURE__*/React.createElement(SelectedElement, {
-    isSelectable: true,
-    handleSelectElement: handleSelectElement,
-    actions: fixedFirstElement.actions,
-    "data-testid": "welcome-record",
-    element: fixedFirstElement,
-    index: 0,
-    isActive: selectedElementIndex === 0
-  }), /*#__PURE__*/React.createElement(DragDropContext, {
-    onDragEnd: handleDragEnd
-  }, /*#__PURE__*/React.createElement(Droppable, {
-    droppableId: "droppable-question-list"
-  }, function (_ref2) {
-    var innerRef = _ref2.innerRef,
-      droppableProps = _ref2.droppableProps,
-      placeholder = _ref2.placeholder;
-    return /*#__PURE__*/React.createElement("div", _extends({
-      ref: innerRef
-    }, droppableProps, {
-      "data-testid": "selected-elements-droppable-container"
-    }), selectedElements === null || selectedElements === void 0 ? void 0 : selectedElements.map(function (element, index) {
-      var _isElementVisible, _element$id, _element$id2;
-      var isVisible = (_isElementVisible = isElementVisible === null || isElementVisible === void 0 ? void 0 : isElementVisible(element)) !== null && _isElementVisible !== void 0 ? _isElementVisible : true;
-      if (!isVisible) return null;
-      var key = (_element$id = element.id) !== null && _element$id !== void 0 ? _element$id : "element-".concat(joinHyphenCase(element.label));
-      return /*#__PURE__*/React.createElement(Draggable, {
-        draggableId: (_element$id2 = element.id) !== null && _element$id2 !== void 0 ? _element$id2 : "element-".concat(index),
-        index: index,
-        isDragDisabled: isDragDisabled,
-        key: key
-      }, function (_ref3) {
-        var _element$id3;
-        var innerRef = _ref3.innerRef,
-          draggableProps = _ref3.draggableProps,
-          dragHandleProps = _ref3.dragHandleProps;
-        return /*#__PURE__*/React.createElement("div", _extends({
-          ref: innerRef
-        }, draggableProps, dragHandleProps), /*#__PURE__*/React.createElement(SelectedElement, {
-          isSelectable: true,
-          element: element,
-          handleSelectElement: handleSelectElement,
-          index: index,
-          actions: selectedElementActions,
-          isActive: index === selectedElementIndex,
-          key: (_element$id3 = element.id) !== null && _element$id3 !== void 0 ? _element$id3 : index
-        }));
-      });
-    }), placeholder);
-  })), isPresent(fixedLastElement) && /*#__PURE__*/React.createElement(SelectedElement, {
-    isSelectable: true,
-    handleSelectElement: handleSelectElement,
-    actions: fixedLastElement.actions,
-    "data-testid": "submit-button-record",
-    element: fixedLastElement,
-    index: fixedLastElementIndex,
-    isActive: selectedElementIndex === fixedLastElementIndex
-  })));
-};
-export default SelectedElementsList;

package/dist/Builder/ElementsPanel/index.js

@@ -1,70 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from "react";
-import { noop } from "@bigbinary/neeto-commons-frontend/pure";
-import { isEmpty } from "ramda";
-import ElementList from "./ElementsList";
-import SelectedElementsList from "./SelectedElementsList";
-import "../styles.scss";
-var ElementsPanel = function ElementsPanel(_ref) {
-  var elementSections = _ref.elementSections,
-    _ref$selectedElements = _ref.selectedElements,
-    selectedElements = _ref$selectedElements === void 0 ? [] : _ref$selectedElements,
-    handleAddElement = _ref.handleAddElement,
-    isElementVisible = _ref.isElementVisible,
-    fixedFirstElement = _ref.fixedFirstElement,
-    fixedLastElement = _ref.fixedLastElement,
-    _ref$handleDragEnd = _ref.handleDragEnd,
-    handleDragEnd = _ref$handleDragEnd === void 0 ? noop : _ref$handleDragEnd,
-    _ref$isDragDisabled = _ref.isDragDisabled,
-    isDragDisabled = _ref$isDragDisabled === void 0 ? true : _ref$isDragDisabled,
-    handleSelectElement = _ref.handleSelectElement,
-    selectedElementIndex = _ref.selectedElementIndex,
-    fixedLastElementIndex = _ref.fixedLastElementIndex,
-    selectedElementActions = _ref.selectedElementActions,
-    _ref$addAllElements = _ref.addAllElements,
-    addAllElements = _ref$addAllElements === void 0 ? noop : _ref$addAllElements,
-    _ref$isAddingAllEleme = _ref.isAddingAllElements,
-    isAddingAllElements = _ref$isAddingAllEleme === void 0 ? false : _ref$isAddingAllEleme,
-    _ref$showElementsFill = _ref.showElementsFillButton,
-    showElementsFillButton = _ref$showElementsFill === void 0 ? false : _ref$showElementsFill,
-    _ref$isAddingNewEleme = _ref.isAddingNewElement,
-    isAddingNewElement = _ref$isAddingNewEleme === void 0 ? false : _ref$isAddingNewEleme;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isElementsListVisible = _useState2[0],
-    setIsElementsListVisible = _useState2[1];
-  var isSelectedElementsEmpty = isEmpty(selectedElements);
-  var shouldShowElementsList = isSelectedElementsEmpty || isElementsListVisible;
-  var handleElementSelect = function handleElementSelect(element) {
-    setIsElementsListVisible(false);
-    handleAddElement(element);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-builder-elements-list-panel neeto-ui-bg-gray-100",
-    onClick: function onClick(event) {
-      return event.stopPropagation();
-    }
-  }, shouldShowElementsList ? /*#__PURE__*/React.createElement(ElementList, {
-    elementSections: elementSections,
-    isSelectedElementsEmpty: isSelectedElementsEmpty,
-    setIsElementsListVisible: setIsElementsListVisible,
-    onSelect: handleElementSelect
-  }) : /*#__PURE__*/React.createElement(SelectedElementsList, {
-    addAllElements: addAllElements,
-    fixedFirstElement: fixedFirstElement,
-    fixedLastElement: fixedLastElement,
-    fixedLastElementIndex: fixedLastElementIndex,
-    handleDragEnd: handleDragEnd,
-    handleSelectElement: handleSelectElement,
-    isAddingAllElements: isAddingAllElements,
-    isAddingNewElement: isAddingNewElement,
-    isDragDisabled: isDragDisabled,
-    isElementVisible: isElementVisible,
-    selectedElementActions: selectedElementActions,
-    selectedElementIndex: selectedElementIndex,
-    selectedElements: selectedElements,
-    setIsElementsListVisible: setIsElementsListVisible,
-    showElementsFillButton: showElementsFillButton
-  }));
-};
-export default ElementsPanel;

package/dist/Builder/PropertiesPanel/EmptyProperty.js

@@ -1,21 +0,0 @@
-import React from "react";
-import { withT } from "@bigbinary/neeto-commons-frontend/react-utils";
-import { Typography } from "@bigbinary/neetoui";
-var EmptyProperty = withT(function (_ref) {
-  var t = _ref.t;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "space-y-4 "
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-gray-200 neeto-ui-text-gray-600 neeto-ui-rounded-lg flex w-full flex-col items-center justify-center space-y-2 px-16 py-8"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: "text-center",
-    "data-cy": "build-page-text-label",
-    lineHeight: "normal",
-    style: "body2"
-  }, t("neetoMolecules.builderSidebar.noQuestionProperties"))), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-gray-200 neeto-ui-rounded-lg h-40 w-full"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-gray-200 neeto-ui-rounded-lg h-72 w-full"
-  }));
-});
-export default EmptyProperty;

package/dist/Builder/PropertiesPanel/Skeleton.js

@@ -1,24 +0,0 @@
-import React from "react";
-import { withT } from "@bigbinary/neeto-commons-frontend/react-utils";
-import { DownArrow } from "@bigbinary/neeto-icons";
-import { Typography } from "@bigbinary/neetoui";
-var Skeleton = withT(function (_ref) {
-  var t = _ref.t;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "space-y-4 pr-6"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-gray-200 neeto-ui-rounded-lg h-12 w-full"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-gray-200 neeto-ui-text-gray-600 neeto-ui-rounded-lg flex w-full flex-col items-center justify-center space-y-2 py-8 px-16"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: "text-center",
-    "data-cy": "build-page-text-label",
-    lineHeight: "normal",
-    style: "body2"
-  }, t("neetoMolecules.builderSidebar.emptyQuestionProperties")), /*#__PURE__*/React.createElement(DownArrow, null)), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-gray-200 neeto-ui-rounded-lg h-40 w-full"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-gray-200 neeto-ui-rounded-lg h-72 w-full"
-  }));
-});
-export default Skeleton;