@capillarytech/blaze-ui 5.1.18 → 5.2.0

package/CapDateTimePicker/index.js

@@ -2973,24 +2973,6 @@ var _default = exports["default"] = SvgCircleDollar;
 
 /***/ }),
 
-/***/ 19224:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports["default"] = logDeprecationWarning;
-var _isNil = _interopRequireDefault(__webpack_require__(69843));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function logDeprecationWarning(componentName, deprecatedPropName, deprecatedPropValue, replacementPropName) {
-  // @ts-ignore - process.env is provided by webpack/build tools
-  if (false) // removed by dead control flow
-{}
-}
-
-/***/ }),
-
 /***/ 19561:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -3774,7 +3756,7 @@ var _default = exports["default"] = SvgFile;
 
 
 exports.__esModule = true;
-exports.TIME_UNITS = exports.FORMAT_TOKENS = exports.DEFAULT_TIMEZONE = void 0;
+exports.TIME_UNITS = exports.FORMAT_TOKENS = void 0;
 exports.dayjsToMoment = dayjsToMoment;
 exports["default"] = void 0;
 exports.hasMomentTimezoneSupport = hasMomentTimezoneSupport;
@@ -3970,8 +3952,6 @@ const FORMAT_TOKENS = exports.FORMAT_TOKENS = {
   MONTH_FULL: 'MMMM',
   YEAR: 'YYYY',
   YEAR_SHORT: 'YY',
-  // Cap UI datetime picker format (DD-MM-YYYY | HH:mm)
-  DATE_TIME: 'DD-MM-YYYY | HH:mm',
   // Localized formats
   DATE_LOCALIZED_SHORT: 'l',
   DATETIME_LOCALIZED_SHORT: 'll',
@@ -3982,7 +3962,6 @@ const FORMAT_TOKENS = exports.FORMAT_TOKENS = {
   DATETIME_LOCALIZED_LONG_TIME: 'LLL',
   DATETIME_LOCALIZED_LONG_TIME_WEEKDAY: 'LLLL'
 };
-const DEFAULT_TIMEZONE = exports.DEFAULT_TIMEZONE = 'Asia/Kolkata';
 function logDevError(message, error) {
   if (false) // removed by dead control flow
 {}
@@ -5363,6 +5342,14 @@ exports.scope = exports["default"] = void 0;
 var _reactIntl = __webpack_require__(46407);
 const scope = exports.scope = 'app.commonUtils.capUiLibrary.capDateTimePicker';
 var _default = exports["default"] = (0, _reactIntl.defineMessages)({
+  selectDateAndTime: {
+    id: scope + ".selectDateAndTime",
+    defaultMessage: 'Select date & time'
+  },
+  selectButton: {
+    id: scope + ".selectButton",
+    defaultMessage: 'Select'
+  },
   selectDateTimePlaceHolder: {
     id: scope + ".selectDateTimePlaceHolder",
     defaultMessage: 'Select date | time'
@@ -7813,11 +7800,24 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.cap-date-time-picker__calendar-icon{color:#091e42}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:1.142rem;padding:.571rem 1.142rem .857rem 1.142rem}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-ok{order:0;margin-inline-start:0}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-ok>button{background:#47af46;border:none;border-radius:.285rem;padding:0 2rem;height:2.285rem;line-height:2.285rem;font-weight:500;color:#fff;box-shadow:none}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-ok>button>span{display:none}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-ok>button::after{content:"Select";font-size:1rem}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-ok>button:disabled{background:#a1d8a0;cursor:not-allowed}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-now{order:1}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-now>a{font-size:0;font-weight:500;color:#2466ea}.cap-date-time-picker__calendar-popup .ant-picker-footer .ant-picker-ranges .ant-picker-now>a::after{content:"Today";font-size:1rem;vertical-align:sub}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-date-time-picker__calendar-icon{color:#091e42}.cap-date-time-picker .ant-calendar-picker-input:hover,.cap-date-time-picker .ant-calendar-picker-input:focus{border-color:#dfe2e7 !important;box-shadow:none !important}.cap-date-time-picker:hover .ant-calendar-picker-input{border-color:#dfe2e7 !important;box-shadow:none !important}.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn,.calendar-popup .ant-calendar-ok-btn{order:0}.cap-date-time-picker .calendar-popup .ant-calendar-today-btn,.calendar-popup .ant-calendar-today-btn{order:1}.cap-date-time-picker .calendar-popup .ant-calendar-time-picker-btn,.calendar-popup .ant-calendar-time-picker-btn{order:2}.cap-date-time-picker .calendar-popup .ant-calendar-today .ant-calendar-date,.calendar-popup .ant-calendar-today .ant-calendar-date{border-radius:50%;color:#1890ff;border-color:#1890ff;font-weight:500}.cap-date-time-picker .calendar-popup .ant-calendar-date:hover,.calendar-popup .ant-calendar-date:hover{background:#1890ff;border-color:#1890ff;color:#fff;border-radius:50%}.cap-date-time-picker .calendar-popup .ant-calendar-selected-day .ant-calendar-date,.calendar-popup .ant-calendar-selected-day .ant-calendar-date{background:#1890ff;border-color:#1890ff;color:#fff;border-radius:50%}.cap-date-time-picker .calendar-popup .ant-calendar-selected-day.ant-calendar-today .ant-calendar-date,.calendar-popup .ant-calendar-selected-day.ant-calendar-today .ant-calendar-date{background:#1890ff !important;border-color:#1890ff !important;color:#fff !important}.cap-date-time-picker .calendar-popup .ant-calendar-footer,.calendar-popup .ant-calendar-footer{padding:.857rem 1.142rem;border-top:.063rem solid #ebecf0;min-width:0}.cap-date-time-picker .calendar-popup .ant-calendar-footer-btn,.calendar-popup .ant-calendar-footer-btn{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:1.142rem;flex-wrap:nowrap;white-space:nowrap;min-width:0}.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn,.calendar-popup .ant-calendar-ok-btn{font-size:0 !important;background:#47af46;border:none;border-radius:.285rem;padding:0 2rem;height:2.285rem;line-height:2.285rem;font-weight:500;color:#fff;flex-shrink:0;white-space:nowrap}.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn::after,.calendar-popup .ant-calendar-ok-btn::after{content:"Select";font-size:1rem}.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn:not(.ant-calendar-ok-btn-disabled):not([disabled]):hover,.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn:not(.ant-calendar-ok-btn-disabled):not([disabled]):focus,.calendar-popup .ant-calendar-ok-btn:not(.ant-calendar-ok-btn-disabled):not([disabled]):hover,.calendar-popup .ant-calendar-ok-btn:not(.ant-calendar-ok-btn-disabled):not([disabled]):focus{background:#47af46;color:#fff;box-shadow:none}.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn-disabled,.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn[disabled],.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn-disabled:hover,.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn-disabled:focus,.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn[disabled]:hover,.cap-date-time-picker .calendar-popup .ant-calendar-ok-btn[disabled]:focus,.calendar-popup .ant-calendar-ok-btn-disabled,.calendar-popup .ant-calendar-ok-btn[disabled],.calendar-popup .ant-calendar-ok-btn-disabled:hover,.calendar-popup .ant-calendar-ok-btn-disabled:focus,.calendar-popup .ant-calendar-ok-btn[disabled]:hover,.calendar-popup .ant-calendar-ok-btn[disabled]:focus{background:#a1d8a0 !important;color:#fff !important;cursor:not-allowed;box-shadow:none !important}.cap-date-time-picker .calendar-popup .ant-calendar-today-btn,.cap-date-time-picker .calendar-popup .ant-calendar-time-picker-btn,.calendar-popup .ant-calendar-today-btn,.calendar-popup .ant-calendar-time-picker-btn{background:rgba(0,0,0,0);border:none;margin:0 !important;padding:0;height:2.285rem;line-height:2.285rem;display:inline-flex;align-items:center;font-size:1rem;font-weight:500;color:#2466ea;flex-shrink:0;white-space:nowrap}.cap-date-time-picker .calendar-popup .ant-calendar-time-picker-btn-disabled,.calendar-popup .ant-calendar-time-picker-btn-disabled{color:#c2c2c2 !important;cursor:not-allowed}.cap-date-time-picker .calendar-popup .ant-calendar-today-btn,.calendar-popup .ant-calendar-today-btn{font-size:0 !important}.cap-date-time-picker .calendar-popup .ant-calendar-today-btn::after,.calendar-popup .ant-calendar-today-btn::after{content:"Today";font-size:1rem}.cap-date-time-picker .calendar-popup .ant-calendar-time-picker-btn,.calendar-popup .ant-calendar-time-picker-btn{font-size:0 !important}.cap-date-time-picker .calendar-popup .ant-calendar-time-picker-btn::after,.calendar-popup .ant-calendar-time-picker-btn::after{content:"Select time";font-size:1rem}.cap-date-time-picker .calendar-popup .ant-calendar-time-picker-cell-selected,.calendar-popup .ant-calendar-time-picker-cell-selected{background:#e9f0fe;font-weight:500}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-date-time-picker__calendar-icon": `cap-date-time-picker__calendar-icon`,
-	"cap-date-time-picker__calendar-popup": `cap-date-time-picker__calendar-popup`
+	"cap-date-time-picker": `cap-date-time-picker`,
+	"ant-calendar-picker-input": `ant-calendar-picker-input`,
+	"calendar-popup": `calendar-popup`,
+	"ant-calendar-ok-btn": `ant-calendar-ok-btn`,
+	"ant-calendar-today-btn": `ant-calendar-today-btn`,
+	"ant-calendar-time-picker-btn": `ant-calendar-time-picker-btn`,
+	"ant-calendar-today": `ant-calendar-today`,
+	"ant-calendar-date": `ant-calendar-date`,
+	"ant-calendar-selected-day": `ant-calendar-selected-day`,
+	"ant-calendar-footer": `ant-calendar-footer`,
+	"ant-calendar-footer-btn": `ant-calendar-footer-btn`,
+	"ant-calendar-ok-btn-disabled": `ant-calendar-ok-btn-disabled`,
+	"ant-calendar-time-picker-btn-disabled": `ant-calendar-time-picker-btn-disabled`,
+	"ant-calendar-time-picker-cell-selected": `ant-calendar-time-picker-cell-selected`
 };
 module.exports = ___CSS_LOADER_EXPORT___;
 
@@ -11252,6 +11252,14 @@ var _default = exports["default"] = SvgWechatOutline;
 
 /***/ }),
 
+/***/ 61545:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("antd/lib/date-picker/style/css");
+
+/***/ }),
+
 /***/ 61779:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -11577,14 +11585,6 @@ var _default = exports["default"] = SvgDisneyHotstar;
 
 /***/ }),
 
