react-native-bread 0.1.1 → 0.1.3

package/lib/commonjs/toast-store.js

@@ -1,278 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toastStore = void 0;
-const EXIT_DURATION = 350;
-
-/** Default theme values */
-const DEFAULT_THEME = {
-  position: "top",
-  offset: 0,
-  stacking: true,
-  maxStack: 3,
-  dismissible: true,
-  showCloseButton: true,
-  colors: {
-    success: {
-      accent: "#28B770",
-      background: "#FFFFFF"
-    },
-    error: {
-      accent: "#F05964",
-      background: "#FFFFFF"
-    },
-    info: {
-      accent: "#EDBE43",
-      background: "#FFFFFF"
-    },
-    loading: {
-      accent: "#232323",
-      background: "#FFFFFF"
-    }
-  },
-  icons: {},
-  toastStyle: {},
-  titleStyle: {},
-  descriptionStyle: {},
-  defaultDuration: 4000
-};
-
-/** Deep merge user config with defaults */
-function mergeConfig(config) {
-  if (!config) return DEFAULT_THEME;
-  const mergedColors = {
-    ...DEFAULT_THEME.colors
-  };
-  if (config.colors) {
-    for (const type of Object.keys(config.colors)) {
-      const userColors = config.colors[type];
-      if (userColors) {
-        mergedColors[type] = {
-          ...DEFAULT_THEME.colors[type],
-          ...userColors
-        };
-      }
-    }
-  }
-  return {
-    position: config.position ?? DEFAULT_THEME.position,
-    offset: config.offset ?? DEFAULT_THEME.offset,
-    stacking: config.stacking ?? DEFAULT_THEME.stacking,
-    maxStack: config.maxStack ?? DEFAULT_THEME.maxStack,
-    dismissible: config.dismissible ?? DEFAULT_THEME.dismissible,
-    showCloseButton: config.showCloseButton ?? DEFAULT_THEME.showCloseButton,
-    colors: mergedColors,
-    icons: {
-      ...DEFAULT_THEME.icons,
-      ...config.icons
-    },
-    toastStyle: {
-      ...DEFAULT_THEME.toastStyle,
-      ...config.toastStyle
-    },
-    titleStyle: {
-      ...DEFAULT_THEME.titleStyle,
-      ...config.titleStyle
-    },
-    descriptionStyle: {
-      ...DEFAULT_THEME.descriptionStyle,
-      ...config.descriptionStyle
-    },
-    defaultDuration: config.defaultDuration ?? DEFAULT_THEME.defaultDuration
-  };
-}
-class ToastStore {
-  state = {
-    visibleToasts: []
-  };
-  theme = DEFAULT_THEME;
-  listeners = new Set();
-  toastIdCounter = 0;
-  timeouts = new Map();
-  subscribe = listener => {
-    this.listeners.add(listener);
-    return () => {
-      this.listeners.delete(listener);
-    };
-  };
-  emit() {
-    for (const listener of this.listeners) {
-      listener(this.state);
-    }
-  }
-  setState(partial) {
-    this.state = {
-      ...this.state,
-      ...partial
-    };
-    this.emit();
-  }
-  getState = () => this.state;
-  getTheme = () => this.theme;
-  setConfig = config => {
-    this.theme = mergeConfig(config);
-  };
-  show = (title, description, type = "success", duration, options) => {
-    const actualDuration = duration ?? options?.duration ?? this.theme.defaultDuration;
-    const maxToasts = this.theme.stacking ? this.theme.maxStack : 1;
-    const id = `toast-${++this.toastIdCounter}`;
-    const newToast = {
-      id,
-      title,
-      description: description ?? options?.description,
-      type,
-      duration: actualDuration,
-      createdAt: Date.now(),
-      isExiting: false,
-      options
-    };
-    const {
-      visibleToasts
-    } = this.state;
-
-    // Get only non-exiting toasts for count
-    const activeToasts = visibleToasts.filter(t => !t.isExiting);
-    if (activeToasts.length >= maxToasts) {
-      const toastsToRemove = activeToasts.slice(maxToasts - 1);
-      for (const toast of toastsToRemove) {
-        // Clear auto-dismiss timeout
-        const timeout = this.timeouts.get(toast.id);
-        if (timeout) {
-          clearTimeout(timeout);
-          this.timeouts.delete(toast.id);
-        }
-      }
-      const removeIds = new Set(toastsToRemove.map(t => t.id));
-      if (this.theme.stacking) {
-        // When stacking is ON: remove old toasts from state immediately (no animation for stack overflow)
-        this.setState({
-          visibleToasts: visibleToasts.filter(t => !removeIds.has(t.id))
-        });
-      } else {
-        // When stacking is OFF: animate out the old toast, wait, then show new one
-        this.setState({
-          visibleToasts: visibleToasts.map(t => removeIds.has(t.id) ? {
-            ...t,
-            isExiting: true
-          } : t)
-        });
-
-        // Delay showing the new toast until the old one has animated out
-        setTimeout(() => {
-          for (const toast of toastsToRemove) {
-            this.removeToast(toast.id);
-          }
-          this.addToast(newToast, actualDuration);
-        }, EXIT_DURATION - 220);
-        return id;
-      }
-    }
-
-    // Add new toast immediately (stacking ON or no existing toasts)
-    this.addToast(newToast, actualDuration);
-    return id;
-  };
-  addToast(toast, duration) {
-    this.setState({
-      visibleToasts: [toast, ...this.state.visibleToasts.filter(t => !t.isExiting)]
-    });
-
-    // Schedule auto-dismiss with duration multiplier based on position
-    this.scheduleTimeout(toast.id, duration, 0);
-
-    // Reschedule timeouts for other toasts based on their new positions
-    this.rescheduleAllTimeouts();
-  }
-  scheduleTimeout(id, baseDuration, index) {
-    const existingTimeout = this.timeouts.get(id);
-    if (existingTimeout) {
-      clearTimeout(existingTimeout);
-    }
-
-    // Duration multiplier: index 0 = 1x, index 1 = 2x, index 2 = 3x
-    const duration = baseDuration * (index + 1);
-    const timeout = setTimeout(() => {
-      this.hide(id);
-    }, duration);
-    this.timeouts.set(id, timeout);
-  }
-  rescheduleAllTimeouts() {
-    const {
-      visibleToasts
-    } = this.state;
-    visibleToasts.forEach((toast, index) => {
-      // Skip if already exiting or index 0 (just scheduled)
-      if (toast.isExiting || index === 0) return;
-      this.scheduleTimeout(toast.id, toast.duration, index);
-    });
-  }
-  hide = id => {
-    const {
-      visibleToasts
-    } = this.state;
-    const toast = visibleToasts.find(t => t.id === id);
-    if (!toast || toast.isExiting) return;
-
-    // Clear the auto-dismiss timeout
-    const timeout = this.timeouts.get(id);
-    if (timeout) {
-      clearTimeout(timeout);
-      this.timeouts.delete(id);
-    }
-
-    // Mark as exiting (triggers exit animation in component)
-    this.setState({
-      visibleToasts: visibleToasts.map(t => t.id === id ? {
-        ...t,
-        isExiting: true
-      } : t)
-    });
-
-    // After exit animation, actually remove the toast
-    setTimeout(() => {
-      this.removeToast(id);
-    }, EXIT_DURATION);
-  };
-  removeToast(id) {
-    const timeout = this.timeouts.get(id);
-    if (timeout) {
-      clearTimeout(timeout);
-      this.timeouts.delete(id);
-    }
-    this.setState({
-      visibleToasts: this.state.visibleToasts.filter(t => t.id !== id)
-    });
-
-    // Reschedule remaining toasts with updated positions
-    this.rescheduleAllTimeouts();
-  }
-  updateToast = (id, data) => {
-    const {
-      visibleToasts
-    } = this.state;
-    const index = visibleToasts.findIndex(t => t.id === id);
-    if (index === -1) return;
-    this.setState({
-      visibleToasts: visibleToasts.map(t => t.id === id ? {
-        ...t,
-        ...data
-      } : t)
-    });
-    if (data.duration !== undefined) {
-      this.scheduleTimeout(id, data.duration, index);
-    }
-  };
-  hideAll = () => {
-    for (const timeout of this.timeouts.values()) {
-      clearTimeout(timeout);
-    }
-    this.timeouts.clear();
-    this.setState({
-      visibleToasts: []
-    });
-  };
-}
-const toastStore = exports.toastStore = new ToastStore();
-//# sourceMappingURL=toast-store.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toastStore=void 0;const t={position:"top",offset:0,stacking:!0,maxStack:3,dismissible:!0,showCloseButton:!0,colors:{success:{accent:"#28B770",background:"#FFFFFF"},error:{accent:"#F05964",background:"#FFFFFF"},info:{accent:"#EDBE43",background:"#FFFFFF"},loading:{accent:"#232323",background:"#FFFFFF"}},icons:{},toastStyle:{},titleStyle:{},descriptionStyle:{},defaultDuration:4e3};exports.toastStore=new class{state={visibleToasts:[]};theme=t;listeners=new Set;toastIdCounter=0;timeouts=new Map;subscribe=t=>(this.listeners.add(t),()=>{this.listeners.delete(t)});emit(){for(const t of this.listeners)t(this.state)}setState(t){this.state={...this.state,...t},this.emit()}getState=()=>this.state;getTheme=()=>this.theme;setConfig=s=>{this.theme=function(s){if(!s)return t;const e={...t.colors};if(s.colors)for(const i of Object.keys(s.colors)){const o=s.colors[i];o&&(e[i]={...t.colors[i],...o})}return{position:s.position??t.position,offset:s.offset??t.offset,stacking:s.stacking??t.stacking,maxStack:s.maxStack??t.maxStack,dismissible:s.dismissible??t.dismissible,showCloseButton:s.showCloseButton??t.showCloseButton,colors:e,icons:{...t.icons,...s.icons},toastStyle:{...t.toastStyle,...s.toastStyle},titleStyle:{...t.titleStyle,...s.titleStyle},descriptionStyle:{...t.descriptionStyle,...s.descriptionStyle},defaultDuration:s.defaultDuration??t.defaultDuration}}(s)};show=(t,s,e="success",i,o)=>{const a=i??o?.duration??this.theme.defaultDuration,n=this.theme.stacking?this.theme.maxStack:1,l="toast-"+ ++this.toastIdCounter,c={id:l,title:t,description:s??o?.description,type:e,duration:a,createdAt:Date.now(),isExiting:!1,options:o},{visibleToasts:r}=this.state,h=r.filter(t=>!t.isExiting);if(h.length>=n){const t=h.slice(n-1);for(const s of t){const t=this.timeouts.get(s.id);t&&(clearTimeout(t),this.timeouts.delete(s.id))}const s=new Set(t.map(t=>t.id));if(!this.theme.stacking)return this.setState({visibleToasts:r.map(t=>s.has(t.id)?{...t,isExiting:!0}:t)}),setTimeout(()=>{for(const s of t)this.removeToast(s.id);this.addToast(c,a)},130),l;this.setState({visibleToasts:r.filter(t=>!s.has(t.id))})}return this.addToast(c,a),l};addToast(t,s){this.setState({visibleToasts:[t,...this.state.visibleToasts.filter(t=>!t.isExiting)]}),this.scheduleTimeout(t.id,s,0),this.rescheduleAllTimeouts()}scheduleTimeout(t,s,e){const i=this.timeouts.get(t);i&&clearTimeout(i);const o=setTimeout(()=>{this.hide(t)},s*(e+1));this.timeouts.set(t,o)}rescheduleAllTimeouts(){const{visibleToasts:t}=this.state;t.forEach((t,s)=>{t.isExiting||0===s||this.scheduleTimeout(t.id,t.duration,s)})}hide=t=>{const{visibleToasts:s}=this.state,e=s.find(s=>s.id===t);if(!e||e.isExiting)return;const i=this.timeouts.get(t);i&&(clearTimeout(i),this.timeouts.delete(t)),this.setState({visibleToasts:s.map(s=>s.id===t?{...s,isExiting:!0}:s)}),setTimeout(()=>{this.removeToast(t)},350)};removeToast(t){const s=this.timeouts.get(t);s&&(clearTimeout(s),this.timeouts.delete(t)),this.setState({visibleToasts:this.state.visibleToasts.filter(s=>s.id!==t)}),this.rescheduleAllTimeouts()}updateToast=(t,s)=>{const{visibleToasts:e}=this.state,i=e.findIndex(s=>s.id===t);-1!==i&&(this.setState({visibleToasts:e.map(e=>e.id===t?{...e,...s}:e)}),void 0!==s.duration&&this.scheduleTimeout(t,s.duration,i))};hideAll=()=>{for(const t of this.timeouts.values())clearTimeout(t);this.timeouts.clear(),this.setState({visibleToasts:[]})}};