linear-react-components-ui 0.4.77-beta.8 → 1.0.0-rc.1

package/lib/calendar/base/Week.js

@@ -3,15 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Day = _interopRequireDefault(require("./Day"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -35,7 +33,7 @@ var Week = function Week(_ref) {
     var dayDate = weekStartDate;
 
     while (dayIndex < 7) {
-      var day = /*#__PURE__*/_react["default"].createElement(_Day["default"], {
+      var day = /*#__PURE__*/_react.default.createElement(_Day.default, {
         currentDate: currentDate,
         day: dayDate,
         key: dayDate.format('YYYYMMDD')
@@ -49,14 +47,10 @@ var Week = function Week(_ref) {
     return days;
   };
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "monthweek"
   }, renderDays());
 };
 
-Week.propTypes = {
-  currentDate: _propTypes["default"].object.isRequired,
-  weekStartDate: _propTypes["default"].object.isRequired
-};
 var _default = Week;
-exports["default"] = _default;
+exports.default = _default;

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

@@ -0,0 +1,62 @@
+import React__default from 'react';
+import moment, { Moment } from 'moment';
+import { ColorStyles } from '../../@types/ColorStyles.js';
+import { ICalendarProps } from '../types.js';
+
+declare function dayNames(): string[];
+declare function getStartOfWeek(date: Moment): moment.Moment;
+declare function getStartOfMonth(date: Moment): moment.Moment;
+declare function dateIsEquals(date1: Moment, date2: Moment): boolean;
+declare function dayOutOfCurrentMonth(currentDate: Moment, comparedDay: Moment): boolean;
+declare function getPtBrLocale(): {
+    months: string[];
+    monthsShort: string[];
+    weekdays: string[];
+    weekdaysShort: string[];
+    weekdaysMin: string[];
+    longDateFormat: {
+        LT: string;
+        L: string;
+        LL: string;
+        LLL: string;
+        LLLL: string;
+    };
+    calendar: {
+        sameDay: string;
+        nextDay: string;
+        nextWeek: string;
+        lastDay: string;
+        lastWeek(): string;
+        sameElse: string;
+    };
+    relativeTime: {
+        future: string;
+        past: string;
+        s: string;
+        m: string;
+        mm: string;
+        h: string;
+        hh: string;
+        d: string;
+        dd: string;
+        M: string;
+        MM: string;
+        y: string;
+        yy: string;
+    };
+    ordinal: string;
+};
+/** Functions used insed index.jsx */
+declare function getCalendarCssClass({ unpadding, drawGridLines, customClass, colorStyle, }: {
+    unpadding: boolean;
+    drawGridLines: boolean;
+    customClass: string | undefined;
+    colorStyle: ColorStyles | undefined;
+}): string;
+declare function validDate(date: Moment): moment.Moment;
+/** Functions used inside Day Component */
+declare function getDayContainerCssClass(currentDate: Moment, day: Moment): string;
+declare function getDayCssClass(currentDate: Moment, day: Moment): string;
+declare const CalendarContext: React__default.Context<ICalendarProps>;
+
+export { CalendarContext, dateIsEquals, dayNames, dayOutOfCurrentMonth, getCalendarCssClass, getDayContainerCssClass, getDayCssClass, getPtBrLocale, getStartOfMonth, getStartOfWeek, validDate };

package/lib/calendar/base/helpers.js

@@ -19,9 +19,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _moment = _interopRequireDefault(require("moment"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-_moment["default"].locale('pt-br');
+_moment.default.locale('pt-br');
 
 function getStartOf(date, unit) {
   return date.startOf(unit);
@@ -40,7 +40,7 @@ function getStartOfMonth(date) {
 }
 
 function dateIsEquals(date1, date2) {
-  return (0, _moment["default"])(date1.format('YYYY-MM-DD')).isSame(date2.format('YYYY-MM-DD'));
+  return (0, _moment.default)(date1.format('YYYY-MM-DD')).isSame(date2.format('YYYY-MM-DD'));
 }
 
 function dayOutOfCurrentMonth(currentDate, comparedDay) {
@@ -67,7 +67,7 @@ function getPtBrLocale() {
       nextWeek: 'dddd [às] LT',
       lastDay: '[Ontem às] LT',
       lastWeek: function lastWeek() {
-        return this.day() === 0 || this.day() === 6 ? '[Último] dddd [às] LT' : // Saturday + Sunday
+        return this.sameDay === '0' || this.sameDay === '6' ? '[Último] dddd [às] LT' : // Saturday + Sunday
         '[Última] dddd [às] LT'; // Monday - Friday
       },
       sameElse: 'L'
@@ -99,18 +99,18 @@ function getCalendarCssClass(_ref) {
       customClass = _ref.customClass,
       colorStyle = _ref.colorStyle;
   var cssClass = "calendar-component ".concat(customClass);
-  cssClass += colorStyle !== '' ? " -".concat(colorStyle) : '';
+  cssClass += " -".concat(colorStyle);
   cssClass += unpadding ? ' -unpadding' : '';
   cssClass += drawGridLines ? ' -draw-grid-lines' : '';
   return cssClass;
 }
 
 function validDate(date) {
-  if ((0, _moment["default"])(date).format() !== 'Invalid date') {
+  if ((0, _moment.default)(date).format() !== 'Invalid date') {
     return date;
   }
 
-  return (0, _moment["default"])();
+  return (0, _moment.default)();
 }
 /** Functions used inside Day Component */
 
@@ -123,11 +123,11 @@ function getDayContainerCssClass(currentDate, day) {
 
 function getDayCssClass(currentDate, day) {
   var cssClass = 'daybutton ';
-  cssClass += dateIsEquals((0, _moment["default"])(), day) ? '-nowday ' : '';
+  cssClass += dateIsEquals((0, _moment.default)(), day) ? '-nowday ' : '';
   cssClass += dayOutOfCurrentMonth(currentDate, day) ? '-outmonth' : '';
   return cssClass;
 }
 
-var CalendarContext = /*#__PURE__*/_react["default"].createContext();
+var CalendarContext = /*#__PURE__*/_react.default.createContext({});
 
 exports.CalendarContext = CalendarContext;

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

@@ -1,33 +1,29 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _moment = _interopRequireDefault(require("moment"));
 
 var _Month = _interopRequireDefault(require("./Month"));
 
 var _buttons = _interopRequireDefault(require("../../buttons"));
 
-var _colorStyles = _interopRequireDefault(require("../../internals/colorStyles"));
-
 var _helpers = require("./helpers");
 
 require("../../assets/styles/calendar.scss");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -42,79 +38,80 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var Calendar = function Calendar(props) {
-  var _useState = (0, _react.useState)((0, _helpers.validDate)(props.currentDate)),
+  var _props$currentDate = props.currentDate,
+      currentDate = _props$currentDate === void 0 ? (0, _moment.default)() : _props$currentDate,
+      onDateChange = props.onDateChange,
+      _props$drawGridLines = props.drawGridLines,
+      drawGridLines = _props$drawGridLines === void 0 ? false : _props$drawGridLines,
+      colorStyle = props.colorStyle,
+      _props$unpadding = props.unpadding,
+      unpadding = _props$unpadding === void 0 ? false : _props$unpadding,
+      customClass = props.customClass;
+
+  var _useState = (0, _react.useState)((0, _helpers.validDate)(currentDate)),
       _useState2 = _slicedToArray(_useState, 2),
-      currentDate = _useState2[0],
-      setCurrentDate = _useState2[1];
+      dataAtual = _useState2[0],
+      setDataAtual = _useState2[1];
 
   (0, _react.useEffect)(function () {
-    setCurrentDate((0, _helpers.validDate)(props.currentDate));
-  }, [props.currentDate]);
+    setDataAtual((0, _helpers.validDate)(currentDate));
+  }, []);
 
-  var onDateChange = function onDateChange(date) {
-    if (props.onDateChange) props.onDateChange(date);
-    setCurrentDate(date);
+  var onDateChangeFunction = function onDateChangeFunction(date) {
+    if (onDateChange) onDateChange(date);
+    setDataAtual(date);
   };
 
   var previousMonth = function previousMonth() {
-    var currentDateClone = currentDate.clone();
-    setCurrentDate(currentDateClone.subtract(1, 'month'));
+    var currentDateClone = dataAtual.clone();
+    setDataAtual(currentDateClone.subtract(1, 'month'));
   };
 
   var nextMonth = function nextMonth() {
-    var currentDateClone = currentDate.clone();
-    setCurrentDate(currentDateClone.add(1, 'month'));
+    var currentDateClone = dataAtual.clone();
+    setDataAtual(currentDateClone.add(1, 'month'));
   };
 
   var contextValues = {
-    handleDateChange: onDateChange
+    handleDateChange: onDateChangeFunction
   };
-  return /*#__PURE__*/_react["default"].createElement(_helpers.CalendarContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_helpers.CalendarContext.Provider, {
     value: contextValues
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _helpers.getCalendarCssClass)(props)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers.getCalendarCssClass)({
+      unpadding: unpadding,
+      drawGridLines: drawGridLines,
+      customClass: customClass,
+      colorStyle: colorStyle
+    })
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "calendarheader"
-  }, /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     iconName: "arrow_left",
     boxShadow: false,
     onClick: function onClick() {
       previousMonth();
     },
     customClass: "navbutton"
-  }), /*#__PURE__*/_react["default"].createElement("span", {
+  }), /*#__PURE__*/_react.default.createElement("span", {
     className: "monthname"
-  }, currentDate.format('MMMM YYYY')), /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+  }, dataAtual.format('MMMM YYYY')), /*#__PURE__*/_react.default.createElement(_buttons.default, {
     boxShadow: false,
     iconName: "arrow_right",
     onClick: function onClick() {
       nextMonth();
     },
     customClass: "navbutton"
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "daynames"
   }, (0, _helpers.dayNames)().map(function (name) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: "day-".concat(name)
     }, name);
-  })), /*#__PURE__*/_react["default"].createElement(_Month["default"], {
-    currentDate: currentDate
+  })), /*#__PURE__*/_react.default.createElement(_Month.default, {
+    currentDate: dataAtual
   })));
 };
 
