@startlibs/form 1.0.3 → 1.0.5

package/lib/index.js

@@ -3537,7 +3537,6 @@ function (_React$Component) {
       setTimeout(function () {
         return window.dispatchEvent(event);
       }, 1);
-      console.log(this.el, this.el.innerHTML);
 
       if (this.el.innerHTML === '<br>' || !this.el.innerHTML) {
         this.props.onChange(this.props.index, '');
@@ -4586,6 +4585,16 @@ CheckboxGroup.createCheckManager = function () {
   };
 };
 
+function _templateObject3$3() {
+  var data = _taggedTemplateLiteral(["\n      font-size: 13px;  \n    "]);
+
+  _templateObject3$3 = function _templateObject3() {
+    return data;
+  };
+
+  return data;
+}
+
 function _templateObject2$3() {
   var data = _taggedTemplateLiteral(["\n    line-height: 42px;\n    width: 2.25rem;\n  "]);
 
@@ -4671,6 +4680,14 @@ var ClearButton = styled(Icon).withConfig({
   displayName: "DatePicker__ClearButton",
   componentId: "sc-1wo8j4d-12"
 })(["color:", ";font-size:12px;position:absolute;right:40px;bottom:0;transform:translateY(-50%);cursor:pointer;width:1.5rem;line-height:1.5rem;text-align:center;border-radius:50%;background:rgba(0,0,0,0.1);:hover{background:#f7d3d4;color:", ";}"], getColor('gray90'), getColor('alert'));
+var InputAndIconWrapper = styled.div.withConfig({
+  displayName: "DatePicker__InputAndIconWrapper",
+  componentId: "sc-1wo8j4d-13"
+})(["position:relative;"]);
+var ShortcutsWrapper = styled.div.withConfig({
+  displayName: "DatePicker__ShortcutsWrapper",
+  componentId: "sc-1wo8j4d-14"
+})(["display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0.25rem 0;color:", ";.link{cursor:pointer;font-weight:600;text-decoration:underline;", ":hover{color:", ";}", "}"], getColor('gray150'), media.mobile(_templateObject3$3()), getColor('main'), ifProp('disabled', css$1(["pointer-events:none;opacity:0.5;"])));
 
 var KeyMapper = function KeyMapper(level) {
   var upDownSpacing = level === CALENDAR_LEVEL_DAY ? 7 : 3;
@@ -4723,7 +4740,9 @@ var DatePicker = forwardRef(function (_ref, maybeInputRef) {
       raw = _ref.raw,
       disabled = _ref.disabled,
       level = _ref.level,
-      rest = _objectWithoutProperties(_ref, ["format", "min", "max", "weekStartsMonday", "label", "mandatory", "tabIndex", "helpText", "path", "timezoneOffset", "placeholder", "onBlur", "raw", "disabled", "level"]);
+      daysFromNowShortcuts = _ref.daysFromNowShortcuts,
+      monthsFromNowShortcuts = _ref.monthsFromNowShortcuts,
+      rest = _objectWithoutProperties(_ref, ["format", "min", "max", "weekStartsMonday", "label", "mandatory", "tabIndex", "helpText", "path", "timezoneOffset", "placeholder", "onBlur", "raw", "disabled", "level", "daysFromNowShortcuts", "monthsFromNowShortcuts"]);
 
   var inputRef = useEnsureRef(maybeInputRef);
 
@@ -4764,6 +4783,21 @@ var DatePicker = forwardRef(function (_ref, maybeInputRef) {
       }, 1);
     }
   }, [textValue]);
+  var isShortcutsEnabled = daysFromNowShortcuts && daysFromNowShortcuts.length > 0 || monthsFromNowShortcuts && monthsFromNowShortcuts.length > 0;
+
+  var setDateToNDaysFromNow = function setDateToNDaysFromNow(daysFromNow) {
+    var date = new Date(now());
+    date.setUTCDate(date.getUTCDate() + daysFromNow);
+    setFormValue(date.getTime());
+    updateText(date);
+  };
+
+  var setDateToNMonthsFromNow = function setDateToNMonthsFromNow(monthsFromNow) {
+    var date = new Date(now());
+    date.setUTCMonth(date.getUTCMonth() + monthsFromNow);
+    setFormValue(date.getTime());
+    updateText(date);
+  };
 
   var setTextValue = function setTextValue(textValue) {
     var value = formValue === -1 || isNaN(formValue) ? now() : new Date(Number(formValue));
@@ -4884,7 +4918,7 @@ var DatePicker = forwardRef(function (_ref, maybeInputRef) {
     onClick: onClick,
     onFocus: popup.open,
     onBlur: _onBlur
-  }, React.createElement(TextInput$1, {
+  }, React.createElement(InputAndIconWrapper, null, React.createElement(TextInput$1, {
     raw: true,
     disabled: disabled,
     type: getNumberInputType(),
@@ -4901,8 +4935,27 @@ var DatePicker = forwardRef(function (_ref, maybeInputRef) {
     onFocus: stopFocusPropagation,
     disabled: disabled,
     onClick: iconClick,
-    icon: "calendar"
-  }), popup.isOpen && React.createElement(DatePickerCalendar, {
+    icon: "calendar",
+    className: isShortcutsEnabled ? "hasShortcuts" : ""
+  })), (daysFromNowShortcuts === null || daysFromNowShortcuts === void 0 ? void 0 : daysFromNowShortcuts.length) > 0 || (monthsFromNowShortcuts === null || monthsFromNowShortcuts === void 0 ? void 0 : monthsFromNowShortcuts.length) > 0 ? React.createElement(ShortcutsWrapper, null, React.createElement("span", null, "Em:"), daysFromNowShortcuts.map(function (daysFromNow) {
+    return React.createElement("span", {
+      class: "link",
+      key: "days-from-now-".concat(daysFromNow),
+      onClick: function onClick() {
+        return setDateToNDaysFromNow(daysFromNow);
+      },
+      disabled: disabled
+    }, daysFromNow, " dia", daysFromNow > 1 ? 's' : '');
+  }), monthsFromNowShortcuts.map(function (monthsFromNow) {
+    return React.createElement("span", {
+      class: "link",
+      key: "months-from-now".concat(monthsFromNow),
+      onClick: function onClick() {
+        return setDateToNMonthsFromNow(monthsFromNow);
+      },
+      disabled: disabled
+    }, monthsFromNow, " ", monthsFromNow > 1 ? 'meses' : 'mês');
+  })) : null, popup.isOpen && React.createElement(DatePickerCalendar, {
     raw: true,
     min: min,
     max: max,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startlibs/form",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Startlibs Form",
   "main": "lib/index.js",
   "sideEffects": false,