@elliemae/ds-toast 2.3.1 → 3.0.0-alpha.3

package/cjs/toast.js

@@ -1,47 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var reactToastify = require('react-toastify');
-var ToastRender = require('./ToastRender.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-const _excluded = ["type", "messageTitle", "messageText"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const toast = Object.assign((_ref, options) => {
-  let {
-    type,
-    messageTitle,
-    messageText
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  return reactToastify.toast( /*#__PURE__*/_jsx__default["default"](ToastRender, {
-    messageText: messageText,
-    messageTitle: messageTitle,
-    type: type
-  }), _objectSpread(_objectSpread(_objectSpread({}, rest), options), {}, {
-    type
-  }));
-}, _objectSpread(_objectSpread({}, reactToastify.toast), {}, {
-  isActive: id => reactToastify.toast.isActive(id)
-}));
-
-exports.toast = toast;

package/esm/DSToast.js

@@ -1,90 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { ToastContainer, Slide } from 'react-toastify';
-import { CloseSmall } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import { toastsPositions } from './ToastPosition.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _CloseSmall, _CloseButton;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const CloseButton = _ref => {
-  let {
-    closeToast
-  } = _ref;
-  return /*#__PURE__*/_jsx(DSButton, {
-    buttonType: "text",
-    className: "toast-close-button",
-    icon: _CloseSmall || (_CloseSmall = /*#__PURE__*/_jsx(CloseSmall, {})),
-    onClick: closeToast,
-    size: "m"
-  });
-};
-
-const DSToast = _ref2 => {
-  let {
-    containerProps = {},
-    position = 'bottom-left',
-    autoClose = 5000,
-    // can be false or a number in milliseconds
-    showProgressBar = false,
-    closeOnClick = false,
-    enableMultiContainer = false,
-    containerId = undefined,
-    toastId = undefined
-  } = _ref2;
-  return /*#__PURE__*/jsx(ToastContainer, _objectSpread(_objectSpread({}, containerProps), {}, {
-    autoClose: autoClose,
-    className: showProgressBar && 'with-progressbar' || '',
-    closeButton: _CloseButton || (_CloseButton = /*#__PURE__*/_jsx(CloseButton, {})),
-    closeOnClick: closeOnClick,
-    containerId: containerId,
-    enableMultiContainer: enableMultiContainer,
-    hideProgressBar: !showProgressBar,
-    newestOnTop: true,
-    position: position,
-    toastId: toastId,
-    transition: Slide
-  }));
-};
-
-const props = {
-  /** inject props to wrapper */
-  containerProps: PropTypes.object.description('inject props to wrapper'),
-
-  /** Position on the screen to show the toast */
-  position: PropTypes.oneOf(toastsPositions).description('Position on the screen to show the toast'),
-
-  /** ms to autoclose the toast */
-  autoClose: PropTypes.number.description('ms to autoclose the toast'),
-
-  /** Whether to show a progress bar indicating when the toast is going to be closed */
-  showProgressBar: PropTypes.bool.description('Whether to show a progress bar indicating when the toast is going to be closed'),
-
-  /** Close toast handler */
-  closeOnClick: PropTypes.bool.description('Close toast handler'),
-
-  /** Allows instantiating multiple Toast containers */
-  enableMultiContainer: PropTypes.bool.description('Allows instantiating multiple Toast containers'),
-
-  /** unique id for multi container */
-  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),
-
-  /**  id for the toast */
-  toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('id for the toast')
-};
-const DSToastWithSchema = describe(DSToast);
-DSToastWithSchema.propTypes = props;
-
-export { DSToast, DSToastWithSchema, DSToast as default };

package/esm/ToastAction.js

@@ -1,55 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import styled from 'styled-components';
-import { color } from '@elliemae/ds-system';
-
-const Link = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1bs5g4c-0"
-})(["", ""], color('brand', '600'));
-
-const DSToastAction = _ref => {
-  let {
-    children,
-    onClick,
-    onKeyDown
-  } = _ref;
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    _jsx("div", {
-      onKeyDown: onKeyDown,
-      onClick: onClick,
-      role: onClick ? 'button' : 'textbox'
-    }, void 0, children)
-  );
-}; // eslint-disable-next-line jsx-a11y/anchor-is-valid
-
-
-const DSToastActionLink = _ref2 => {
-  let {
-    children
-  } = _ref2;
-  return /*#__PURE__*/_jsx(Link, {}, void 0, children);
-};
-
-const actionprops = {
-  /** DSToastActionLink component or text string */
-  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('DSToastActionLink component or text string'),
-
-  /** click handler */
-  onClick: PropTypes.func.description('click handler'),
-
-  /** key down handler */
-  onKeyDown: PropTypes.func.description('key down handler')
-};
-const linkprops = {
-  /** link text */
-  children: PropTypes.string.isRequired.description('link text')
-};
-const DSToastActionWithSchema = describe(DSToastAction);
-const DSToastActionLinkWithSchema = describe(DSToastActionLink);
-DSToastActionLinkWithSchema.propTypes = linkprops;
-DSToastActionWithSchema.propTypes = actionprops;
-
-export { DSToastAction, DSToastActionLink, DSToastActionLinkWithSchema, DSToastActionWithSchema };

