@pedidopago/ui 1.0.9 → 1.1.3

package/dist/components/DatePicker/index.js

@@ -17,7 +17,13 @@ var _DateYearPicker = require("./components/DateYearPicker");
 
 var _styles = require("./styles");
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _jsxRuntime = require("react/jsx-runtime");
+
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -140,36 +146,41 @@ var DatePicker = function DatePicker(_ref) {
     setOpenYearPicker(!openYearPicker);
   };
 
-  return /*#__PURE__*/React.createElement(_react2.ThemeProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.ThemeProvider, {
     theme: {
       colorSelected: color || 'primary.default'
-    }
-  }, /*#__PURE__*/React.createElement(_styles.DatePickerContentContainer, {
-    isExtended: variant === 'extended'
-  }, /*#__PURE__*/React.createElement(_framerMotion.AnimatePresence, {
-    initial: false
-  }, !openYearPicker ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DatePickerContent.DatePickerContent, _extends({}, DatePickerContentProps, variant !== 'extended' && {
-    handleToggleYearPicker: handleToggleYearPicker,
-    enableYearPicker: !maxDate && !minDate
-  }, {
-    date: firstCalendarDate,
-    maxDate: variant === 'extended' ? new Date(secondCalendarDate.getFullYear(), secondCalendarDate.getMonth() - 1, 1) : DatePickerContentProps.maxDate,
-    handleChangeDate: function handleChangeDate(newDate) {
-      return setFirstCalendarDate(newDate);
-    }
-  })), variant === 'extended' && /*#__PURE__*/React.createElement(_DatePickerContent.DatePickerContent, _extends({}, DatePickerContentProps, {
-    date: secondCalendarDate,
-    minDate: new Date(firstCalendarDate.getFullYear(), firstCalendarDate.getMonth() + 1, 1),
-    handleChangeDate: function handleChangeDate(newDate) {
-      return setSecondCalendarDate(newDate);
-    }
-  }))) : /*#__PURE__*/React.createElement(_DateYearPicker.DateYearPicker, {
-    date: firstCalendarDate,
-    handleChangeDate: function handleChangeDate(newDate) {
-      setFirstCalendarDate(newDate);
-      setOpenYearPicker(false);
-    }
-  }))));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerContentContainer, {
+      isExtended: variant === 'extended',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
+        initial: false,
+        children: !openYearPicker ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerContent.DatePickerContent, _objectSpread(_objectSpread(_objectSpread({}, DatePickerContentProps), variant !== 'extended' && {
+            handleToggleYearPicker: handleToggleYearPicker,
+            enableYearPicker: !maxDate && !minDate
+          }), {}, {
+            date: firstCalendarDate,
+            maxDate: variant === 'extended' ? new Date(secondCalendarDate.getFullYear(), secondCalendarDate.getMonth() - 1, 1) : DatePickerContentProps.maxDate,
+            handleChangeDate: function handleChangeDate(newDate) {
+              return setFirstCalendarDate(newDate);
+            }
+          })), variant === 'extended' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerContent.DatePickerContent, _objectSpread(_objectSpread({}, DatePickerContentProps), {}, {
+            date: secondCalendarDate,
+            minDate: new Date(firstCalendarDate.getFullYear(), firstCalendarDate.getMonth() + 1, 1),
+            handleChangeDate: function handleChangeDate(newDate) {
+              return setSecondCalendarDate(newDate);
+            }
+          }))]
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateYearPicker.DateYearPicker, {
+          date: firstCalendarDate,
+          handleChangeDate: function handleChangeDate(newDate) {
+            setFirstCalendarDate(newDate);
+            setOpenYearPicker(false);
+          }
+        })
+      })
+    })
+  });
 };
 
 var _default = DatePicker;

package/dist/components/DatePicker/styles.d.ts

