@app-studio/web 0.8.19 → 0.8.21

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, 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, 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;
@@ -1195,6 +1195,60 @@
     })));
   };
 
+  var Icon = {
+    __proto__: null,
+    ChevronIcon: ChevronIcon,
+    CheckIcon: CheckIcon,
+    CloseIcon: CloseIcon,
+    CloseEyeIcon: CloseEyeIcon,
+    DustBinIcon: DustBinIcon,
+    EditIcon: EditIcon,
+    ExternalLinkIcon: ExternalLinkIcon,
+    MinusIcon: MinusIcon,
+    InfoIcon: InfoIcon,
+    OpenEyeIcon: OpenEyeIcon,
+    PlusIcon: PlusIcon,
+    SpinnerIcon: SpinnerIcon,
+    ProfileIcon: ProfileIcon,
+    ArrowIcon: ArrowIcon,
+    SearchIcon: SearchIcon,
+    SuccessIcon: SuccessIcon,
+    TickIcon: TickIcon,
+    NotificationIcon: NotificationIcon,
+    SettingsIcon: SettingsIcon,
+    CalendarIcon: CalendarIcon,
+    AddIcon: AddIcon,
+    DownloadIcon: DownloadIcon,
+    UploadIcon: UploadIcon,
+    BookmarkIcon: BookmarkIcon,
+    HomeIcon: HomeIcon,
+    MenuIcon: MenuIcon,
+    ShareIcon: ShareIcon,
+    FilterIcon: FilterIcon,
+    RefreshIcon: RefreshIcon,
+    CopyIcon: CopyIcon,
+    SaveIcon: SaveIcon,
+    PrintIcon: PrintIcon,
+    LockIcon: LockIcon,
+    UnlockIcon: UnlockIcon,
+    StarIcon: StarIcon,
+    HeartIcon: HeartIcon,
+    ThumbUpIcon: ThumbUpIcon,
+    ThumbDownIcon: ThumbDownIcon,
+    LocationIcon: LocationIcon,
+    ClockIcon: ClockIcon,
+    CameraIcon: CameraIcon,
+    MicrophoneIcon: MicrophoneIcon,
+    WifiIcon: WifiIcon,
+    BluetoothIcon: BluetoothIcon,
+    BatteryIcon: BatteryIcon,
+    SunIcon: SunIcon,
+    MoonIcon: MoonIcon,
+    ErrorIcon: ErrorIcon,
+    WarningIcon: WarningIcon,
+    CloudIcon: CloudIcon
+  };
+
   // Define a constant object 'Themes' exporting various theme styles.
   var Themes = {
     // Start of the 'default' theme definition with style properties.
@@ -5228,12 +5282,12 @@
     }, fieldStyles, props, {
       value: value,
       onChange: handleChange
-    }))), /*#__PURE__*/React__default.createElement(FieldIcons, null, hide ? (/*#__PURE__*/React__default.createElement(Icon.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.ChevronIcon, {
+    })) : (/*#__PURE__*/React__default.createElement(ChevronIcon, {
       orientation: "up",
       size: IconSizes$4[size],
       color: IconColor,
@@ -5566,7 +5620,7 @@
       onChange: value => handleSearch(value),
       hint: placeholder,
       isClearable: false,
-      leftChild: /*#__PURE__*/React__default.createElement(Icon.SearchIcon, {
+      leftChild: /*#__PURE__*/React__default.createElement(SearchIcon, {
         size: 12
       }),
       styles: {
@@ -5588,7 +5642,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.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
     }))))))))))));
   };
@@ -6598,7 +6652,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({
@@ -6893,6 +6947,7 @@
   exports.HeartIcon = HeartIcon;
   exports.HomeIcon = HomeIcon;
   exports.Horizontal = Horizontal;
+  exports.Icon = Icon;
   exports.InfoIcon = InfoIcon;
   exports.Inline = Inline;
   exports.Left = Left;