-/***/ 64273:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("antd-v5");
-
-/***/ }),
-
 /***/ 64284:
 /***/ ((module) => {
 
@@ -16476,6 +16476,14 @@ module.exports = require("dayjs/plugin/advancedFormat");
 
 /***/ }),
 
+/***/ 97185:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("antd");
+
+/***/ }),
+
 /***/ 97849:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -16721,70 +16729,44 @@ var exports = __webpack_exports__;
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var _antdV = __webpack_require__(64273);
+var _antd = __webpack_require__(97185);
+__webpack_require__(61545);
 var _classnames = _interopRequireDefault(__webpack_require__(46942));
+var _propTypes = _interopRequireDefault(__webpack_require__(43363));
 var _react = _interopRequireWildcard(__webpack_require__(9206));
 var _reactIntl = __webpack_require__(46407);
 var _dayjs = _interopRequireWildcard(__webpack_require__(25549));
 var _CapIcon = _interopRequireDefault(__webpack_require__(65124));
-var _logDeprecationWarning = _interopRequireDefault(__webpack_require__(19224));
 var _messages = _interopRequireDefault(__webpack_require__(32528));
-var _styles = _interopRequireDefault(__webpack_require__(2580));
+__webpack_require__(2580);
 var _jsxRuntime = __webpack_require__(74848);
