@app-studio/web 0.8.20 → 0.8.22

package/dist/web.esm.js

@@ -9,11 +9,9 @@ import { Link as Link$1 } from 'react-router-dom';
 import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.string.includes.js';
 import 'core-js/modules/es.string.starts-with.js';
-import { ChevronIcon as ChevronIcon$1, SearchIcon as SearchIcon$1, TickIcon as TickIcon$1 } from 'src/components/Icon/Icon';
 import format from 'date-fns/format';
 import { useFormikContext, getIn } from 'formik';
 import { create } from 'zustand';
-import { Vertical as Vertical$1 } from 'src/components/Layout';
 
 var Top = props => (/*#__PURE__*/React.createElement(View$1, Object.assign({
   marginBottom: "auto"
@@ -166,7 +164,7 @@ var TextComponent = props => {
 var Text = TextComponent;
 
 var _excluded$1 = ["justifyContent", "isReversed"];
-var VerticalView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+var Vertical = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var {
       // Sets a default alignment for content within the Vertical container to 'flex-start'
       justifyContent = 'flex-start',
@@ -182,12 +180,10 @@ var VerticalView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     ref: ref
   }));
 });
-VerticalView.displayName = 'VerticalView';
-
-var Vertical = props => (/*#__PURE__*/React.createElement(VerticalView, Object.assign({}, props)));
+Vertical.displayName = 'Vertical';
 
 var _excluded$2 = ["justifyContent", "isReversed"];
-var HorizontalView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+var Horizontal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var {
       // Sets a default alignment for content within the Horizontal container to 'flex-start'
       justifyContent = 'flex-start',
@@ -203,12 +199,10 @@ var HorizontalView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     ref: ref
   }));
 });
-HorizontalView.displayName = 'Horizontal';
-
-var Horizontal = props => (/*#__PURE__*/React.createElement(HorizontalView, Object.assign({}, props)));
+Horizontal.displayName = 'Horizontal';
 
 var _excluded$3 = ["isReversed"];
-var CenterView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+var Center = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   return /*#__PURE__*/React.createElement(View$1, Object.assign({
     display: "flex",
@@ -218,9 +212,7 @@ var CenterView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     ref: ref
   }));
 });
-CenterView.displayName = 'Center';
-
-var Center = props => (/*#__PURE__*/React.createElement(CenterView, Object.assign({}, props)));
+Center.displayName = 'Center';
 
 var _excluded$4 = ["size", "color"],
   _excluded2 = ["size", "color"],
@@ -5290,12 +5282,12 @@ var CountryPickerView = _ref5 => {
   }, fieldStyles, props, {
     value: value,
     onChange: handleChange
-  }))), /*#__PURE__*/React.createElement(FieldIcons, null, hide ? (/*#__PURE__*/React.createElement(ChevronIcon$1, {
+  }))), /*#__PURE__*/React.createElement(FieldIcons, null, hide ? (/*#__PURE__*/React.createElement(ChevronIcon, {
     orientation: "down",
     size: IconSizes$4[size],
     color: IconColor,
     style: styles['icon']
-  })) : (/*#__PURE__*/React.createElement(ChevronIcon$1, {
+  })) : (/*#__PURE__*/React.createElement(ChevronIcon, {
     orientation: "up",
     size: IconSizes$4[size],
     color: IconColor,
@@ -5628,7 +5620,7 @@ var ComboBoxView = _ref => {
     onChange: value => handleSearch(value),
     hint: placeholder,
     isClearable: false,
-    leftChild: /*#__PURE__*/React.createElement(SearchIcon$1, {
+    leftChild: /*#__PURE__*/React.createElement(SearchIcon, {
       size: 12
     }),
     styles: {
@@ -5650,7 +5642,7 @@ var ComboBoxView = _ref => {
     backgroundColor: index === highlightedIndex ? 'color.gray.100' : 'transparent',
     onMouseEnter: () => setHighlightedIndex(index),
     onClick: () => handleSelect(item)
-  }, styles == null ? void 0 : styles.item), /*#__PURE__*/React.createElement(Text, null, item.label), /*#__PURE__*/React.createElement(React.Fragment, null, item.icon && item.icon, item.value === selectedItem.value && showTick && !item.icon && /*#__PURE__*/React.createElement(TickIcon$1, {
+  }, styles == null ? void 0 : styles.item), /*#__PURE__*/React.createElement(Text, null, item.label), /*#__PURE__*/React.createElement(React.Fragment, null, item.icon && item.icon, item.value === selectedItem.value && showTick && !item.icon && /*#__PURE__*/React.createElement(TickIcon, {
     size: 20
   }))))))))))));
 };
@@ -6660,7 +6652,7 @@ var TabsView = props => {
     // 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.createElement(Vertical$1, Object.assign({
+  return /*#__PURE__*/React.createElement(Vertical, Object.assign({
     width: "100w",
     height: '100%'
   }, styles == null ? void 0 : styles.container), /*#__PURE__*/React.createElement(Horizontal, Object.assign({