package/esm/ToastPosition.js

@@ -1,11 +0,0 @@
-const ToastPosition = {
-  TOP_RIGHT: 'top-right',
-  TOP_CENTER: 'top-center',
-  TOP_LEFT: 'top-left',
-  BOTTOM_RIGHT: 'bottom-right',
-  BOTTOM_CENTER: 'bottom-center',
-  BOTTOM_LEFT: 'bottom-left'
-};
-const toastsPositions = Object.values(ToastPosition);
-
-export { ToastPosition, toastsPositions };

package/esm/ToastRender.js

@@ -1,36 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { CheckmarkCircleFill, WarningCircleFill, InfoCircleFill } from '@elliemae/ds-icons';
-import { ToastType } from './ToastType.js';
-
-const blockName = 'toast-content';
-const Container = aggregatedClasses('div')(blockName);
-const IconContainer = aggregatedClasses('div')(blockName, 'icon-container');
-const MessageContent = aggregatedClasses('div')(blockName, 'message-content');
-const MessageHeader = aggregatedClasses('div')(blockName, 'message-header');
-const MessageText = aggregatedClasses('span')(blockName, 'message-text');
-
-const getIconByToastType = type => ({
-  [ToastType.SUCCESS]: CheckmarkCircleFill,
-  [ToastType.WARNING]: WarningCircleFill,
-  [ToastType.INFO]: InfoCircleFill,
-  [ToastType.ERROR]: WarningCircleFill,
-  [ToastType.DEFAULT]: 'div'
-})[type];
-
-const ToastRender = _ref => {
-  let {
-    type = ToastType.DEFAULT,
-    messageTitle = '',
-    messageText = ''
-  } = _ref;
-  const IconMessage = aggregatedClasses(getIconByToastType(type))(blockName, 'icon-message');
-  return /*#__PURE__*/_jsx(Container, {
-    "data-testid": "ds-toast-render"
-  }, void 0, /*#__PURE__*/_jsx(IconContainer, {}, void 0, /*#__PURE__*/_jsx(IconMessage, {
-    size: "m"
-  })), /*#__PURE__*/_jsx(MessageContent, {}, void 0, /*#__PURE__*/_jsx(MessageHeader, {}, void 0, messageTitle), /*#__PURE__*/_jsx(MessageText, {}, void 0, messageText)));
-};
-
-export { ToastRender as default };

package/esm/ToastType.js

@@ -1,11 +0,0 @@
-const ToastType = {
-  INFO: 'info',
-  SUCCESS: 'success',
-  WARNING: 'warning',
-  ERROR: 'error',
-  // TODO remove from types, it's not in spec
-  DEFAULT: 'default'
-};
-const toastTypes = Object.values(ToastType);
-
-export { ToastType, toastTypes };

package/esm/index.js

@@ -1,5 +0,0 @@
-export { DSToast, DSToastWithSchema, DSToast as default } from './DSToast.js';
-export { toast } from './toast.js';
-export { ToastType, toastTypes } from './ToastType.js';
-export { ToastPosition, toastsPositions } from './ToastPosition.js';
-export { DSToastAction, DSToastActionLink, DSToastActionLinkWithSchema, DSToastActionWithSchema } from './ToastAction.js';

package/esm/toast.js

