react-native-system-ui 1.0.2 → 1.0.3

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

@@ -1,131 +1 @@
-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, { useCallback, useEffect, useState } from 'react';
-import Portal from '../portal/Portal';
-import { isFunction, isString, isText } from '../../utils';
-import { NotifyContent } from './Notify';
-const activeKeys = new Set();
-const notifyOptions = new Map();
-const notifyControllers = new Map();
-let allowMultiple = false;
-const baseOptions = {
-  type: 'primary',
-  position: 'top',
-  duration: 3000,
-  safeAreaInsetTop: true,
-  safeAreaInsetBottom: true
-};
-let currentOptions = {
-  ...baseOptions
-};
-const typeDefaults = new Map();
-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(t),
-    ...input,
-    type: t
-  };
-  m.duration = m.duration ?? 3000;
-  return m;
-};
-const removeNotify = key => {
-  Portal.remove(key);
-  activeKeys.delete(key);
-  notifyOptions.delete(key);
-  notifyControllers.delete(key);
-};
-const closeNotify = key => {
-  const c = notifyControllers.get(key);
-  c ? c.close() : removeNotify(key);
-};
-const NotifyPortal = ({
-  id,
-  options
-}) => {
-  const [visible, setVisible] = useState(true);
-  useEffect(() => {
-    notifyControllers.set(id, {
-      close: () => setVisible(false)
-    });
-    return () => {
-      notifyControllers.delete(id);
-    };
-  }, [id]);
-  const handleClose = useCallback(() => {
-    options.onClose?.();
-    setVisible(false);
-  }, [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, 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, {
-    id: key,
-    options: opts
-  }));
-  activeKeys.add(key);
-  const config = next => {
-    const prev = notifyOptions.get(key);
-    if (!prev) return;
-    const parsed = parseOptions(isFunction(next) ? next(prev) : next);
-    const nextT = parsed.type ?? prev.type ?? fallbackT;
-    const m = {
-      ...prev,
-      ...parsed,
-      type: nextT
-    };
-    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: m
-    }));
-  };
-  return {
-    clear: () => closeNotify(key),
-    update: n => config(n),
-    config
-  };
-};
-export const NotifyImperative = {
-  show: options => showNotify(options),
-  primary: options => showNotify(options, 'primary'),
-  success: options => showNotify(options, 'success'),
-  danger: options => showNotify(options, 'danger'),
-  warning: options => showNotify(options, 'warning'),
-  clear: () => {
-    activeKeys.forEach(key => closeNotify(key));
-  },
-  allowMultiple: (value = true) => {
-    allowMultiple = value;
-  },
-  setDefaultOptions: (typeOrOptions, options) => {
-    if (isString(typeOrOptions)) typeDefaults.set(typeOrOptions, options ?? {});else currentOptions = {
-      ...currentOptions,
-      ...typeOrOptions
-    };
-  },
-  resetDefaultOptions: type => {
-    if (type) typeDefaults.delete(type);else {
-      currentOptions = {
-        ...baseOptions
-      };
-      typeDefaults.clear();
-    }
-  }
-};
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)({}).hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t},_extends.apply(null,arguments)}import React,{useCallback,useEffect,useState}from"react";import Portal from"../portal/Portal";import{isFunction,isString,isText}from"../../utils";import{NotifyContent}from"./Notify";const activeKeys=new Set,notifyOptions=new Map,notifyControllers=new Map;let allowMultiple=!1;const baseOptions={type:"primary",position:"top",duration:3e3,safeAreaInsetTop:!0,safeAreaInsetBottom:!0};let currentOptions={...baseOptions};const typeDefaults=new Map,parseOptions=t=>React.isValidElement(t)||isText(t)?{message:t}:t??{},mergeOptions=(t,e)=>{const o=t.type??e,n={...currentOptions,...typeDefaults.get(o),...t,type:o};return n.duration=n.duration??3e3,n},removeNotify=t=>{Portal.remove(t),activeKeys.delete(t),notifyOptions.delete(t),notifyControllers.delete(t)},closeNotify=t=>{const e=notifyControllers.get(t);e?e.close():removeNotify(t)},NotifyPortal=({id:t,options:e})=>{const[o,n]=useState(!0);useEffect(()=>(notifyControllers.set(t,{close:()=>n(!1)}),()=>{notifyControllers.delete(t)}),[t]);const s=useCallback(()=>{e.onClose?.(),n(!1)},[e]),i=useCallback(()=>{e.onClosed?.(),removeNotify(t)},[t,e]);return React.createElement(NotifyContent,_extends({},e,{visible:o,onClose:s,onClosed:i}))},showNotify=(t,e="primary")=>{const o=mergeOptions(parseOptions(t),e);allowMultiple||activeKeys.forEach(t=>closeNotify(t));const n=Portal.add(null);notifyOptions.set(n,o),Portal.update(n,React.createElement(NotifyPortal,{id:n,options:o})),activeKeys.add(n);const s=t=>{const o=notifyOptions.get(n);if(!o)return;const s=parseOptions(isFunction(t)?t(o):t),i=s.type??o.type??e,r={...o,...s,type:i};"duration"in s&&null==s.duration&&(r.duration=baseOptions.duration??3e3),notifyOptions.set(n,r),Portal.update(n,React.createElement(NotifyPortal,{id:n,options:r}))};return{clear:()=>closeNotify(n),update:t=>s(t),config:s}};export const NotifyImperative={show:t=>showNotify(t),primary:t=>showNotify(t,"primary"),success:t=>showNotify(t,"success"),danger:t=>showNotify(t,"danger"),warning:t=>showNotify(t,"warning"),clear:()=>{activeKeys.forEach(t=>closeNotify(t))},allowMultiple:(t=!0)=>{allowMultiple=t},setDefaultOptions:(t,e)=>{isString(t)?typeDefaults.set(t,e??{}):currentOptions={...currentOptions,...t}},resetDefaultOptions:t=>{t?typeDefaults.delete(t):(currentOptions={...baseOptions},typeDefaults.clear())}};

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

