@bigbinary/neetoui 6.3.0 → 6.3.2

package/index.js

@@ -1,7 +1,7 @@
 import * as React$3 from 'react';
 import React__default, { createContext, useLayoutEffect, useEffect, useContext, useRef, useInsertionEffect as useInsertionEffect$1, useCallback, useMemo, forwardRef as forwardRef$1, createElement, useId as useId$1, useState, cloneElement as cloneElement$1, Children, isValidElement, useSyncExternalStore, memo as memo$1, Component, Fragment } from 'react';
 import { isEmpty, equals, complement, toPairs, pipe as pipe$1, omit, isNil, mergeLeft, replace as replace$2, assoc, pluck, prop, flatten, move, has as has$b, props } from 'ramda';
-import { Right, Down, Close, Info, Focus, Left, Calendar, Clock as Clock$1, Check, UpArrow, DownArrow, MenuHorizontal, CheckCircle, Warning, CloseCircle } from '@bigbinary/neeto-icons';
+import { Right, Down, Close, Help, Focus, Left, Calendar, Clock as Clock$1, Check, UpArrow, DownArrow, MenuHorizontal, CheckCircle, Warning, CloseCircle, Info } from '@bigbinary/neeto-icons';
 import { preprocessForSerialization, isPresent, isNotPresent, _existsBy, noop as noop$5, camelToSnakeCase, modifyBy, snakeToCamelCase, dynamicArray } from '@bigbinary/neeto-cist';
 import require$$0 from 'util';
 import { Link, useLocation, useHistory, NavLink } from 'react-router-dom';
@@ -20835,7 +20835,7 @@ var Label = function Label(_ref) {
     tooltipProps = _ref2.tooltipProps,
     helpIconClassName = _ref2.className,
     otherHelpIconProps = _objectWithoutProperties$1(_ref2, _excluded2$3);
-  var HelpIcon = icon || Info;
+  var HelpIcon = icon || Help;
   return /*#__PURE__*/React__default.createElement("label", _extends$4({
     className: classnames$1("neeto-ui-label neeto-ui-flex neeto-ui-items-center", className)
   }, otherProps), children, required && /*#__PURE__*/React__default.createElement("span", {
@@ -20843,8 +20843,8 @@ var Label = function Label(_ref) {
   }, "*"), helpIconProps && /*#__PURE__*/React__default.createElement(Tooltip, _extends$4({}, tooltipProps, {
     disabled: !tooltipProps
   }), /*#__PURE__*/React__default.createElement("span", {
-    className: classnames$1("neeto-ui-label__help-icon-wrap", _defineProperty$7({}, helpIconClassName, helpIconClassName)),
-    onClick: onClick
+    onClick: onClick,
+    className: classnames$1("neeto-ui-label__help-icon-wrap", _defineProperty$7({}, helpIconClassName, helpIconClassName))
   }, /*#__PURE__*/React__default.createElement(HelpIcon, _extends$4({
     size: 16
   }, otherHelpIconProps)))));
@@ -22650,7 +22650,7 @@ var ColorPicker = function ColorPicker(_ref) {
   }, /*#__PURE__*/React__default.createElement(Palette, colorPaletteProps))));
 };
 
-var _excluded$w = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "timeFormat", "onChange", "onOk", "picker", "showTime", "type", "nakedInput", "error", "defaultValue", "value", "labelProps", "required", "allowClear"];
+var _excluded$w = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "timeFormat", "onChange", "onOk", "picker", "mode", "showTime", "type", "nakedInput", "error", "defaultValue", "value", "labelProps", "required", "allowClear"];
 function ownKeys$m(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$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var INPUT_SIZES$2 = {
@@ -22672,43 +22672,59 @@ var IconOverride = function IconOverride(_ref) {
     size: 20
   }));
 };