@@ -1,37 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { toast as toast$1 } from 'react-toastify';
-import ToastRender from './ToastRender.js';
-
-const _excluded = ["type", "messageTitle", "messageText"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const toast = Object.assign((_ref, options) => {
-  let {
-    type,
-    messageTitle,
-    messageText
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return toast$1( /*#__PURE__*/_jsx(ToastRender, {
-    messageText: messageText,
-    messageTitle: messageTitle,
-    type: type
-  }), _objectSpread(_objectSpread(_objectSpread({}, rest), options), {}, {
-    type
-  }));
-}, _objectSpread(_objectSpread({}, toast$1), {}, {
-  isActive: id => toast$1.isActive(id)
-}));
-
-export { toast };

package/types/DSToast.d.ts

@@ -1,79 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const DSToast: {
-    ({ containerProps, position, autoClose, showProgressBar, closeOnClick, enableMultiContainer, containerId, toastId, }: {
-        containerProps?: {} | undefined;
-        position?: string | undefined;
-        autoClose?: number | undefined;
-        showProgressBar?: boolean | undefined;
-        closeOnClick?: boolean | undefined;
-        enableMultiContainer?: boolean | undefined;
-        containerId?: undefined;
-        toastId?: undefined;
-    }): JSX.Element;
-    propTypes: {
-        /** inject props to wrapper */
-        containerProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /** Position on the screen to show the toast */
-        position: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /** ms to autoclose the toast */
-        autoClose: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /** Whether to show a progress bar indicating when the toast is going to be closed */
-        showProgressBar: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /** Close toast handler */
-        closeOnClick: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /** Allows instantiating multiple Toast containers */
-        enableMultiContainer: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /** unique id for multi container */
-        containerId: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**  id for the toast */
-        toastId: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const DSToastWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DSToast, DSToastWithSchema };
-export default DSToast;

package/types/ToastAction.d.ts

@@ -1,52 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const DSToastAction: {
-    ({ children, onClick, onKeyDown }: {
-        children: any;
-        onClick: any;
-        onKeyDown: any;
-    }): JSX.Element;
-    propTypes: {
-        /** DSToastActionLink component or text string */
-        children: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /** click handler */
-        onClick: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /** key down handler */
-        onKeyDown: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const DSToastActionLink: {
-    ({ children }: {
-        children: any;
-    }): JSX.Element;
-    propTypes: {
-        /** link text */
-        children: any;
-    };
-};
-declare const DSToastActionWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-declare const DSToastActionLinkWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DSToastAction, DSToastActionLink, DSToastActionWithSchema, DSToastActionLinkWithSchema, };

package/types/ToastPosition.d.ts

@@ -1,9 +0,0 @@
-export declare const ToastPosition: {
-    TOP_RIGHT: string;
-    TOP_CENTER: string;
-    TOP_LEFT: string;
-    BOTTOM_RIGHT: string;
-    BOTTOM_CENTER: string;
-    BOTTOM_LEFT: string;
-};
-export declare const toastsPositions: string[];

package/types/ToastRender.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-declare const ToastRender: {
-    ({ type, messageTitle, messageText }: {
-        type?: string | undefined;
-        messageTitle?: string | undefined;
-        messageText?: string | undefined;
-    }): JSX.Element;
-    propTypes: {
-        /**
-         * Toast title
-         */
-        messageTitle: PropTypes.Validator<string>;
-        /**
-         * Toast body, either a string or Action with ActionLink component
-         */
-        messageText: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
-        /**
-         * Toast type
-         */
-        type: PropTypes.Validator<string>;
-    };
-};
-export default ToastRender;

package/types/ToastType.d.ts

@@ -1,8 +0,0 @@
-export declare const ToastType: {
-    INFO: string;
-    SUCCESS: string;
-    WARNING: string;
-    ERROR: string;
-    DEFAULT: string;
-};
-export declare const toastTypes: string[];

package/types/index.d.ts

@@ -1,6 +0,0 @@
-export * from './DSToast';
-export * from './toast';
-export * from './ToastType';
-export * from './ToastPosition';
-export * from './ToastAction';
-export { default } from './DSToast';

package/types/toast.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-declare const toast: (({ type, messageTitle, messageText, ...rest }: {
-    [x: string]: any;
-    type: any;
-    messageTitle: any;
-    messageText: any;
-}, options: any) => React.ReactText) & {
-    isActive: (id: any) => boolean;
-    success(content: import("react-toastify").ToastContent, options?: import("react-toastify").ToastOptions | undefined): React.ReactText;
-    info(content: import("react-toastify").ToastContent, options?: import("react-toastify").ToastOptions | undefined): React.ReactText;
-    error(content: import("react-toastify").ToastContent, options?: import("react-toastify").ToastOptions | undefined): React.ReactText;
-    warning(content: import("react-toastify").ToastContent, options?: import("react-toastify").ToastOptions | undefined): React.ReactText;
-    dark(content: import("react-toastify").ToastContent, options?: import("react-toastify").ToastOptions | undefined): React.ReactText;
-    warn: (content: import("react-toastify").ToastContent, options?: import("react-toastify").ToastOptions | undefined) => React.ReactText;
-    dismiss(id?: string | number | undefined): false | void;
-    clearWaitingQueue(params?: import("react-toastify").ClearWaitingQueueParams | undefined): false | void;
-    update(toastId: import("react-toastify").Id, options?: import("react-toastify").UpdateOptions | undefined): void;
-    done(id: import("react-toastify").Id): void;
-    onChange(callback: import("react-toastify/dist/core").OnChangeCallback): () => void;
-    configure(config?: import("react-toastify").ToastContainerProps | undefined): void;
-    POSITION: {
-        TOP_LEFT: import("react-toastify").ToastPosition;
-        TOP_RIGHT: import("react-toastify").ToastPosition;
-        TOP_CENTER: import("react-toastify").ToastPosition;
-        BOTTOM_LEFT: import("react-toastify").ToastPosition;
-        BOTTOM_RIGHT: import("react-toastify").ToastPosition;
-        BOTTOM_CENTER: import("react-toastify").ToastPosition;
-    };
-    TYPE: {
-        INFO: import("react-toastify").TypeOptions;
-        SUCCESS: import("react-toastify").TypeOptions;
-        WARNING: import("react-toastify").TypeOptions;
-        ERROR: import("react-toastify").TypeOptions;
-        DEFAULT: import("react-toastify").TypeOptions;
-        DARK: import("react-toastify").TypeOptions;
-    };
-};
-export { toast };