@skedulo/sked-ui 21.11.0 → 21.11.2

package/README.md

@@ -8,11 +8,11 @@ Run:
 
 ```bash
 yarn storybook
- ```
+```
 
 ## Development
 
-Use NodeJS 16 for development
+Use NodeJS 24 for development
 
 ### Installation
 
@@ -32,7 +32,7 @@ yarn test
 
 Run with the watch command:
 
- yarn test:watch
+yarn test:watch
 
 ### Build
 
@@ -88,11 +88,11 @@ Semantic-release will create a new commit at some point in the build pipeline th
 
 If the build fails BEFORE this occurs, then feel free to rerun the build pipeline as it will cleanly re-attempt to release.
 
-If the build fails AFTER a commit is created, then you will not be able to rerun the build pipeline.  This is because the release
+If the build fails AFTER a commit is created, then you will not be able to rerun the build pipeline. This is because the release
 
 process relies on being at the tip of master to release to NPM and a previous pipeline has already added a commit changing the package version.
 
-In this instance you will have to create another commit and merge it through a PR.  If the build pipeline is still broken and needs to be debugged
+In this instance you will have to create another commit and merge it through a PR. If the build pipeline is still broken and needs to be debugged
 
 then the only other option is asking an administrator to rebase master and drop the release commit allowing the release process to cleanly retry.
 

package/dist/components/datepicker/Datepicker.d.ts

@@ -15,7 +15,8 @@ export interface DatepickerProps {
      */
     selected: Date;
     /**
-     * The action to take when the date changes
+     * Called when the date changes. Receives the new Date on selection, or
+     * `undefined` when the date is cleared (requires `clearable={true}`).
      */
     onChange: (value?: Date) => void;
     /**
@@ -35,11 +36,11 @@ export interface DatepickerProps {
      */
     fixedHeight?: ReactDatePickerProps['fixedHeight'];
     /**
-     * Earliest date allowed to be selected.  This will also affect the month navigation
+     * Earliest date allowed to be selected. This will also affect the month navigation.
      */
     minDate?: ReactDatePickerProps['minDate'];
     /**
-     * Latest date allowed to be selected.  This will also affect the month navigation
+     * Latest date allowed to be selected. This will also affect the month navigation.
      */
     maxDate?: ReactDatePickerProps['maxDate'];
     /**
@@ -51,7 +52,7 @@ export interface DatepickerProps {
      */
     placeholderText?: string;
     /**
-     * The format of the date to display. Custom date-fns format string
+     * The format of the date to display. Custom date-fns format string.
      */
     dateFormat?: string;
     /**
@@ -103,21 +104,30 @@ export interface DatepickerProps {
      */
     onClickOutside?: () => void;
     /**
-     * The element name for vaildation
+     * The element name for validation
      */
     name?: string;
     /**
-     * The element id for vaildation
+     * The element id for validation
      */
     id?: string;
     /**
-     * Allow the datepicker to be cleared
+     * Whether the date can be cleared. When `true` (default), pressing
+     * Backspace on an empty input clears the selected date and calls
+     * `onChange(undefined)`. When `false`, the input reverts to the
+     * previous date value. Normal text editing via Backspace works
+     * regardless of this setting.
+     *
+     * @default true
      */
     clearable?: boolean;
     /**
-     * onCalendarClose fuction
+     * Called when the calendar popover closes
      */
     onCalendarClose?: () => void;
+    /**
+     * Ref to the underlying input element
+     */
     inputRef?: React.MutableRefObject<HTMLInputElement>;
 }
 export declare const CustomInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {

package/dist/index.js

@@ -20224,7 +20224,10 @@ var CustomInput = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"](
         break;
 
       case 'Backspace':
-        onBackspace();
+        if (!event.currentTarget.value) {
+          onBackspace();
+        }
+
         break;
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skedulo/sked-ui",
-  "version": "21.11.0",
+  "version": "21.11.2",
   "license": "UNLICENSED",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -10,15 +10,15 @@
     "build": "yarn build:test && yarn build:storybook && yarn build:package",
     "build:declarations": "tsc --emitDeclarationOnly --skipLibCheck",
     "build:declarations:watch": "yarn build:declarations --watch",
-    "build:webpack": "export NODE_ENV='production' && webpack",
+    "build:webpack": "export NODE_OPTIONS=--openssl-legacy-provider && export NODE_ENV='production' && webpack",
     "build:test": "yarn test --runInBand",
-    "build:storybook": "export NODE_ENV='production' && build-storybook",
+    "build:storybook": "export NODE_OPTIONS=--openssl-legacy-provider && export NODE_ENV='production' && build-storybook",
     "build:package": "yarn build:webpack && yarn build:declarations",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
-    "package:watch": "yarn build:webpack --watch",
-    "storybook": "start-storybook -p 6006",
+    "package:watch": "export NODE_OPTIONS=--openssl-legacy-provider && yarn build:webpack --watch",
+    "storybook": "export NODE_OPTIONS=--openssl-legacy-provider && start-storybook -p 6006",
     "release": "npx semantic-release",
     "lint": "eslint './src/**/*.{ts,tsx}'",
     "check:types": "tsc --noEmit --pretty",