@app-studio/web 0.8.20 → 0.8.22

package/dist/web.umd.development.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('core-js/modules/es.symbol.description.js'), require('react'), require('core-js/modules/es.object.assign.js'), require('app-studio'), require('core-js/modules/es.array.iterator.js'), require('core-js/modules/es.parse-float.js'), require('core-js/modules/web.dom-collections.iterator.js'), require('react-router-dom'), require('core-js/modules/es.array.includes.js'), require('core-js/modules/es.string.includes.js'), require('core-js/modules/es.string.starts-with.js'), require('src/components/Icon/Icon'), require('date-fns/format'), require('formik'), require('zustand'), require('src/components/Layout')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'core-js/modules/es.symbol.description.js', 'react', 'core-js/modules/es.object.assign.js', 'app-studio', 'core-js/modules/es.array.iterator.js', 'core-js/modules/es.parse-float.js', 'core-js/modules/web.dom-collections.iterator.js', 'react-router-dom', 'core-js/modules/es.array.includes.js', 'core-js/modules/es.string.includes.js', 'core-js/modules/es.string.starts-with.js', 'src/components/Icon/Icon', 'date-fns/format', 'formik', 'zustand', 'src/components/Layout'], factory) :
-  (global = global || self, factory(global['@app-studio/web'] = {}, null, global.React, null, global.appStudio, null, null, null, global.reactRouterDom, null, null, null, global.Icon$1, global.format, global.formik, global.zustand, global.Layout));
-}(this, (function (exports, es_symbol_description_js, React, es_object_assign_js, appStudio, es_array_iterator_js, es_parseFloat_js, web_domCollections_iterator_js, reactRouterDom, es_array_includes_js, es_string_includes_js, es_string_startsWith_js, Icon$1, format, formik, zustand, Layout) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('core-js/modules/es.symbol.description.js'), require('react'), require('core-js/modules/es.object.assign.js'), require('app-studio'), require('core-js/modules/es.array.iterator.js'), require('core-js/modules/es.parse-float.js'), require('core-js/modules/web.dom-collections.iterator.js'), require('react-router-dom'), require('core-js/modules/es.array.includes.js'), require('core-js/modules/es.string.includes.js'), require('core-js/modules/es.string.starts-with.js'), require('date-fns/format'), require('formik'), require('zustand')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'core-js/modules/es.symbol.description.js', 'react', 'core-js/modules/es.object.assign.js', 'app-studio', 'core-js/modules/es.array.iterator.js', 'core-js/modules/es.parse-float.js', 'core-js/modules/web.dom-collections.iterator.js', 'react-router-dom', 'core-js/modules/es.array.includes.js', 'core-js/modules/es.string.includes.js', 'core-js/modules/es.string.starts-with.js', 'date-fns/format', 'formik', 'zustand'], factory) :
+  (global = global || self, factory(global['@app-studio/web'] = {}, null, global.React, null, global.appStudio, null, null, null, global.reactRouterDom, null, null, null, global.format, global.formik, global.zustand));
+}(this, (function (exports, es_symbol_description_js, React, es_object_assign_js, appStudio, es_array_iterator_js, es_parseFloat_js, web_domCollections_iterator_js, reactRouterDom, es_array_includes_js, es_string_includes_js, es_string_startsWith_js, format, formik, zustand) { 'use strict';
 
   var React__default = 'default' in React ? React['default'] : React;
   format = format && Object.prototype.hasOwnProperty.call(format, 'default') ? format['default'] : format;
@@ -158,7 +158,7 @@
   var Text = TextComponent;
 
   var _excluded$1 = ["justifyContent", "isReversed"];
-  var VerticalView = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  var Vertical = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     var {
         // Sets a default alignment for content within the Vertical container to 'flex-start'
         justifyContent = 'flex-start',
@@ -174,12 +174,10 @@
       ref: ref
     }));
   });
-  VerticalView.displayName = 'VerticalView';
-
-  var Vertical = props => (/*#__PURE__*/React__default.createElement(VerticalView, Object.assign({}, props)));
+  Vertical.displayName = 'Vertical';
 
   var _excluded$2 = ["justifyContent", "isReversed"];
-  var HorizontalView = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  var Horizontal = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     var {
         // Sets a default alignment for content within the Horizontal container to 'flex-start'
         justifyContent = 'flex-start',
@@ -195,12 +193,10 @@
       ref: ref
     }));
   });
-  HorizontalView.displayName = 'Horizontal';
-
-  var Horizontal = props => (/*#__PURE__*/React__default.createElement(HorizontalView, Object.assign({}, props)));
+  Horizontal.displayName = 'Horizontal';
 
   var _excluded$3 = ["isReversed"];
-  var CenterView = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  var Center = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     var props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
     return /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({
       display: "flex",
@@ -210,9 +206,7 @@
       ref: ref
     }));
   });
-  CenterView.displayName = 'Center';
-
-  var Center = props => (/*#__PURE__*/React__default.createElement(CenterView, Object.assign({}, props)));
+  Center.displayName = 'Center';
 
   var _excluded$4 = ["size", "color"],
     _excluded2 = ["size", "color"],
@@ -5282,12 +5276,12 @@
     }, fieldStyles, props, {
       value: value,
       onChange: handleChange
-    }))), /*#__PURE__*/React__default.createElement(FieldIcons, null, hide ? (/*#__PURE__*/React__default.createElement(Icon$1.ChevronIcon, {
+    }))), /*#__PURE__*/React__default.createElement(FieldIcons, null, hide ? (/*#__PURE__*/React__default.createElement(ChevronIcon, {
       orientation: "down",
       size: IconSizes$4[size],
       color: IconColor,
       style: styles['icon']
-    })) : (/*#__PURE__*/React__default.createElement(Icon$1.ChevronIcon, {
+    })) : (/*#__PURE__*/React__default.createElement(ChevronIcon, {
       orientation: "up",
       size: IconSizes$4[size],
       color: IconColor,
@@ -5620,7 +5614,7 @@
       onChange: value => handleSearch(value),
       hint: placeholder,
       isClearable: false,
-      leftChild: /*#__PURE__*/React__default.createElement(Icon$1.SearchIcon, {
+      leftChild: /*#__PURE__*/React__default.createElement(SearchIcon, {
         size: 12
       }),
       styles: {
@@ -5642,7 +5636,7 @@
       backgroundColor: index === highlightedIndex ? 'color.gray.100' : 'transparent',
       onMouseEnter: () => setHighlightedIndex(index),
       onClick: () => handleSelect(item)
-    }, styles == null ? void 0 : styles.item), /*#__PURE__*/React__default.createElement(Text, null, item.label), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, item.icon && item.icon, item.value === selectedItem.value && showTick && !item.icon && /*#__PURE__*/React__default.createElement(Icon$1.TickIcon, {
+    }, styles == null ? void 0 : styles.item), /*#__PURE__*/React__default.createElement(Text, null, item.label), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, item.icon && item.icon, item.value === selectedItem.value && showTick && !item.icon && /*#__PURE__*/React__default.createElement(TickIcon, {
       size: 20
     }))))))))))));
   };
@@ -6652,7 +6646,7 @@
       // Returns a boolean indicating if the given tab is identical to the first tab in 'tabsState'.
       return tab.value === tabsState[0].value;
     };
-    return /*#__PURE__*/React__default.createElement(Layout.Vertical, Object.assign({
+    return /*#__PURE__*/React__default.createElement(Vertical, Object.assign({
       width: "100w",
       height: '100%'
     }, styles == null ? void 0 : styles.container), /*#__PURE__*/React__default.createElement(Horizontal, Object.assign({