linear-react-components-ui 1.1.20-beta.33 → 1.1.20-beta.35

package/lib/calendar/base/helpers.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CalendarContext = void 0;
+exports.dateIsEquals = dateIsEquals;
+exports.dayNames = dayNames;
+exports.dayOutOfCurrentMonth = dayOutOfCurrentMonth;
+exports.getCalendarCssClass = getCalendarCssClass;
+exports.getDayContainerCssClass = getDayContainerCssClass;
+exports.getDayCssClass = getDayCssClass;
+exports.getPtBrLocale = getPtBrLocale;
+exports.getStartOfMonth = getStartOfMonth;
+exports.getStartOfWeek = getStartOfWeek;
+exports.validDate = validDate;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+_moment.default.locale('pt-br');
+function getStartOf(date, unit) {
+  return date.startOf(unit);
+}
+function dayNames() {
+  return ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'];
+}
+function getStartOfWeek(date) {
+  return getStartOf(date, 'week');
+}
+function getStartOfMonth(date) {
+  return getStartOf(date, 'month');
+}
+function dateIsEquals(date1, date2) {
+  return (0, _moment.default)(date1.format('YYYY-MM-DD')).isSame(date2.format('YYYY-MM-DD'));
+}
+function dayOutOfCurrentMonth(currentDate, comparedDay) {
+  return currentDate.format('MM') !== comparedDay.format('MM');
+}
+function getPtBrLocale() {
+  return {
+    months: 'janeiro_fevereiro_março_abril_maio_junho_julho_agosto_setembro_outubro_novembro_dezembro'.split('_'),
+    monthsShort: 'jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez'.split('_'),
+    weekdays: 'domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado'.split('_'),
+    weekdaysShort: 'dom_seg_ter_qua_qui_sex_sáb'.split('_'),
+    weekdaysMin: 'dom_2ª_3ª_4ª_5ª_6ª_sáb'.split('_'),
+    longDateFormat: {
+      LT: 'HH:mm',
+      L: 'DD/MM/YYYY',
+      LL: 'D [de] MMMM [de] YYYY',
+      LLL: 'D [de] MMMM [de] YYYY [às] LT',
+      LLLL: 'dddd, D [de] MMMM [de] YYYY [às] LT'
+    },
+    calendar: {
+      sameDay: '[Hoje às] LT',
+      nextDay: '[Amanhã às] LT',
+      nextWeek: 'dddd [às] LT',
+      lastDay: '[Ontem às] LT',
+      lastWeek() {
+        return this.sameDay === '0' || this.sameDay === '6' ? '[Último] dddd [às] LT' :
+        // Saturday + Sunday
+        '[Última] dddd [às] LT'; // Monday - Friday
+      },
+      sameElse: 'L'
+    },
+    relativeTime: {
+      future: 'em %s',
+      past: '%s atrás',
+      s: 'segundos',
+      m: 'um minuto',
+      mm: '%d minutos',
+      h: 'uma hora',
+      hh: '%d horas',
+      d: 'um dia',
+      dd: '%d dias',
+      M: 'um mês',
+      MM: '%d meses',
+      y: 'um ano',
+      yy: '%d anos'
+    },
+    ordinal: '%dº'
+  };
+}
+
+/** Functions used insed index.jsx */
+function getCalendarCssClass(_ref) {
+  let {
+    unpadding,
+    drawGridLines,
+    customClass,
+    colorStyle
+  } = _ref;
+  let cssClass = "calendar-component ".concat(customClass);
+  cssClass += " -".concat(colorStyle);
+  cssClass += unpadding ? ' -unpadding' : '';
+  cssClass += drawGridLines ? ' -draw-grid-lines' : '';
+  return cssClass;
+}
+function validDate(date) {
+  if ((0, _moment.default)(date).format() !== 'Invalid date') {
+    return date;
+  }
+  return (0, _moment.default)();
+}
+
+/** Functions used inside Day Component */
+function getDayContainerCssClass(currentDate, day) {
+  let cssClass = 'monthday ';
+  cssClass += dateIsEquals(currentDate, day) ? '-selectedday ' : '';
+  return cssClass;
+}
+function getDayCssClass(currentDate, day) {
+  let cssClass = 'daybutton ';
+  cssClass += dateIsEquals((0, _moment.default)(), day) ? '-nowday ' : '';
+  cssClass += dayOutOfCurrentMonth(currentDate, day) ? '-outmonth' : '';
+  return cssClass;
+}
+const CalendarContext = exports.CalendarContext = /*#__PURE__*/_react.default.createContext({});

package/lib/calendar/base/index.d.ts