@@ -1,75 +1,75 @@
-/// <reference types="react" />
-import { GenericStyledProps } from './types';
-export declare const DatePickerContentContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isExtended: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerHeaderTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    enableYearPicker?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerHeaderButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isHidden?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const DatePickerBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerBodyTable: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
-export declare const DatePickerTableRow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isRange?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
-export declare const DatePickerTableCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isPrevNextMonth?: boolean | undefined;
-    isSelected?: boolean | undefined;
-    isToday?: boolean | undefined;
-    isInTheRange?: boolean | undefined;
-    isEndDateOfRange?: boolean | undefined;
-    isStartDateOfRange?: boolean | undefined;
-    isFirstDayOfMonth?: boolean | undefined;
-    isLastDayOfMonth?: boolean | undefined;
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
-export declare const DatePickerTableCellSpan: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const DateYearPickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DateYearPickerBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DateYearPickerCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isSelected?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from './types';
+export declare const DatePickerContentContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isExtended: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerHeaderTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    enableYearPicker?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerHeaderButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isHidden?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const DatePickerBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerBodyTable: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const DatePickerTableRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isRange?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export declare const DatePickerTableCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isPrevNextMonth?: boolean | undefined;
+    isSelected?: boolean | undefined;
+    isToday?: boolean | undefined;
+    isInTheRange?: boolean | undefined;
+    isEndDateOfRange?: boolean | undefined;
+    isStartDateOfRange?: boolean | undefined;
+    isFirstDayOfMonth?: boolean | undefined;
+    isLastDayOfMonth?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export declare const DatePickerTableCellSpan: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const DateYearPickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DateYearPickerBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DateYearPickerCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isSelected?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/DatePicker/types.d.ts

@@ -1,60 +1,60 @@
-import { HTMLAttributes } from 'react';
-import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
-export declare type DatePickerProps = HTMLAttributes<HTMLInputElement> & {
-    /**
-     * Sets the date picker's type.
-     * @default 'date'
-     */
-    type?: 'date' | 'range';
-    /**
-     * Sets the date container type.
-     * @default 'compact'
-     */
-    variant?: 'compact' | 'extended';
-    /**
-     * Sets the date picker's current/initial value.
-     */
-    value?: Date;
-    /**
-     * Sets the date picker's minimum month and year.
-     * @summary To set the minimum date, the date needs to be the first day of the month.
-     */
-    minDate?: Date;
-    /**
-     * Sets the date picker's maximum month and year.
-     * @summary To set the maximum date, the date needs to be the first day of the month.
-     */
-    maxDate?: Date;
-    /**
-     * Callback function that is called when the date picker's value changes.
-     * @param {Date} date - The new date.
-     */
-    onChange?: (date: string | string[]) => void;
-    color?: GlobalColorsProps & (string & {});
-};
-export declare type GenericStyledProps = {
-    theme?: ExtendThemeProps & {
-        colorSelected: GlobalColorsProps & (string & {});
-    };
-};
-export declare type DatePickerContentProps = {
-    variant?: 'compact' | 'extended';
-    startDate: Date;
-    date: Date;
-    endDate: Date;
-    isInTheRange: (currentDate: Date) => boolean;
-    handleMouseOver: (currentDate: Date) => void;
-    handleChange: (newDate: Date) => void;
-    handleChangeDate: (newDate: Date) => void;
-    handleToggleYearPicker?: () => void;
-    enableYearPicker?: boolean;
-    minDate?: Date;
-    maxDate?: Date;
-    type?: 'date' | 'range';
-    color?: 'primary' | 'secondary' | 'tertiary';
-};
-export declare type DateYearPickerProps = {
-    date: Date;
-    handleChangeDate: (newDate: Date) => void;
-};
+import { HTMLAttributes } from 'react';
+import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
+export declare type DatePickerProps = HTMLAttributes<HTMLInputElement> & {
+    /**
+     * Sets the date picker's type.
+     * @default 'date'
+     */
+    type?: 'date' | 'range';
+    /**
+     * Sets the date container type.
+     * @default 'compact'
+     */
+    variant?: 'compact' | 'extended';
+    /**
+     * Sets the date picker's current/initial value.
+     */
+    value?: Date;
+    /**
+     * Sets the date picker's minimum month and year.
+     * @summary To set the minimum date, the date needs to be the first day of the month.
+     */
+    minDate?: Date;
+    /**
+     * Sets the date picker's maximum month and year.
+     * @summary To set the maximum date, the date needs to be the first day of the month.
+     */
+    maxDate?: Date;
+    /**
+     * Callback function that is called when the date picker's value changes.
+     * @param {Date} date - The new date.
+     */
+    onChange?: (date: string | string[]) => void;
+    color?: GlobalColorsProps | (string & {});
+};
+export declare type GenericStyledProps = {
+    theme?: ExtendThemeProps & {
+        colorSelected: GlobalColorsProps | (string & {});
+    };
+};
+export declare type DatePickerContentProps = {
+    variant?: 'compact' | 'extended';
+    startDate: Date;
+    date: Date;
+    endDate: Date;
+    isInTheRange: (currentDate: Date) => boolean;
+    handleMouseOver: (currentDate: Date) => void;
+    handleChange: (newDate: Date) => void;
+    handleChangeDate: (newDate: Date) => void;
+    handleToggleYearPicker?: () => void;
+    enableYearPicker?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    type?: 'date' | 'range';
+    color?: 'primary' | 'secondary' | 'tertiary';
+};
+export declare type DateYearPickerProps = {
+    date: Date;
+    handleChangeDate: (newDate: Date) => void;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/DatePicker/utils/getMonthName.d.ts

@@ -1,2 +1,2 @@
-export declare const getMonthName: (month: number) => string;
+export declare const getMonthName: (month: number) => string;
 //# sourceMappingURL=getMonthName.d.ts.map

package/dist/components/Dialog/dialog-example.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IDialogProps } from './types';
-export default function DialogExample(props: IDialogProps): JSX.Element;
+/// <reference types="react" />
+import { IDialogProps } from './types';
+export default function DialogExample(props: IDialogProps): JSX.Element;
 //# sourceMappingURL=dialog-example.d.ts.map