-var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
-  var _ref2$className = _ref2.className,
-    className = _ref2$className === void 0 ? "" : _ref2$className,
-    _ref2$label = _ref2.label,
-    label = _ref2$label === void 0 ? "" : _ref2$label,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? INPUT_SIZES$2.medium : _ref2$size,
-    _ref2$dropdownClassNa = _ref2.dropdownClassName,
-    dropdownClassName = _ref2$dropdownClassNa === void 0 ? "" : _ref2$dropdownClassNa,
-    _ref2$popupClassName = _ref2.popupClassName,
-    popupClassName = _ref2$popupClassName === void 0 ? "" : _ref2$popupClassName,
-    _ref2$dateFormat = _ref2.dateFormat,
-    dateFormat = _ref2$dateFormat === void 0 ? "DD/MM/YYYY" : _ref2$dateFormat,
-    _ref2$timeFormat = _ref2.timeFormat,
-    timeFormat = _ref2$timeFormat === void 0 ? "HH:mm:ss" : _ref2$timeFormat,
-    _ref2$onChange = _ref2.onChange,
-    onChange = _ref2$onChange === void 0 ? noop$3 : _ref2$onChange,
-    _ref2$onOk = _ref2.onOk,
-    onOk = _ref2$onOk === void 0 ? noop$3 : _ref2$onOk,
-    _ref2$picker = _ref2.picker,
-    picker = _ref2$picker === void 0 ? "date" : _ref2$picker,
-    _ref2$showTime = _ref2.showTime,
-    showTime = _ref2$showTime === void 0 ? false : _ref2$showTime,
-    _ref2$type = _ref2.type,
-    type = _ref2$type === void 0 ? "date" : _ref2$type,
-    _ref2$nakedInput = _ref2.nakedInput,
-    nakedInput = _ref2$nakedInput === void 0 ? false : _ref2$nakedInput,
-    _ref2$error = _ref2.error,
-    error = _ref2$error === void 0 ? "" : _ref2$error,
-    defaultValue = _ref2.defaultValue,
-    value = _ref2.value,
-    labelProps = _ref2.labelProps,
-    _ref2$required = _ref2.required,
-    required = _ref2$required === void 0 ? false : _ref2$required,
-    _ref2$allowClear = _ref2.allowClear,
-    allowClear = _ref2$allowClear === void 0 ? true : _ref2$allowClear,
-    otherProps = _objectWithoutProperties$1(_ref2, _excluded$w);
+var Today = function Today(_ref2) {
+  var onClick = _ref2.onClick;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "text-center"
+  }, /*#__PURE__*/React__default.createElement("button", {
+    onClick: onClick,
+    className: "neeto-ui-rounded-md hover:neeto-ui-bg-gray-200 px-2 py-1 text-xs font-medium transition duration-300 ease-in-out",
+    "data-cy": "year-month-mode-today"
+  }, "Today"));
+};
+var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref3, ref) {
+  var _ref3$className = _ref3.className,
+    className = _ref3$className === void 0 ? "" : _ref3$className,
+    _ref3$label = _ref3.label,
+    label = _ref3$label === void 0 ? "" : _ref3$label,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? INPUT_SIZES$2.medium : _ref3$size,
+    _ref3$dropdownClassNa = _ref3.dropdownClassName,
+    dropdownClassName = _ref3$dropdownClassNa === void 0 ? "" : _ref3$dropdownClassNa,
+    _ref3$popupClassName = _ref3.popupClassName,
+    popupClassName = _ref3$popupClassName === void 0 ? "" : _ref3$popupClassName,
+    _ref3$dateFormat = _ref3.dateFormat,
+    dateFormat = _ref3$dateFormat === void 0 ? "DD/MM/YYYY" : _ref3$dateFormat,
+    _ref3$timeFormat = _ref3.timeFormat,
+    timeFormat = _ref3$timeFormat === void 0 ? "HH:mm:ss" : _ref3$timeFormat,
+    _ref3$onChange = _ref3.onChange,
+    onChange = _ref3$onChange === void 0 ? noop$3 : _ref3$onChange,
+    _ref3$onOk = _ref3.onOk,
+    onOk = _ref3$onOk === void 0 ? noop$3 : _ref3$onOk,
+    _ref3$picker = _ref3.picker,
+    picker = _ref3$picker === void 0 ? "date" : _ref3$picker,
+    _ref3$mode = _ref3.mode,
+    inputMode = _ref3$mode === void 0 ? "date" : _ref3$mode,
+    _ref3$showTime = _ref3.showTime,
+    showTime = _ref3$showTime === void 0 ? false : _ref3$showTime,
+    _ref3$type = _ref3.type,
+    type = _ref3$type === void 0 ? "date" : _ref3$type,
+    _ref3$nakedInput = _ref3.nakedInput,
+    nakedInput = _ref3$nakedInput === void 0 ? false : _ref3$nakedInput,
+    _ref3$error = _ref3.error,
+    error = _ref3$error === void 0 ? "" : _ref3$error,
+    defaultValue = _ref3.defaultValue,
+    value = _ref3.value,
+    labelProps = _ref3.labelProps,
+    _ref3$required = _ref3.required,
+    required = _ref3$required === void 0 ? false : _ref3$required,
+    _ref3$allowClear = _ref3.allowClear,
+    allowClear = _ref3$allowClear === void 0 ? true : _ref3$allowClear,
+    otherProps = _objectWithoutProperties$1(_ref3, _excluded$w);
+  var _useState = useState(inputMode),
+    _useState2 = _slicedToArray$3(_useState, 2),
+    mode = _useState2[0],
+    setMode = _useState2[1];
   var id = useId(otherProps.id);
   var datePickerRef = useSyncedRef(ref);
   var Component = datePickerTypes[type === null || type === void 0 ? void 0 : type.toLowerCase()];
@@ -22717,6 +22733,17 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
   var handleOnChange = function handleOnChange(date, dateString) {
     type === "range" && !date ? onChange([], dateString) : onChange(date, dateString);
   };
+  var renderExtraFooter = function renderExtraFooter() {
+    if (type === "range" || mode === "date") return null;
+    return /*#__PURE__*/React__default.createElement(Today, {
+      onClick: function onClick() {
+        setMode("date");
+        setTimeout(function () {
+          document.querySelector(".ant-picker-today-btn").click();
+        });
+      }
+    });
+  };
   return /*#__PURE__*/React__default.createElement(_ConfigProvider, {
     theme: {
       token: _objectSpread$l({}, ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
@@ -22773,9 +22800,6 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
   }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread$l({
     required: required
   }, labelProps), label), /*#__PURE__*/React__default.createElement(Component, _extends$4({
-    format: format,
-    onOk: onOk,
-    picker: picker,
     "data-cy": label ? "".concat(hyphenize(label), "-input") : "picker-input",
     defaultValue: convertToDayjsObjects(defaultValue),
     ref: datePickerRef,
@@ -22795,7 +22819,17 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
     // Will be removed in the next major version
     popupClassName]),
     onChange: handleOnChange
-  }, otherProps, {
+  }, _objectSpread$l(_objectSpread$l({
+    format: format,
+    onOk: onOk,
+    picker: picker
+  }, otherProps), type === "date" && {
+    mode: mode,
+    renderExtraFooter: renderExtraFooter,
+    onPanelChange: function onPanelChange(_, mode) {
+      return setMode(mode);
+    }
+  }), {
     nextIcon: /*#__PURE__*/React__default.createElement(IconOverride, {
       icon: Right
     }),