@ionic/react - npm Package Compare versions

Comparing version 4.8.0-rc.0 to 4.8.0-rc.1-0

dist/index.esm.js

@@ -5,3 +5,3 @@ import React, { useContext } from 'react';
 import { close, reorder, menu, arrowForward, arrowBack, arrowDown, search, closeCircle } from 'ionicons/icons';
-import { alertController, loadingController, toastController, actionSheetController, modalController, popoverController } from '@ionic/core';
+import { isPlatform as isPlatform$1, getPlatforms as getPlatforms$1, alertController, loadingController, toastController, actionSheetController, modalController, popoverController } from '@ionic/core';
 export { setupConfig } from '@ionic/core';
@@ -160,6 +160,8 @@ import { __rest } from 'tslib';
 const getClassName = (classList, newProps, oldProps) => {
+    const newClassProp = newProps.className || newProps.class;
+    const oldClassProp = oldProps.className || oldProps.class;
     // map the classes to Maps for performance
     const currentClasses = arrayToMap(classList);
-    const incomingPropClasses = arrayToMap(newProps.className ? newProps.className.split(' ') : []);
-    const oldPropClasses = arrayToMap(oldProps.className ? oldProps.className.split(' ') : []);
+    const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
+    const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
     const finalClassNames = [];
@@ -224,2 +226,8 @@ // loop through each of the current classes on the component
 };
+const isPlatform = (platform) => {
+    return isPlatform$1(window, platform);
+};
+const getPlatforms = () => {
+    return getPlatforms$1(window);
+};
 
@@ -258,4 +266,3 @@ const createReactComponent = (tagName, hrefComponent = false) => {
             }, {});
