react-native-system-ui 0.0.7 → 1.0.1

package/dist/es/components/notify/imperative.js

@@ -1,5 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import Portal from '../portal/Portal';
 import { isFunction, isString, isText } from '../../utils';
 import { NotifyContent } from './Notify';
@@ -18,27 +18,19 @@ let currentOptions = {
   ...baseOptions
 };
 const typeDefaults = new Map();
-const parseOptions = input => {
-  if (/*#__PURE__*/React.isValidElement(input) || isText(input)) {
-    return {
-      message: input
-    };
-  }
-  return input ?? {};
-};
-const mergeOptions = (input, fallbackType) => {
-  const type = input.type ?? fallbackType;
-  const base = {
+const parseOptions = input => /*#__PURE__*/React.isValidElement(input) || isText(input) ? {
+  message: input
+} : input ?? {};
+const mergeOptions = (input, fallbackT) => {
+  const t = input.type ?? fallbackT;
+  const m = {
     ...currentOptions,
-    ...typeDefaults.get(type)
-  };
-  const merged = {
-    ...base,
+    ...typeDefaults.get(t),
     ...input,
-    type
+    type: t
   };
-  merged.duration = merged.duration ?? base.duration ?? 3000;
-  return merged;
+  m.duration = m.duration ?? 3000;
+  return m;
 };
 const removeNotify = key => {
   Portal.remove(key);
@@ -47,12 +39,8 @@ const removeNotify = key => {
   notifyControllers.delete(key);
 };
 const closeNotify = key => {
-  const controller = notifyControllers.get(key);
-  if (controller) {
-    controller.close();
-  } else {
-    removeNotify(key);
-  }
+  const c = notifyControllers.get(key);
+  c ? c.close() : removeNotify(key);
 };
 const NotifyPortal = ({
   id,
@@ -67,25 +55,23 @@ const NotifyPortal = ({
       notifyControllers.delete(id);
     };
   }, [id]);
-  const handleClose = () => {
+  const handleClose = useCallback(() => {
     options.onClose?.();
     setVisible(false);
-  };
-  const handleClosed = () => {
+  }, [options]);
+  const handleClosed = useCallback(() => {
     options.onClosed?.();
     removeNotify(id);
-  };
+  }, [id, options]);
   return /*#__PURE__*/React.createElement(NotifyContent, _extends({}, options, {
     visible: visible,
     onClose: handleClose,
     onClosed: handleClosed
   }));
 };
-const showNotify = (input, fallbackType = 'primary') => {
-  const opts = mergeOptions(parseOptions(input), fallbackType);
-  if (!allowMultiple) {
-    Array.from(activeKeys).forEach(key => removeNotify(key));
-  }
+const showNotify = (input, fallbackT = 'primary') => {
+  const opts = mergeOptions(parseOptions(input), fallbackT);
+  if (!allowMultiple) activeKeys.forEach(k => closeNotify(k));
   const key = Portal.add(null);
   notifyOptions.set(key, opts);
   Portal.update(key, /*#__PURE__*/React.createElement(NotifyPortal, {
@@ -96,26 +82,23 @@ const showNotify = (input, fallbackType = 'primary') => {
   const config = next => {
     const prev = notifyOptions.get(key);
     if (!prev) return;
-    const nextInput = isFunction(next) ? next(prev) : next;
-    const parsed = parseOptions(nextInput);
-    const nextType = parsed.type ?? prev.type ?? fallbackType;
-    const merged = {
+    const parsed = parseOptions(isFunction(next) ? next(prev) : next);
+    const nextT = parsed.type ?? prev.type ?? fallbackT;
+    const m = {
       ...prev,
       ...parsed,
-      type: nextType
+      type: nextT
     };
-    if ('duration' in parsed && parsed.duration == null) {
-      merged.duration = baseOptions.duration ?? 3000;
-    }
-    notifyOptions.set(key, merged);
+    if ('duration' in parsed && parsed.duration == null) m.duration = baseOptions.duration ?? 3000;
+    notifyOptions.set(key, m);
     Portal.update(key, /*#__PURE__*/React.createElement(NotifyPortal, {
       id: key,
-      options: merged
+      options: m
     }));
   };
   return {
     clear: () => closeNotify(key),
-    update: next => config(next),
+    update: n => config(n),
     config
   };
 };
@@ -132,19 +115,13 @@ export const NotifyImperative = {
     allowMultiple = value;
   },
   setDefaultOptions: (typeOrOptions, options) => {
-    if (isString(typeOrOptions)) {
-      typeDefaults.set(typeOrOptions, options ?? {});
-    } else {
-      currentOptions = {
-        ...currentOptions,
-        ...typeOrOptions
-      };
-    }
+    if (isString(typeOrOptions)) typeDefaults.set(typeOrOptions, options ?? {});else currentOptions = {
+      ...currentOptions,
+      ...typeOrOptions
+    };
   },
   resetDefaultOptions: type => {
-    if (type) {
-      typeDefaults.delete(type);
-    } else {
+    if (type) typeDefaults.delete(type);else {
       currentOptions = {
         ...baseOptions
       };

package/dist/es/components/notify/tokens.js

@@ -1,5 +1,4 @@
 import { createComponentTokensHook } from '../../design-system';
-import { Platform } from 'react-native';
 export const createNotifyTokens = foundations => ({
   defaults: {
     type: 'primary',
@@ -14,10 +13,7 @@ export const createNotifyTokens = foundations => ({
     portal: {
       position: 'absolute',
       left: 0,
-      right: 0,
-      ...(Platform.OS === 'web' ? {
-        position: 'fixed'
-      } : {})
+      right: 0
     },
     container: {
       width: '100%'
@@ -55,6 +51,7 @@ export const createNotifyTokens = foundations => ({
     }
   },
   typography: {
+    fontFamily: foundations.typography.fontFamily,
     fontSize: foundations.fontSize.sm,
     lineHeight: Math.round(foundations.fontSize.sm * foundations.typography.lineHeightMultiplier)
   },