@bigbinary/neeto-molecules 1.2.0-beta1 → 1.2.0-beta3

package/dist/cjs/ThemeSidebar.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var defineProperty = require('./defineProperty-886ed289.js');
-var slicedToArray = require('./slicedToArray-f320d9e7.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var neetoui = require('@bigbinary/neetoui');
 var reactI18next = require('react-i18next');
@@ -10,17 +10,18 @@ var formik$1 = require('@bigbinary/neetoui/formik');
 var neetoCist = require('@bigbinary/neeto-cist');
 var withT = require('@bigbinary/neeto-commons-frontend/react-utils/withT');
 var ramda = require('ramda');
-var _extends = require('./extends-1b35a664.js');
+var _extends = require('@babel/runtime/helpers/extends');
 var classnames = require('classnames');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var framerMotion = require('framer-motion');
-var index = require('./index-c55ad2bc.js');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var activestorage = require('@rails/activestorage');
 var reactDropzone = require('react-dropzone');
 var formik = require('formik');
 var antd = require('antd');
 var injectCss = require('./inject-css-80a5faa3.js');
-var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var MoreDropdown = require('./MoreDropdown.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -43,10 +44,16 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var withT__default = /*#__PURE__*/_interopDefaultLegacy(withT);
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 
 var DIRECT_UPLOAD_URL = "/api/direct_uploads";
 var DESIGN_SCREENS = {
@@ -212,7 +219,7 @@ var ProgressBar = function ProgressBar(_ref) {
 };
 
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var readFile = function readFile(file) {
   return new Promise(function (resolve) {
     var reader = new FileReader();
@@ -223,9 +230,9 @@ var readFile = function readFile(file) {
   });
 };
 var getImage = /*#__PURE__*/function () {
-  var _ref = index._asyncToGenerator( /*#__PURE__*/index.regenerator.mark(function _callee(file) {
+  var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(file) {
     var image;
-    return index.regenerator.wrap(function _callee$(_context) {
+    return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           image = new Image();
@@ -333,9 +340,9 @@ var hexToRgb = function hexToRgb(hex) {
   return result ? "".concat(parseInt(result[1], 16), ", ").concat(parseInt(result[2], 16), ", ").concat(parseInt(result[3], 16)) : null;
 };
 var getDominantColor = /*#__PURE__*/function () {
-  var _ref2 = index._asyncToGenerator( /*#__PURE__*/index.regenerator.mark(function _callee2(file) {
+  var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(file) {
     var image, context, c, hex;
-    return index.regenerator.wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _context2.next = 2;
@@ -385,15 +392,15 @@ var useDropzoneWithValidation = function useDropzoneWithValidation(_ref) {
     _ref$isDominantColorE = _ref.isDominantColorEnabled,
     isDominantColorEnabled = _ref$isDominantColorE === void 0 ? false : _ref$isDominantColorE;
   var _useState = React.useState([]),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     files = _useState2[0],
     setFiles = _useState2[1];
   var _useState3 = React.useState(false),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     error = _useState4[0],
     setError = _useState4[1];
   var _useState5 = React.useState(0),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
     uploadProgress = _useState6[0],
     setUploadProgress = _useState6[1];
   var maxSizeInReadableUnits = bytesToSize(maxSize);
@@ -410,9 +417,9 @@ var useDropzoneWithValidation = function useDropzoneWithValidation(_ref) {
   var _useDropzone = reactDropzone.useDropzone({
       accept: acceptedTypes,
       onDrop: function () {
-        var _onDrop = index._asyncToGenerator( /*#__PURE__*/index.regenerator.mark(function _callee2(acceptedFiles) {
+        var _onDrop = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(acceptedFiles) {
           var newFiles;
-          return index.regenerator.wrap(function _callee2$(_context2) {
+          return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
                 _context2.next = 2;
@@ -428,9 +435,9 @@ var useDropzoneWithValidation = function useDropzoneWithValidation(_ref) {
                       }
                     });
                     upload.create( /*#__PURE__*/function () {
-                      var _ref2 = index._asyncToGenerator( /*#__PURE__*/index.regenerator.mark(function _callee(error, blob) {
+                      var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(error, blob) {
                         var resolvedFile, dominantColor;
-                        return index.regenerator.wrap(function _callee$(_context) {
+                        return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
                           while (1) switch (_context.prev = _context.next) {
                             case 0:
                               if (!error) {
@@ -536,7 +543,7 @@ var ImageUploader = function ImageUploader(_ref) {
   var shouldShowProgress = !!(uploadProgress && uploadProgress !== 1);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-y-2"
-  }, /*#__PURE__*/React__default["default"].createElement("div", _extends._extends({}, getRootProps(), {
+  }, /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({}, getRootProps(), {
     "data-cy": "image-browse-button",
     className: classnames__default["default"]("neeto-ui-border-primary-600 hover:neeto-ui-bg-gray-100 neeto-ui-rounded-lg flex cursor-pointer flex-col items-center justify-center gap-3 border border-dashed p-5 px-4 transition-all duration-300 ease-in-out", {
       "neeto-ui-border-gray-300": !isDragActive,
@@ -562,7 +569,7 @@ var ImageUploader = function ImageUploader(_ref) {
         className: "neeto-ui-text-primary-500"
       })
     }
-  })), /*#__PURE__*/React__default["default"].createElement("input", _extends._extends({}, getInputProps(), {
+  })), /*#__PURE__*/React__default["default"].createElement("input", _extends__default["default"]({}, getInputProps(), {
     name: name
   })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "neeto-ui-text-gray-700 text-center",
@@ -742,7 +749,7 @@ var ColorBlock = function ColorBlock(_ref) {
 };
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FontPickerBlock = function FontPickerBlock(_ref) {
   var label = _ref.label,
     _ref$placeholder = _ref.placeholder,
@@ -1055,7 +1062,7 @@ var ThemeCard = function ThemeCard(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var name = theme.name,
-    styles = objectWithoutProperties._objectWithoutProperties(theme, _excluded);
+    styles = _objectWithoutProperties__default["default"](theme, _excluded);
   var handleApplyTheme = function handleApplyTheme() {
     if (isApplyingTheme) return;
     onApplyTheme(theme);
@@ -1184,7 +1191,7 @@ var Themes = function Themes(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(""),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     searchQuery = _useState2[0],
     setSearchQuery = _useState2[1];
   var filteredDefaultThemes = defaultThemes.filter(function (theme) {
@@ -1326,7 +1333,7 @@ var TitleBar = function TitleBar(_ref) {
 };
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ThemeSidebar = function ThemeSidebar(_ref) {
   var defaultThemes = _ref.defaultThemes,
     customThemes = _ref.customThemes,
@@ -1340,15 +1347,15 @@ var ThemeSidebar = function ThemeSidebar(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(DESIGN_SCREENS.THEMES),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
     currentScreen = _useState2[0],
     setCurrentScreen = _useState2[1];
   var _useState3 = React.useState(null),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
     previewingTheme = _useState4[0],
     setPreviewingTheme = _useState4[1];
   var _useState5 = React.useState(null),
-    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
     themeToHighlight = _useState6[0],
     setThemeToHighlight = _useState6[1];
   var didScrollActiveThemeIntoView = React.useRef(null);