-const _excluded = ["intl", "className", "value", "onChange", "cellRender", "dateRender", "showTime", "format", "placeholder", "timezone", "disabledTime", "renderExtraFooter", "showToday", "onOk", "onPanelChange", "popupClassName", "dropdownClassName", "popupStyle", "dropdownStyle", "getPopupContainer", "getCalendarContainer", "popupOpen", "open", "onPopupOpenChange", "onOpenChange"];
-/**
- *
- * CapDateTimePicker
- *
- */
+const _excluded = ["intl", "className", "value", "onChange", "dateRender", "showTime", "format", "placeholder", "timezone", "disabledTime", "renderExtraFooter", "showToday", "onOk", "onPanelChange"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const clsPrefix = 'cap-date-time-picker';
 const CapDateTimePicker = _ref => {
-  var _ref2;
   let {
       intl: {
         formatMessage
       },
-      className = '',
-      value = null,
-      onChange = () => {},
-      cellRender,
+      className,
+      value,
+      onChange,
       dateRender,
-      showTime = {
-        format: _dayjs.FORMAT_TOKENS.TIME_24H
-      },
-      format = _dayjs.FORMAT_TOKENS.DATE_TIME,
-      placeholder = '',
-      timezone = _dayjs.DEFAULT_TIMEZONE,
+      showTime,
+      format,
+      placeholder,
+      timezone,
       disabledTime,
       renderExtraFooter,
       showToday,
       onOk,
-      onPanelChange,
-      popupClassName,
-      dropdownClassName,
-      popupStyle,
-      dropdownStyle,
-      getPopupContainer,
-      getCalendarContainer,
-      popupOpen,
-      open: openProp,
-      onPopupOpenChange,
-      onOpenChange
+      onPanelChange
     } = _ref,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'dateRender', dateRender, 'cellRender');
-  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'dropdownClassName', dropdownClassName, 'popupClassName');
-  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'dropdownStyle', dropdownStyle, 'popupStyle');
-  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'getCalendarContainer', getCalendarContainer, 'getPopupContainer');
-  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'open', openProp, 'popupOpen');
-  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'onOpenChange', onOpenChange, 'onPopupOpenChange');
-  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'showToday', showToday, 'N/A (handled internally)');
-  (0, _logDeprecationWarning.default)('CapDateTimePicker', 'renderExtraFooter', renderExtraFooter, 'custom panel components');
-  const [isPickerOpen, setIsPickerOpen] = (0, _react.useState)(false);
+  const [open, setOpen] = (0, _react.useState)(false);
   const skipNextCloseRef = (0, _react.useRef)(false);
 
   // Detect if consumer is using moment