package/dist/components/Dialog/dialog-example.js

@@ -11,9 +11,15 @@ var _FocusLock = _interopRequireDefault(require("../../shared/components/FocusLo
 
 var _ = require(".");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -36,16 +42,18 @@ function DialogExample(props) {
   (0, _react.useEffect)(function () {
     setShowDialog(props.open);
   }, [props.open]);
-  return /*#__PURE__*/React.createElement(_FocusLock.default, {
-    isLocked: !props.open
-  }, /*#__PURE__*/React.createElement(_.Dialog, _extends({}, props, {
-    open: showDialog,
-    onClose: function onClose() {
-      return setShowDialog(false);
-    }
-  })), /*#__PURE__*/React.createElement("button", {
-    onClick: function onClick() {
-      return setShowDialog(true);
-    }
-  }, "Show Dialog"));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FocusLock.default, {
+    isLocked: !props.open,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Dialog, _objectSpread(_objectSpread({}, props), {}, {
+      open: showDialog,
+      onClose: function onClose() {
+        return setShowDialog(false);
+      }
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      onClick: function onClick() {
+        return setShowDialog(true);
+      },
+      children: "Show Dialog"
+    })]
+  });
 }

package/dist/components/Dialog/dialog.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=dialog.test.d.ts.map

package/dist/components/Dialog/dialog.test.js

@@ -10,6 +10,8 @@ var _ThemeContext = require("../../shared/theme/contexts/ThemeContext");
 
 var _ = require(".");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 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; }
@@ -17,7 +19,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_ThemeContext.PPUIThemeProvider, null, /*#__PURE__*/React.createElement(_.Dialog, props)));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeContext.PPUIThemeProvider, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Dialog, _objectSpread({}, props))
+  }));
   return _objectSpread({}, utils);
 };
 

