@bigbinary/neetoui 5.0.3 → 5.0.5

package/index.d.ts

@@ -324,6 +324,7 @@ export type SelectProps = {
   id?: string;
   loadOptions?: boolean;
   labelProps?: LabelProps;
+  optionRemapping?: { label?: string, value?: string }
   [key: string]: any;
 };
 

package/index.js

@@ -20373,6 +20373,9 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
   var Component = datePickerTypes[type === null || type === void 0 ? void 0 : type.toLowerCase()];
   var format = showTime ? "".concat(dateFormat, " ").concat(timeFormat) : dateFormat;
   var errorId = "error_".concat(id);
+  var handleOnChange = function handleOnChange(date, dateString) {
+    type === "range" && !date ? onChange([], dateString) : onChange(date, dateString);
+  };
   return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-input__wrapper"
   }, label && /*#__PURE__*/React__default.createElement(Label, labelProps, label), /*#__PURE__*/React__default.createElement(Component, _extends$4({
@@ -20395,7 +20398,7 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref2, ref) {
     popupClassName: classnames$1("neeto-ui-date-time-dropdown", [dropdownClassName,
     // Will be removed in the next major version
     popupClassName]),
-    onChange: onChange,
+    onChange: handleOnChange,
     onOk: onOk
   }, otherProps, {
     nextIcon: /*#__PURE__*/React__default.createElement(IconOverride, {
@@ -28021,7 +28024,7 @@ var AsyncCreatableSelect = /*#__PURE__*/forwardRef$1(function (props, ref) {
   }, selectProps));
 });
 
-var _excluded$b = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components"];
+var _excluded$b = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping"];
 function ownKeys$7(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$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SIZES$3 = {
@@ -28064,6 +28067,8 @@ var Select = function Select(_ref) {
     value = _ref.value,
     defaultValue = _ref.defaultValue,
     componentOverrides = _ref.components,
+    _ref$optionRemapping = _ref.optionRemapping,
+    optionRemapping = _ref$optionRemapping === void 0 ? {} : _ref$optionRemapping,
     otherProps = _objectWithoutProperties$1(_ref, _excluded$b);
   var inputId = useId(id);
   var Parent = StateManagedSelect;
@@ -28073,6 +28078,12 @@ var Select = function Select(_ref) {
   if (otherProps.loadOptions) {
     Parent = isCreateable ? AsyncCreatableSelect : AsyncSelect;
   }
+  if (optionRemapping.value) {
+    otherProps.getOptionValue = prop(optionRemapping.value);
+  }
+  if (optionRemapping.label) {
+    otherProps.getOptionLabel = prop(optionRemapping.label);
+  }
   var portalProps = strategy === STRATEGIES.fixed && {
     menuPortalTarget: document.body,
     styles: {
@@ -33031,6 +33042,9 @@ var TimePicker = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   if (format.includes("H") || format.includes("h")) {
     showTimeLabels.hour = true;
   }
+  var handleOnChange = function handleOnChange(time, timeString) {
+    type === "range" && !time ? onChange([], timeString) : onChange(time, timeString);
+  };
   var panelRender = function panelRender(originalPanel) {
     return /*#__PURE__*/React__default.createElement("div", {
       className: "neeto-ui-date-input-custom-panel"
@@ -33068,7 +33082,7 @@ var TimePicker = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     popupClassName: classnames$1("neeto-ui-date-time-dropdown", [dropdownClassName,
     // Will be removed in the next major version
     popupClassName]),
-    onChange: onChange
+    onChange: handleOnChange
   }, otherProps, {
     defaultValue: convertToDayjsObjects(defaultValue),
     mode: undefined,