@@ -0,0 +1,7 @@
+import { ICalendarProps } from '../types.js';
+import 'moment';
+import '../../@types/ColorStyles.js';
+
+declare const Calendar: (props: ICalendarProps) => JSX.Element;
+
+export { Calendar as default };

package/lib/calendar/base/index.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _Month = _interopRequireDefault(require("./Month"));
+var _buttons = _interopRequireDefault(require("../../buttons"));
+var _helpers = require("./helpers");
+require("../../assets/styles/calendar.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Calendar = props => {
+  const {
+    currentDate = (0, _moment.default)(),
+    onDateChange,
+    drawGridLines = false,
+    colorStyle,
+    unpadding = false,
+    customClass
+  } = props;
+  const [dataAtual, setDataAtual] = (0, _react.useState)((0, _helpers.validDate)(currentDate));
+  (0, _react.useEffect)(() => {
+    setDataAtual((0, _helpers.validDate)(currentDate));
+  }, []);
+  const onDateChangeFunction = date => {
+    if (onDateChange) onDateChange(date);
+    setDataAtual(date);
+  };
+  const previousMonth = () => {
+    const currentDateClone = dataAtual.clone();
+    setDataAtual(currentDateClone.subtract(1, 'month'));
+  };
+  const nextMonth = () => {
+    const currentDateClone = dataAtual.clone();
+    setDataAtual(currentDateClone.add(1, 'month'));
+  };
+  const contextValues = {
+    handleDateChange: onDateChangeFunction
+  };
+  return /*#__PURE__*/_react.default.createElement(_helpers.CalendarContext.Provider, {
+    value: contextValues
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers.getCalendarCssClass)({
+      unpadding,
+      drawGridLines,
+      customClass,
+      colorStyle
+    })
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "calendarheader"
+  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    iconName: "arrow_left",
+    boxShadow: false,
+    onClick: () => {
+      previousMonth();
+    },
+    customClass: "navbutton"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "monthname"
+  }, dataAtual.format('MMMM YYYY')), /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    boxShadow: false,
+    iconName: "arrow_right",
+    onClick: () => {
+      nextMonth();
+    },
+    customClass: "navbutton"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "daynames"
+  }, (0, _helpers.dayNames)().map(name => /*#__PURE__*/_react.default.createElement("div", {
+    key: "day-".concat(name)
+  }, name))), /*#__PURE__*/_react.default.createElement(_Month.default, {
+    currentDate: dataAtual
+  })));
+};
+var _default = exports.default = Calendar;

package/lib/calendar/index.d.ts

@@ -0,0 +1,13 @@
+import Calendar from './base/index.js';
+export { default as SuccessCalendar } from './SuccessCalendar.js';
+export { default as PrimaryCalendar } from './PrimaryCalendar.js';
+export { default as DangerCalendar } from './DangerCalendar.js';
+export { default as WarningCalendar } from './WarningCalendar.js';
+export { default as InfoCalendar } from './InfoCalendar.js';
+import './types.js';
+import 'moment';
+import '../@types/ColorStyles.js';
+
+
+
+export { Calendar as default };