-            const newProps = Object.assign({}, propsToPass, { ref: forwardedRef, style,
-                className });
+            const newProps = Object.assign({}, propsToPass, { ref: forwardedRef, style });
             if (hrefComponent) {
@@ -629,3 +636,3 @@ if (newProps.onClick) {
 
-export { DefaultIonLifeCycleContext, IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonLifeCycleContext, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNote, IonPage, IonPicker, IonPickerColumn, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRouterLink, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSelect, IonSelectOption, IonSelectPopover, IonSkeletonText, IonSlide, IonSlides, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, IonVirtualScroll, NavContext, useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave, withIonLifeCycle };
+export { DefaultIonLifeCycleContext, IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonLifeCycleContext, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNote, IonPage, IonPicker, IonPickerColumn, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRouterLink, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSelect, IonSelectOption, IonSelectPopover, IonSkeletonText, IonSlide, IonSlides, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, IonVirtualScroll, NavContext, getPlatforms, isPlatform, useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave, withIonLifeCycle };
 //# sourceMappingURL=index.esm.js.map

dist/index.js

@@ -165,6 +165,8 @@ 'use strict';
 const getClassName = (classList, newProps, oldProps) => {
+    const newClassProp = newProps.className || newProps.class;
+    const oldClassProp = oldProps.className || oldProps.class;
     // map the classes to Maps for performance
     const currentClasses = arrayToMap(classList);
-    const incomingPropClasses = arrayToMap(newProps.className ? newProps.className.split(' ') : []);
-    const oldPropClasses = arrayToMap(oldProps.className ? oldProps.className.split(' ') : []);
+    const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
+    const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
     const finalClassNames = [];
@@ -229,2 +231,8 @@ // loop through each of the current classes on the component
 };
+const isPlatform = (platform) => {
+    return core.isPlatform(window, platform);
+};
+const getPlatforms = () => {
+    return core.getPlatforms(window);
+};
 
@@ -263,4 +271,3 @@ const createReactComponent = (tagName, hrefComponent = false) => {
             }, {});
-            const newProps = Object.assign({}, propsToPass, { ref: forwardedRef, style,
-                className });
+            const newProps = Object.assign({}, propsToPass, { ref: forwardedRef, style });
             if (hrefComponent) {
@@ -728,2 +735,4 @@ if (newProps.onClick) {
 exports.NavContext = NavContext;
+exports.getPlatforms = getPlatforms;
+exports.isPlatform = isPlatform;
 exports.useIonViewDidEnter = useIonViewDidEnter;
@@ -730,0 +739,0 @@ exports.useIonViewDidLeave = useIonViewDidLeave;

dist/types/components/createControllerComponent.d.ts

@@ -22,3 +22,3 @@ import { OverlayEventDetail } from '@ionic/core';
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<OptionsType & ReactControllerProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<OptionsType & ReactControllerProps> & Readonly<{
@@ -25,0 +25,0 @@ children?: React.ReactNode;

dist/types/components/createOverlayComponent.d.ts

@@ -24,3 +24,3 @@ import { OverlayEventDetail } from '@ionic/core';
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<T & ReactOverlayProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<T & ReactOverlayProps> & Readonly<{
@@ -27,0 +27,0 @@ children?: React.ReactNode;

dist/types/components/index.d.ts

@@ -13,1 +13,2 @@ export { AlertButton, AlertInput, setupConfig } from '@ionic/core';
 export { IonBackButton } from './navigation/IonBackButton';
+export { isPlatform, getPlatforms } from './utils';

dist/types/components/IonActionSheet.d.ts

@@ -14,3 +14,3 @@ /// <reference types="react" />
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<JSX.IonActionSheet & import("./createOverlayComponent").ReactOverlayProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<JSX.IonActionSheet & import("./createOverlayComponent").ReactOverlayProps> & Readonly<{
@@ -17,0 +17,0 @@ children?: import("react").ReactNode;

dist/types/components/IonAlert.d.ts

@@ -12,3 +12,3 @@ /// <reference types="react" />
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<AlertOptions & import("./createControllerComponent").ReactControllerProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<AlertOptions & import("./createControllerComponent").ReactControllerProps> & Readonly<{
@@ -15,0 +15,0 @@ children?: import("react").ReactNode;

dist/types/components/IonLoading.d.ts

@@ -12,3 +12,3 @@ /// <reference types="react" />
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LoadingOptions & import("./createControllerComponent").ReactControllerProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<LoadingOptions & import("./createControllerComponent").ReactControllerProps> & Readonly<{
@@ -15,0 +15,0 @@ children?: import("react").ReactNode;

dist/types/components/IonModal.d.ts

@@ -24,3 +24,3 @@ /// <reference types="react" />
         } & import("./createOverlayComponent").ReactOverlayProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Pick<ModalOptions<import("@ionic/core").ComponentRef>, "id" | "mode" | "animated" | "backdropDismiss" | "cssClass" | "enterAnimation" | "keyboardClose" | "leaveAnimation" | "showBackdrop" | "delegate"> & {
@@ -27,0 +27,0 @@ children: import("react").ReactNode;

dist/types/components/IonPopover.d.ts

@@ -24,3 +24,3 @@ /// <reference types="react" />
         } & import("./createOverlayComponent").ReactOverlayProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Pick<PopoverOptions<import("@ionic/core").ComponentRef>, "id" | "mode" | "animated" | "translucent" | "backdropDismiss" | "cssClass" | "enterAnimation" | "keyboardClose" | "leaveAnimation" | "showBackdrop" | "delegate" | "event"> & {
@@ -27,0 +27,0 @@ children: import("react").ReactNode;

dist/types/components/IonToast.d.ts

@@ -12,3 +12,3 @@ /// <reference types="react" />
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ToastOptions & import("./createControllerComponent").ReactControllerProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<ToastOptions & import("./createControllerComponent").ReactControllerProps> & Readonly<{
@@ -15,0 +15,0 @@ children?: import("react").ReactNode;

dist/types/components/navigation/IonBackButton.d.ts

@@ -12,3 +12,3 @@ import { JSX as LocalJSX } from '@ionic/core';
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Props> & Readonly<{
@@ -27,3 +27,3 @@ children?: React.ReactNode;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Props> & Readonly<{
@@ -30,0 +30,0 @@ children?: React.ReactNode;

dist/types/components/navigation/IonTabs.d.ts

@@ -11,3 +11,3 @@ import React from 'react';
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<Props> & Readonly<{
@@ -14,0 +14,0 @@ children?: React.ReactNode;

dist/types/components/utils/index.d.ts

@@ -10,2 +10,2 @@ import React from 'react';
 export declare const isPlatform: (platform: "ios" | "ipad" | "iphone" | "android" | "phablet" | "tablet" | "cordova" | "capacitor" | "electron" | "pwa" | "mobile" | "mobileweb" | "desktop" | "hybrid") => boolean;
-export declare const getPlatforms: () => string[];
+export declare const getPlatforms: () => ("ios" | "ipad" | "iphone" | "android" | "phablet" | "tablet" | "cordova" | "capacitor" | "electron" | "pwa" | "mobile" | "mobileweb" | "desktop" | "hybrid")[];

dist/types/lifecycle/IonLifeCycleHOC.d.ts

@@ -9,3 +9,3 @@ import React from 'react';
         setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
-        forceUpdate(callBack?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<any> & Readonly<{
@@ -12,0 +12,0 @@ children?: React.ReactNode;

package.json

 {
   "name": "@ionic/react",
-  "version": "4.8.0-rc.0",
+  "version": "4.8.0-rc.1-0",
   "description": "React specific wrapper for @ionic/core",
@@ -41,3 +41,3 @@ "keywords": [
   "dependencies": {
-    "@ionic/core": "4.7.4",
+    "@ionic/core": "^4.8.0-dev.201908211843.e0fa4a5",
     "tslib": "*"
@@ -44,0 +44,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

540310

increased by0.31%

Lines of code

4665

increased by0.37%

Dependency changes

• + Added@ionic/core@4.11.13(transitive)

• - Removed@ionic/core@4.7.4(transitive)

• Updated@ionic/core@^4.8.0-dev.201908211843.e0fa4a5