-Calendar.propTypes = {
-  currentDate: _propTypes["default"].object,
-  drawGridLines: _propTypes["default"].bool,
-  unpadding: _propTypes["default"].bool,
-  onDateChange: _propTypes["default"].func,
-  colorStyle: _propTypes["default"].oneOf(['', _colorStyles["default"].PRIMARY, _colorStyles["default"].SUCCESS, _colorStyles["default"].WARNING, _colorStyles["default"].INFO, _colorStyles["default"].DANGER])
-};
-Calendar.defaultProps = {
-  currentDate: (0, _moment["default"])(),
-  drawGridLines: false,
-  unpadding: false,
-  onDateChange: undefined,
-  colorStyle: ''
-};
 var _default = Calendar;
-exports["default"] = _default;
+exports.default = _default;

package/lib/calendar/index.d.ts

@@ -0,0 +1,10 @@
+import Calendar from './base/index.js';
+export { default } 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';

package/lib/calendar/index.js

@@ -6,34 +6,34 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "DangerCalendar", {
   enumerable: true,
   get: function get() {
-    return _DangerCalendar["default"];
+    return _DangerCalendar.default;
   }
 });
 Object.defineProperty(exports, "InfoCalendar", {
   enumerable: true,
   get: function get() {
-    return _InfoCalendar["default"];
+    return _InfoCalendar.default;
   }
 });
 Object.defineProperty(exports, "PrimaryCalendar", {
   enumerable: true,
   get: function get() {
-    return _PrimaryCalendar["default"];
+    return _PrimaryCalendar.default;
   }
 });
 Object.defineProperty(exports, "SuccessCalendar", {
   enumerable: true,
   get: function get() {
-    return _SuccessCalendar["default"];
+    return _SuccessCalendar.default;
   }
 });
 Object.defineProperty(exports, "WarningCalendar", {
   enumerable: true,
   get: function get() {
-    return _WarningCalendar["default"];
+    return _WarningCalendar.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _base = _interopRequireDefault(require("./base"));
 
@@ -47,7 +47,7 @@ var _WarningCalendar = _interopRequireDefault(require("./WarningCalendar"));
 
 var _InfoCalendar = _interopRequireDefault(require("./InfoCalendar"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = _base["default"];
-exports["default"] = _default;
+var _default = _base.default;
+exports.default = _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.d.ts

@@ -0,0 +1,11 @@
+import { ICheckBoxProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+
+declare const _default: {
+    (props: ICheckBoxProps): JSX.Element;
+    displayName: string;
+};
+
+export { _default as default };

package/lib/checkbox/Label.js

@@ -3,35 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Label = function Label(_ref) {
   var label = _ref.label,
-      targetRef = _ref.targetRef;
-  return /*#__PURE__*/_react["default"].createElement("span", {
+      targetSpanRef = _ref.targetSpanRef;
+  return /*#__PURE__*/_react.default.createElement("span", {
     className: "description",
     ref: function ref(r) {
-      return targetRef && targetRef(r);
+      if (targetSpanRef) targetSpanRef(r);
     }
   }, label);
 };
 
-Label.propTypes = {
-  label: _propTypes["default"].string.isRequired,
-  targetRef: _propTypes["default"].func
-};
-Label.defaultProps = {
-  targetRef: undefined
-};
-
-var _default = (0, _withTooltip["default"])(Label);
+var _default = (0, _withTooltip.default)(Label);
 
-exports["default"] = _default;
+exports.default = _default;

package/lib/checkbox/index.d.ts

@@ -0,0 +1,13 @@
+import { ICheckBoxProps } from './types.js';
+import 'react';
+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: ({ name, required, value, label, onChange, autofocus, hint, id, gridLayout, checked, disabled, permissionAttr, tooltip, tooltipPosition, tooltipWidth, skeletonize, targetRef, }: ICheckBoxProps) => JSX.Element | null;
+
+export { CheckBox as default };