package/lib/calendar/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DangerCalendar", {
+  enumerable: true,
+  get: function () {
+    return _DangerCalendar.default;
+  }
+});
+Object.defineProperty(exports, "InfoCalendar", {
+  enumerable: true,
+  get: function () {
+    return _InfoCalendar.default;
+  }
+});
+Object.defineProperty(exports, "PrimaryCalendar", {
+  enumerable: true,
+  get: function () {
+    return _PrimaryCalendar.default;
+  }
+});
+Object.defineProperty(exports, "SuccessCalendar", {
+  enumerable: true,
+  get: function () {
+    return _SuccessCalendar.default;
+  }
+});
+Object.defineProperty(exports, "WarningCalendar", {
+  enumerable: true,
+  get: function () {
+    return _WarningCalendar.default;
+  }
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("./base"));
+var _SuccessCalendar = _interopRequireDefault(require("./SuccessCalendar"));
+var _PrimaryCalendar = _interopRequireDefault(require("./PrimaryCalendar"));
+var _DangerCalendar = _interopRequireDefault(require("./DangerCalendar"));
+var _WarningCalendar = _interopRequireDefault(require("./WarningCalendar"));
+var _InfoCalendar = _interopRequireDefault(require("./InfoCalendar"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _base.default;

package/lib/calendar/types.d.ts

@@ -0,0 +1,25 @@
+import { Moment } from 'moment';
+import { ColorStyles } from '../@types/ColorStyles.js';
+
+interface ICalendarProps {
+    customClass?: string;
+    currentDate?: Moment;
+    drawGridLines?: boolean;
+    unpadding?: boolean;
+    onDateChange?: (date: Moment) => void;
+    colorStyle?: ColorStyles;
+    handleDateChange?: (date: Moment) => void;
+}
+interface IWeekProps {
+    weekStartDate: Moment;
+    currentDate: Moment;
+}
+interface IDayProps {
+    currentDate: Moment;
+    day: Moment;
+}
+interface IMonthProps {
+    currentDate: Moment;
+}
+
+export { ICalendarProps, IDayProps, IMonthProps, IWeekProps };

package/lib/calendar/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/checkbox/Label.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
+var _hint = _interopRequireDefault(require("../hint"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Label = _ref => {
+  let {
+    label,
+    targetSpanRef,
+    disabled,
+    hint
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "description"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    ref: r => {
+      if (targetSpanRef) targetSpanRef(r);
+    }
+  }, label), /*#__PURE__*/_react.default.createElement(_hint.default, {
+    disabled: disabled,
+    visible: !!hint,
+    description: hint,
+    customClass: "hint"
+  }));
+};
+var _default = exports.default = (0, _withTooltip.default)(Label);

package/lib/checkbox/index.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { ICheckBoxProps } from './types.js';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+
+/**
+ * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
+ * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
+ * componente para gerar propriedades customizadas.
+ */
+declare const CheckBox: React__default.ForwardRefExoticComponent<ICheckBoxProps & React__default.RefAttributes<HTMLInputElement>>;
+
+export { CheckBox as default };

package/lib/checkbox/index.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _gridlayout = _interopRequireDefault(require("../gridlayout"));
+var _permissionValidations = require("../permissionValidations");
+require("../assets/styles/checkbox.scss");
+var _errorMessage = require("../inputs/errorMessage");
+var _ = require("..");
+var _textContent = _interopRequireDefault(require("../textContent"));
+var _popover = _interopRequireDefault(require("../popover"));
+var _hint = _interopRequireDefault(require("../hint"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+/**
+ * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
+ * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
+ * componente para gerar propriedades customizadas.
+ */
+
+const CheckBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    name,
+    required,
+    value,
+    label,
+    onChange,
+    autofocus,
+    hint,
+    id = undefined,
+    gridLayout,
+    checked = false,
+    disabled,
+    permissionAttr,
+    tooltip,
+    tooltipPosition = 'top',
+    tooltipWidth = 'auto',
+    skeletonize,
+    targetRef,
+    errorMessages,
+    customClassForLabel,
+    hintPosition = 'below',
+    themePopover = 'light',
+    popoverAlign = 'left'
+  } = _ref;
+  const [isChecked, setIsChecked] = (0, _react.useState)(checked);
+  const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
+  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
+  const inputRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, () => inputRef.current, [inputRef.current]);
+  (0, _react.useEffect)(() => {
+    setIsChecked(checked);
+  }, [checked]);
+  const shouldDisable = () => disabled || onDenied.disabled;
+  const getProps = () => {
+    if (shouldDisable()) return null;
+    const target = {
+      checked: !isChecked,
+      id,
+      name,
+      value: !isChecked
+    };
+    return {
+      onClick: () => {
+        if (!shouldDisable() && !skeletonize) {
+          setIsChecked(!isChecked);
+          onChange === null || onChange === void 0 ? void 0 : onChange({
+            target
+          });
+        }
+      },
+      onKeyDown: undefined,
+      role: 'checkbox',
+      tabIndex: -1
+    };
+  };
+  const renderInput = () => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    "data-skeletonized": skeletonize,
+    className: "checkbox-component",
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", _extends({
+    "data-testid": "checkbox-container",
+    className: "inputcontent",
+    "aria-checked": isChecked
+  }, getProps()), /*#__PURE__*/_react.default.createElement("input", {
+    id: id || undefined,
+    ref: r => {
+      if (targetRef) targetRef(r);
+      inputRef.current = r;
+    },
+    className: "input",
+    type: "checkbox",
+    autoFocus: autofocus,
+    checked: isChecked,
+    disabled: shouldDisable(),
+    name: name,
+    required: required,
+    value: value,
+    onChange: () => {}
+  }), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_.Icon, {
+    size: 12,
+    name: "checkmark"
+  })), label && /*#__PURE__*/_react.default.createElement("div", {
+    className: "description"
+  }, /*#__PURE__*/_react.default.createElement(_textContent.default, {
+    required: required,
+    disabled: shouldDisable(),
+    className: customClassForLabel,
+    tooltip: tooltip,
+    tooltipWidth: tooltipWidth,
+    tooltipPosition: tooltipPosition
+  }), label, /*#__PURE__*/_react.default.createElement(_textContent.default, null), /*#__PURE__*/_react.default.createElement(_hint.default, {
+    disabled: disabled,
+    visible: !!hint && hintPosition === 'below',
+    description: hint,
+    customClass: "hint"
+  }))), !!hint && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
+    theme: themePopover,
+    align: popoverAlign,
+    customClass: "-hint",
+    iconColor: "#03bde2",
+    style: {
+      margin: '0px 5px',
+      height: 'auto',
+      width: 20
+    }
+  }, hint)), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
+    messages: errorMessages
+  }));
+  if (onDenied.unvisible) return null;
+  return gridLayout ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+    customClass: "-withinput",
+    cols: gridLayout
+  }, renderInput()) : renderInput();
+});
+CheckBox.displayName = 'CheckBox';
+var _default = exports.default = CheckBox;

