@hero-design/rn 7.31.1 → 7.31.2

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
-@hero-design/rn:build: cache hit, replaying output e5ebeb9b841315e0
-@hero-design/rn:build: $ yarn build:js && yarn build:types
-@hero-design/rn:build: $ rollup -c
-@hero-design/rn:build: 
-@hero-design/rn:build: src/index.ts → lib/index.js, es/index.js...
-@hero-design/rn:build: (!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
-@hero-design/rn:build: (!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/root/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
-@hero-design/rn:build: created lib/index.js, es/index.js in 24.9s
-@hero-design/rn:build: $ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json
+@hero-design/rn:build: cache hit, replaying output fb075275733606f0
+@hero-design/rn:build: $ yarn build:js && yarn build:types
+@hero-design/rn:build: $ rollup -c
+@hero-design/rn:build: 
+@hero-design/rn:build: src/index.ts → lib/index.js, es/index.js...
+@hero-design/rn:build: (!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
+@hero-design/rn:build: (!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/root/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
+@hero-design/rn:build: created lib/index.js, es/index.js in 28.1s
+@hero-design/rn:build: $ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json

package/es/index.js

@@ -10941,6 +10941,8 @@ var TextInput = function TextInput(_ref2) {
 
 var DatePickerAndroid = function DatePickerAndroid(_ref) {
   var value = _ref.value,
+    minDate = _ref.minDate,
+    maxDate = _ref.maxDate,
     label = _ref.label,
     placeholder = _ref.placeholder,
     _onChange = _ref.onChange,
@@ -10982,6 +10984,8 @@ var DatePickerAndroid = function DatePickerAndroid(_ref) {
     testID: "datePickerAndroid",
     mode: "date",
     value: pickerInitValue,
+    minimumDate: minDate,
+    maximumDate: maxDate,
     display: "default",
     onChange: function onChange(_, date) {
       setOpen(false);
@@ -11001,6 +11005,8 @@ var StyledPickerWrapper$1 = index$a(View)(function (_ref) {
 
 var DatePickerIOS = function DatePickerIOS(_ref) {
   var value = _ref.value,
+    minDate = _ref.minDate,
+    maxDate = _ref.maxDate,
     label = _ref.label,
     placeholder = _ref.placeholder,
     onChange = _ref.onChange,
@@ -11061,6 +11067,8 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
   }, /*#__PURE__*/React.createElement(StyledPickerWrapper$1, null, /*#__PURE__*/React.createElement(DateTimePicker, {
     testID: "datePickerIOS",
     value: selectingDate,
+    minimumDate: minDate,
+    maximumDate: maxDate,
     mode: "date",
     onChange: function onChange(_, date) {
       if (date) {

package/lib/index.js

@@ -10970,6 +10970,8 @@ var TextInput = function TextInput(_ref2) {
 
 var DatePickerAndroid = function DatePickerAndroid(_ref) {
   var value = _ref.value,
+    minDate = _ref.minDate,
+    maxDate = _ref.maxDate,
     label = _ref.label,
     placeholder = _ref.placeholder,
     _onChange = _ref.onChange,
@@ -11011,6 +11013,8 @@ var DatePickerAndroid = function DatePickerAndroid(_ref) {
     testID: "datePickerAndroid",
     mode: "date",
     value: pickerInitValue,
+    minimumDate: minDate,
+    maximumDate: maxDate,
     display: "default",
     onChange: function onChange(_, date) {
       setOpen(false);
@@ -11030,6 +11034,8 @@ var StyledPickerWrapper$1 = index$a(reactNative.View)(function (_ref) {
 
 var DatePickerIOS = function DatePickerIOS(_ref) {
   var value = _ref.value,
+    minDate = _ref.minDate,
+    maxDate = _ref.maxDate,
     label = _ref.label,
     placeholder = _ref.placeholder,
     onChange = _ref.onChange,
@@ -11090,6 +11096,8 @@ var DatePickerIOS = function DatePickerIOS(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(StyledPickerWrapper$1, null, /*#__PURE__*/React__default["default"].createElement(DateTimePicker__default["default"], {
     testID: "datePickerIOS",
     value: selectingDate,
+    minimumDate: minDate,
+    maximumDate: maxDate,
     mode: "date",
     onChange: function onChange(_, date) {
       if (date) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "7.31.1",
+  "version": "7.31.2",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "7.31.1",
+    "@hero-design/colors": "7.31.2",
     "date-fns": "^2.16.1",
     "events": "^3.2.0",
     "hero-editor": "^1.9.12"
@@ -44,7 +44,7 @@
     "@babel/preset-typescript": "^7.17.12",
     "@babel/runtime": "^7.18.9",
     "@emotion/jest": "^11.9.3",
-    "@hero-design/eslint-plugin": "7.31.1",
+    "@hero-design/eslint-plugin": "7.31.2",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/slider": "4.1.12",
     "@rollup/plugin-babel": "^5.3.1",
@@ -60,9 +60,9 @@
     "@types/react-native": "^0.67.7",
     "@types/react-native-vector-icons": "^6.4.10",
     "babel-plugin-inline-import": "^3.0.0",
-    "eslint-config-hd": "7.31.1",
+    "eslint-config-hd": "7.31.2",
     "jest": "^27.3.1",
-    "prettier-config-hd": "7.31.1",
+    "prettier-config-hd": "7.31.2",
     "react": "17.0.2",
     "react-native": "0.65.1",
     "react-native-gesture-handler": "~2.1.0",

package/src/components/DatePicker/DatePickerAndroid.tsx

@@ -8,6 +8,8 @@ import type { DatePickerProps } from './types';
 
 const DatePickerAndroid = ({
   value,
+  minDate,
+  maxDate,
   label,
   placeholder,
   onChange,
@@ -45,6 +47,8 @@ const DatePickerAndroid = ({
           testID="datePickerAndroid"
           mode="date"
           value={pickerInitValue}
+          minimumDate={minDate}
+          maximumDate={maxDate}
           display="default"
           onChange={(_: any, date: Date | undefined) => {
             setOpen(false);

package/src/components/DatePicker/DatePickerIOS.tsx

@@ -11,6 +11,8 @@ import type { DatePickerProps } from './types';
 
 const DatePickerIOS = ({
   value,
+  minDate,
+  maxDate,
   label,
   placeholder,
   onChange,
@@ -65,6 +67,8 @@ const DatePickerIOS = ({
           <DateTimePicker
             testID="datePickerIOS"
             value={selectingDate}
+            minimumDate={minDate}
+            maximumDate={maxDate}
             mode="date"
             onChange={(_: any, date: Date | undefined) => {
               if (date) {

package/src/components/DatePicker/__tests__/DatePicker.spec.tsx

@@ -10,6 +10,8 @@ describe('DatePicker', () => {
       <DatePicker
         label="Start date"
         value={new Date('December 17, 1995')}
+        minDate={new Date('December 17, 1994')}
+        maxDate={new Date('December 17, 1996')}
         confirmLabel="Confirm"
         onChange={jest.fn()}
       />
@@ -24,6 +26,8 @@ describe('DatePicker', () => {
       <DatePicker
         label="Start date"
         value={new Date('December 17, 1995')}
+        minDate={new Date('December 17, 1994')}
+        maxDate={new Date('December 17, 1996')}
         confirmLabel="Confirm"
         onChange={jest.fn()}
       />

package/src/components/DatePicker/__tests__/DatePickerAndroid.spec.tsx

@@ -10,6 +10,8 @@ describe('DatePickerAndroid', () => {
     const { getByText, queryByTestId, toJSON } = renderWithTheme(
       <DatePickerAndroid
         value={new Date('December 21, 1995')}
+        minDate={new Date('December 17, 1994')}
+        maxDate={new Date('December 17, 1996')}
         label="Start date"
         confirmLabel="Confirm"
         onChange={onChange}
@@ -41,6 +43,8 @@ describe('DatePickerAndroid', () => {
     const { getByText } = renderWithTheme(
       <DatePickerAndroid
         value={new Date('December 21, 1995')}
+        minDate={new Date('December 17, 1994')}
+        maxDate={new Date('December 17, 1996')}
         label="Start date"
         confirmLabel="Confirm"
         helpText="This is help text"

package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap

@@ -195,6 +195,8 @@ exports[`DatePickerAndroid renders correctly 1`] = `
   </View>
   <Picker
     display="default"
+    maximumDate={1996-12-17T00:00:00.000Z}
+    minimumDate={1994-12-17T00:00:00.000Z}
     mode="date"
     onChange={[Function]}
     testID="datePickerAndroid"

package/src/components/DatePicker/types.ts

@@ -9,6 +9,14 @@ export interface DatePickerProps {
    * Current date value. Must be in correct default format or format provided via format prop.
    */
   value?: Date;
+  /**
+   * Mininum date. Restrict the range of possible date values.
+   */
+  minDate?: Date;
+  /**
+   * Maximum date. Restrict the range of possible date values.
+   */
+  maxDate?: Date;
   /**
    * Input placeholder. Date format will be used as placeholder if not specified.
    */

package/types/components/DatePicker/DatePickerAndroid.d.ts

@@ -1,3 +1,3 @@
 import type { DatePickerProps } from './types';
-declare const DatePickerAndroid: ({ value, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, }: DatePickerProps) => JSX.Element;
+declare const DatePickerAndroid: ({ value, minDate, maxDate, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, }: DatePickerProps) => JSX.Element;
 export default DatePickerAndroid;

package/types/components/DatePicker/DatePickerIOS.d.ts

@@ -1,3 +1,3 @@
 import type { DatePickerProps } from './types';
-declare const DatePickerIOS: ({ value, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, }: DatePickerProps) => JSX.Element;
+declare const DatePickerIOS: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, }: DatePickerProps) => JSX.Element;
 export default DatePickerIOS;

package/types/components/DatePicker/types.d.ts

@@ -8,6 +8,14 @@ export interface DatePickerProps {
      * Current date value. Must be in correct default format or format provided via format prop.
      */
     value?: Date;
+    /**
+     * Mininum date. Restrict the range of possible date values.
+     */
+    minDate?: Date;
+    /**
+     * Maximum date. Restrict the range of possible date values.
+     */
+    maxDate?: Date;
     /**
      * Input placeholder. Date format will be used as placeholder if not specified.
      */