@@ -1,5 +1 @@
-import { Notify as NotifyComponent } from './Notify';
-import { NotifyImperative } from './imperative';
-const Notify = Object.assign(NotifyComponent, NotifyImperative);
-export default Notify;
-export { Notify };
+import{Notify as NotifyComponent}from"./Notify";import{NotifyImperative}from"./imperative";const Notify=Object.assign(NotifyComponent,NotifyImperative);export default Notify;export{Notify};

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

@@ -1,67 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-export const createNotifyTokens = foundations => ({
-  defaults: {
-    type: 'primary',
-    position: 'top',
-    duration: 3000,
-    closeOnClick: false,
-    animationDuration: 180,
-    safeAreaInsetTop: true,
-    safeAreaInsetBottom: true
-  },
-  layout: {
-    portal: {
-      position: 'absolute',
-      left: 0,
-      right: 0
-    },
-    container: {
-      width: '100%'
-    },
-    safeArea: {
-      width: '100%'
-    },
-    content: {
-      width: '100%',
-      justifyContent: 'center'
-    },
-    text: {
-      textAlign: 'center',
-      includeFontPadding: false
-    }
-  },
-  colors: {
-    variants: {
-      primary: {
-        background: foundations.palette.primary[500],
-        text: foundations.palette.primary.foreground ?? '#ffffff'
-      },
-      success: {
-        background: foundations.palette.success[500],
-        text: foundations.palette.success.foreground ?? '#ffffff'
-      },
-      danger: {
-        background: foundations.palette.danger[500],
-        text: foundations.palette.danger.foreground ?? '#ffffff'
-      },
-      warning: {
-        background: foundations.palette.warning[500],
-        text: foundations.palette.warning.foreground ?? '#261400'
-      }
-    }
-  },
-  typography: {
-    fontFamily: foundations.typography.fontFamily,
-    fontSize: foundations.fontSize.sm,
-    lineHeight: Math.round(foundations.fontSize.sm * foundations.typography.lineHeightMultiplier)
-  },
-  sizing: {
-    minHeight: 35
-  },
-  spacing: {
-    paddingVertical: foundations.spacing.ssm,
-    paddingHorizontal: foundations.spacing.md,
-    none: foundations.spacing.none
-  }
-});
-export const useNotifyTokens = createComponentTokensHook('notify', createNotifyTokens);
+import{createComponentTokensHook}from"../../design-system";export const createNotifyTokens=t=>({defaults:{type:"primary",position:"top",duration:3e3,closeOnClick:!1,animationDuration:180,safeAreaInsetTop:!0,safeAreaInsetBottom:!0},layout:{portal:{position:"absolute",left:0,right:0},container:{width:"100%"},safeArea:{width:"100%"},content:{width:"100%",justifyContent:"center"},text:{textAlign:"center",includeFontPadding:!1}},colors:{variants:{primary:{background:t.palette.primary[500],text:t.palette.primary.foreground??"#ffffff"},success:{background:t.palette.success[500],text:t.palette.success.foreground??"#ffffff"},danger:{background:t.palette.danger[500],text:t.palette.danger.foreground??"#ffffff"},warning:{background:t.palette.warning[500],text:t.palette.warning.foreground??"#261400"}}},typography:{fontFamily:t.typography.fontFamily,fontSize:t.fontSize.sm,lineHeight:Math.round(t.fontSize.sm*t.typography.lineHeightMultiplier)},sizing:{minHeight:35},spacing:{paddingVertical:t.spacing.ssm,paddingHorizontal:t.spacing.md,none:t.spacing.none}});export const useNotifyTokens=createComponentTokensHook("notify",createNotifyTokens);