package/dist/components/Dialog/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IDialogProps } from './types';
-export declare function Dialog({ open, illustration, title, message, closeButton, confirmationButton, cancelButton, backgroundColor, contentColor, onClose, }: IDialogProps): JSX.Element;
+/// <reference types="react" />
+import { IDialogProps } from './types';
+export declare function Dialog({ open, illustration, title, message, closeButton, confirmationButton, cancelButton, backgroundColor, contentColor, onClose, }: IDialogProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Dialog/index.js

@@ -25,6 +25,8 @@ var _invertColor = require("../../utils/invertColor");
 
 var _colorCheck = require("../../utils/colorCheck");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // Components
@@ -47,53 +49,64 @@ function Dialog(_ref) {
   var contentColorValue = (0, _getColorValue.getColorValue)(contentColor || '', theme, ' ');
   var isHidden = !open;
   var tabIndex = isHidden ? -1 : 0;
-  return /*#__PURE__*/React.createElement(_Modal.Modal, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
     open: open,
     "aria-hidden": isHidden,
     maxWidth: "640px",
-    onClose: onClose
-  }, /*#__PURE__*/React.createElement(_styles.Container, {
-    className: "ppui-dialog__container",
-    isMobile: isMobile,
-    role: "dialog",
-    illustration: !!illustration,
-    backgroundColor: backgroundColorValue,
-    contentColor: contentColorValue
-  }, closeButton && /*#__PURE__*/React.createElement(_styles.CloseButton, {
-    className: "ppui-dialog__close-button",
-    tabIndex: tabIndex,
-    "aria-hidden": isHidden,
-    onClick: onClose
-  }, /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "x",
-    size: 24,
-    color: contentColorValue || theme.colorMode === 'dark' ? 'neutral.neutral3' : 'neutral.neutral1'
-  })), !!illustration && /*#__PURE__*/React.createElement(_Icon.default, {
-    name: illustration,
-    size: "124px"
-  }), /*#__PURE__*/React.createElement(_Flex.default, {
-    direction: "column",
-    spacing: "40px"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      paddingRight: closeButton ? 40 : 0
-    }
-  }, !!title && /*#__PURE__*/React.createElement(_Typography.default, {
-    fontSize: "lg",
-    fontWeight: "600"
-  }, title), /*#__PURE__*/React.createElement(_Typography.default, {
-    fontSize: "md",
-    fontWeight: "400"
-  }, message)), /*#__PURE__*/React.createElement("footer", null, !!confirmationButton && /*#__PURE__*/React.createElement(_styles.PrimaryButton, {
-    className: "ppui-dialog__confirm-button",
-    tabIndex: tabIndex,
-    "aria-hidden": isHidden,
-    onClick: confirmationButton.handler
-  }, confirmationButton.label), !!cancelButton && /*#__PURE__*/React.createElement(_styles.SecondaryButton, {
-    className: "ppui-dialog__cancel-button",
-    tabIndex: tabIndex,
-    "aria-hidden": isHidden,
-    onClick: cancelButton.handler,
-    secondaryButtonColor: (0, _colorCheck.parseHexColorToRgba)((0, _invertColor.invertColor)(backgroundColorValue, true), 0.5)
-  }, cancelButton.label)))));
+    onClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+      className: "ppui-dialog__container",
+      isMobile: isMobile,
+      role: "dialog",
+      illustration: !!illustration,
+      backgroundColor: backgroundColorValue,
+      contentColor: contentColorValue,
+      children: [closeButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CloseButton, {
+        className: "ppui-dialog__close-button",
+        tabIndex: tabIndex,
+        "aria-hidden": isHidden,
+        onClick: onClose,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: "x",
+          size: 24,
+          color: contentColorValue || theme.colorMode === 'dark' ? 'neutral.neutral3' : 'neutral.neutral1'
+        })
+      }), !!illustration && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        name: illustration,
+        size: "124px"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
+        direction: "column",
+        spacing: "40px",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          style: {
+            paddingRight: closeButton ? 40 : 0
+          },
+          children: [!!title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            fontSize: "lg",
+            fontWeight: "600",
+            children: title
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+            fontSize: "md",
+            fontWeight: "400",
+            children: message
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("footer", {
+          children: [!!confirmationButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.PrimaryButton, {
+            className: "ppui-dialog__confirm-button",
+            tabIndex: tabIndex,
+            "aria-hidden": isHidden,
+            onClick: confirmationButton.handler,
+            children: confirmationButton.label
+          }), !!cancelButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SecondaryButton, {
+            className: "ppui-dialog__cancel-button",
+            tabIndex: tabIndex,
+            "aria-hidden": isHidden,
+            onClick: cancelButton.handler,
+            secondaryButtonColor: (0, _colorCheck.parseHexColorToRgba)((0, _invertColor.invertColor)(backgroundColorValue, true), 0.5),
+            children: cancelButton.label
+          })]
+        })]
+      })]
+    })
+  });
 }