@@ -16819,22 +16801,19 @@ const CapDateTimePicker = _ref => {
 
   // Handle calendar change
   const handleChange = (newValue, dateString) => {
-    if (Array.isArray(newValue) || Array.isArray(dateString)) return;
     const parsedValue = parseDateTime(newValue);
 
     // Return the same type the consumer passed in
     const result = (0, _dayjs.normalizeDateValue)(isConsumerUsingMoment, parsedValue);
-    onChange(result != null ? result : null, dateString != null ? dateString : '');
+    onChange(result, dateString);
   };
   const handleOpenChange = nextOpen => {
-    setIsPickerOpen(nextOpen);
-    onPopupOpenChange == null || onPopupOpenChange(nextOpen);
-    onOpenChange == null || onOpenChange(nextOpen);
+    setOpen(nextOpen);
   };
-  const handleOk = date => {
+  const handleOk = () => {
     skipNextCloseRef.current = false;
-    setIsPickerOpen(false);
-    onOk == null || onOk(date);
+    setOpen(false);
+    onOk == null || onOk();
   };
 
   // Get the current value in the correct timezone
@@ -16842,27 +16821,17 @@ const CapDateTimePicker = _ref => {
     if (!value) return null;
     return parseDateTime(value);
   }, [value, timezone]);
-
-  // Backward compatibility: map deprecated props to new props
-  const finalPopupClassName = (0, _classnames.default)(_styles.default[clsPrefix + "__calendar-popup"], popupClassName != null ? popupClassName : dropdownClassName);
-  const finalPopupStyle = popupStyle != null ? popupStyle : dropdownStyle;
-  const finalGetPopupContainer = getPopupContainer != null ? getPopupContainer : getCalendarContainer;
-  const finalOpen = (_ref2 = popupOpen != null ? popupOpen : openProp) != null ? _ref2 : isPickerOpen;
-
-  // Backward compatibility: map deprecated dateRender to cellRender
-  const finalCellRender = cellRender != null ? cellRender : dateRender ? current => dateRender(current, todayDate) : undefined;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdV.DatePicker, _extends({
-    className: (0, _classnames.default)(_styles.default[clsPrefix], className),
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.DatePicker, _extends({
+    className: (0, _classnames.default)(clsPrefix, className),
     showTime: showTimeConfig,
     format: format,
     placeholder: placeholder || formatMessage(_messages.default.selectDateTimePlaceHolder),
     value: currentValue,
     onChange: handleChange,
-    cellRender: finalCellRender,
-    popupClassName: finalPopupClassName,
-    popupStyle: finalPopupStyle,
-    getPopupContainer: finalGetPopupContainer,
-    open: finalOpen,
+    dateRender: dateRender,
+    okText: formatMessage(_messages.default.selectButton),
+    dropdownClassName: "calendar-popup",
+    open: open,
     onOk: handleOk,
     onOpenChange: handleOpenChange,
     onPanelChange: onPanelChange,
@@ -16873,10 +16842,43 @@ const CapDateTimePicker = _ref => {
     suffixIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
       type: "calendar",
       size: "m",
-      className: _styles.default[clsPrefix + "__calendar-icon"]
+      className: clsPrefix + "__calendar-icon"
     })
   }, rest));
 };
