@useblu/ocean-react 1.36.0 → 1.36.3

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.36.3](https://github.com/ocean-ds/ocean-web/compare/v1.36.2...v1.36.3) (2022-10-11)
+
+### Bug Fixes
+
+- datepicker (remove input patterns) ([#1027](https://github.com/ocean-ds/ocean-web/issues/1027)) ([0d89c08](https://github.com/ocean-ds/ocean-web/commit/0d89c080f7a8f93531d458ac266b51cc1ebe8631))
+
+## [1.36.1](https://github.com/ocean-ds/ocean-web/compare/v1.36.0...v1.36.1) (2022-10-11)
+
+### Bug Fixes
+
+- datepicker ([#1023](https://github.com/ocean-ds/ocean-web/issues/1023)) ([1f01013](https://github.com/ocean-ds/ocean-web/commit/1f010133d95da42e169908c7a3cd5e2add889d59))
+
 # [1.36.0](https://github.com/ocean-ds/ocean-web/compare/v1.35.2...v1.36.0) (2022-10-06)
 
 ### Features

package/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAU,MAAM,UAAU,CAAC;AAgB1C,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,oBAAY,eAAe,GAAG;IAI5B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAM1B,MAAM,EAAE,gBAAgB,CAAC;IAMzB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAM5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAMhB,UAAU,CAAC,EAAE,MAAM,CAAC;IAMpB,WAAW,CAAC,EAAE,OAAO,CAAC;IAMtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAMhB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,UAAU;;YAnDN,gBAAgB;sBAMN,gBAAgB,KAAK,IAAI;;;;;;;;kLA+N5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAU,MAAM,UAAU,CAAC;AAgB1C,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,oBAAY,eAAe,GAAG;IAI5B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAM1B,MAAM,EAAE,gBAAgB,CAAC;IAMzB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAM5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAMhB,UAAU,CAAC,EAAE,MAAM,CAAC;IAMpB,WAAW,CAAC,EAAE,OAAO,CAAC;IAMtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAMhB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,UAAU;;YAnDN,gBAAgB;sBAMN,gBAAgB,KAAK,IAAI;;;;;;;;kLAiO5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/index.es.js

@@ -34085,27 +34085,27 @@ var DatePicker = e.forwardRef(function DatePicker(_a, ref) {
     var DatePickerHeader = function (props) {
         var _a = useNavigation(), goToMonth = _a.goToMonth, nextMonth = _a.nextMonth, previousMonth = _a.previousMonth;
         return (e.createElement("div", { className: "ods-datepicker__caption" },
-            e.createElement(IconButton, { "data-testid": "calendar-left-arrow", size: "sm", className: classNames('ods-datepicker__navButtons', 'ods-datepicker__navButtonPrev'), disabled: !previousMonth, onClick: function () { return previousMonth && goToMonth(previousMonth); } },
+            e.createElement(IconButton, { type: "button", "data-testid": "calendar-left-arrow", size: "sm", className: classNames('ods-datepicker__navButtons', 'ods-datepicker__navButtonPrev'), disabled: !previousMonth, onClick: function () { return previousMonth && goToMonth(previousMonth); } },
                 e.createElement($, { size: 20 })),
             e.createElement("h2", { "data-testid": "calendar-caption-month" }, format(props.displayMonth, 'MMMM yyyy', { locale: localeOption })),
-            e.createElement(IconButton, { "data-testid": "calendar-right-arrow", size: "sm", className: classNames('ods-datepicker__navButtons', 'ods-datepicker__navButtonNext'), disabled: !nextMonth, onClick: function () { return nextMonth && goToMonth(nextMonth); } },
+            e.createElement(IconButton, { type: "button", "data-testid": "calendar-right-arrow", size: "sm", className: classNames('ods-datepicker__navButtons', 'ods-datepicker__navButtonNext'), disabled: !nextMonth, onClick: function () { return nextMonth && goToMonth(nextMonth); } },
                 e.createElement(ee, { size: 20 }))));
     };
     return (e.createElement("div", null,
-        e.createElement("div", { className: "ods-datepicker-background", "data-testid": "date-picker-outside", onClick: handleCloseByOutside }),
+        showDayPicker && (e.createElement("div", { className: "ods-datepicker-background", "data-testid": "date-picker-outside", onClick: handleCloseByOutside })),
         e.createElement("div", __assign$1({ className: classNames('ods-datepicker', className), ref: ref }, rest),
             e.createElement("div", { className: "ods-datepicker__form-row" },
                 e.createElement("div", { className: "ods-datepicker__form-controls", "data-testid": "date-picker-first-field-wrapper", onClick: function () { return createHandleToggleClick('start-date'); } },
                     labels && labels.from && (e.createElement("label", { htmlFor: "start-date" }, labels.from)),
                     e.createElement(Input, { ref: input1Ref, "data-testid": "datepicker-input-1", id: "start-date", type: "text", className: classNames({
                             'date-field-focussed': currentField === 'start-date'
-                        }), name: "start-date", value: values.from, onChange: (editable && inputChange) || undefined, placeholder: getInputPlaceholder(), adornment: e.createElement(wn, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: !disabled && error, pattern: "[0-9]*", inputMode: "numeric", helperText: (!disabled && !showDayPicker && error && helperText) ||
+                        }), name: "start-date", value: values.from, onChange: (editable && inputChange) || undefined, placeholder: getInputPlaceholder(), adornment: e.createElement(wn, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: !disabled && error, inputMode: "numeric", helperText: (!disabled && !showDayPicker && error && helperText) ||
                             undefined, maxLength: 10 })),
                 e.createElement("div", { className: "ods-datepicker__form-controls", "data-testid": "date-picker-second-field-wrapper", onClick: function () { return createHandleToggleClick('end-date'); } },
                     labels && labels.to && (e.createElement("label", { htmlFor: "end-date" }, labels.to)),
                     e.createElement(Input, { ref: input2Ref, "data-testid": "datepicker-input-2", id: "end-date", type: "text", className: classNames({
                             'date-field-focussed': currentField === 'end-date'
-                        }), name: "end-date", value: values.to, onChange: (editable && inputChange) || undefined, placeholder: getInputPlaceholder(), adornment: e.createElement(wn, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: !disabled && error, pattern: "[0-9]*", inputMode: "numeric", helperText: (!disabled && !showDayPicker && error && helperText) ||
+                        }), name: "end-date", value: values.to, onChange: (editable && inputChange) || undefined, placeholder: getInputPlaceholder(), adornment: e.createElement(wn, { size: 20, stroke: "#B6B9CC" }), autoComplete: "off", readOnly: !editable, disabled: disabled, error: !disabled && error, inputMode: "numeric", helperText: (!disabled && !showDayPicker && error && helperText) ||
                             undefined, maxLength: 10 })),
                 !disabled && showDayPicker && (e.createElement("div", { "data-testid": "datepicker-calendar" },
                     e.createElement(DayPicker, { mode: "range", locale: localeOption, weekStartsOn: 0, classNames: CustomStyles, className: className, onDayClick: function (day) { return handleDayClick(day); }, onDayMouseEnter: function (day) { return handleDayMouseEnter(day); }, formatters: { formatDay: formatDay }, selected: selectedDays, disabled: disabledDays, components: {