package/lib/checkbox/types.d.ts

@@ -0,0 +1,47 @@
+import { ReactElement } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { Position } from '../@types/Position.js';
+
+type ChangeEvent = {
+    checked: boolean;
+    id?: string;
+    name?: string;
+    value: boolean;
+};
+type Target = {
+    target: ChangeEvent;
+};
+interface ICheckBoxProps {
+    id?: string;
+    label?: string;
+    disabled?: boolean;
+    defaultChecked?: boolean;
+    checked?: boolean;
+    required?: boolean;
+    value?: string | number;
+    name?: string;
+    onChange?: (event: Target) => void;
+    onClick?: () => void;
+    autoFocus?: boolean;
+    e?: {
+        target: Element;
+    } | undefined;
+    children?: ReactElement;
+    autofocus?: boolean;
+    hint?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    gridLayout?: string;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+    tooltip?: string;
+    tooltipPosition?: Exclude<Position, 'center'>;
+    tooltipWidth?: string | number;
+    skeletonize?: boolean;
+    targetRef?: (ref: HTMLInputElement | null) => void;
+    targetSpanRef?: (ref: HTMLSpanElement | null) => void;
+    errorMessages?: string[] | undefined;
+    customClassForLabel?: string;
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+
+export { ChangeEvent, ICheckBoxProps };

package/lib/checkbox/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dialog/Alert.d.ts

@@ -0,0 +1,9 @@
+import { ICommonDialogProps } from './types.js';
+import 'react';
+import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const Alert: (props: ICommonDialogProps) => JSX.Element;
+
+export { Alert as default };

package/lib/dialog/Alert.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _buttons = require("../buttons");
+var _Custom = _interopRequireDefault(require("./Custom"));
+var _icons = _interopRequireDefault(require("../icons"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const Alert = props => {
+  const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
+    key: "confirm-buttom",
+    onClick: props.onConfirmClick,
+    label: "Confirmar"
+  })];
+  return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
+    buttons: buttons,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "exclamation",
+      color: "#f39c12",
+      size: 64
+    })
+  }));
+};
+var _default = exports.default = Alert;

package/lib/dialog/Custom.d.ts

@@ -0,0 +1,9 @@
+import { ICustomProps } from './types.js';
+import 'react';
+import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const Custom: (props: ICustomProps) => JSX.Element;
+
+export { Custom as default };

package/lib/dialog/Custom.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var uuid = _interopRequireWildcard(require("uuid"));
+var _base = _interopRequireDefault(require("./base"));
+var _Footer = _interopRequireDefault(require("./base/Footer"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _buttons = require("../buttons");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const getIcon = (iconName, icon) => {
+  if (icon) {
+    return icon;
+  } else if (iconName) {
+    return /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: iconName,
+      color: "#000",
+      size: 64
+    });
+  }
+  return null;
+};
+const Custom = props => {
+  const {
+    width = '35%',
+    height = 'auto',
+    iconName = null,
+    open
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_base.default, _extends({
+    open: open,
+    width: width,
+    height: height
+  }, props, {
+    wrapperClassName: "dialog-alert-wrapper"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "icon"
+  }, getIcon(iconName, props.icon)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "container"
+  }, props.title && /*#__PURE__*/_react.default.createElement("div", {
+    className: "title"
+  }, props.title), /*#__PURE__*/_react.default.createElement("div", {
+    className: "text"
+  }, props.text)), props.buttons && props.buttons.length > 0 && /*#__PURE__*/_react.default.createElement(_Footer.default, props, /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
+    position: "right"
+  }, props.buttons.map(button => /*#__PURE__*/_react.default.cloneElement(button, {
+    key: "button-".concat(uuid.v1())
+  })))));
+};
+var _default = exports.default = Custom;

package/lib/dialog/Error.d.ts

@@ -0,0 +1,9 @@
+import { ICommonDialogProps } from './types.js';
+import 'react';
+import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const Error: (props: ICommonDialogProps) => JSX.Element;
+
+export { Error as default };