+
+/* ── prop types & defaults ────────────────────────────────── */
+CapDateTimePicker.propTypes = {
+  intl: _reactIntl.intlShape.isRequired,
+  className: _propTypes.default.string,
+  value: _propTypes.default.oneOfType([_propTypes.default.object,
+  // Moment or dayjs
+  _propTypes.default.string // ISO date
+  ]),
+  onChange: _propTypes.default.func,
+  dateRender: _propTypes.default.func,
+  showTime: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
+  format: _propTypes.default.string,
+  placeholder: _propTypes.default.string,
+  timezone: _propTypes.default.string,
+  disabledTime: _propTypes.default.func,
+  renderExtraFooter: _propTypes.default.func,
+  showToday: _propTypes.default.bool,
+  onOk: _propTypes.default.func,
+  onPanelChange: _propTypes.default.func
+};
+CapDateTimePicker.defaultProps = {
+  className: '',
+  value: null,
+  onChange: () => {},
+  showTime: {
+    format: 'HH:mm'
+  },
+  format: 'DD-MM-YYYY | HH:mm',
+  placeholder: '',
+  timezone: 'Asia/Kolkata',
+  showToday: true
+};
 var _default = exports["default"] = (0, _reactIntl.injectIntl)(CapDateTimePicker);
 })();