@bloomreach/react-banana-ui 1.35.1 → 1.36.0

package/dist/components/date/date-time-range-picker/date-time-range-picker.stories.d.ts

@@ -27,4 +27,6 @@ export declare const WithQuickSelections: Story;
 export declare const CustomPresets: Story;
 export declare const QuickSelectionsWithTime: Story;
 export declare const ComprehensivePresetLibrary: Story;
+export declare const DefaultSelectedPreset: Story;
+export declare const ControlledSelectedPreset: Story;
 export declare const BuilderFunctionsDemo: Story;

package/dist/components/date/date-time-range-picker/date-time-range-picker.types.d.ts

@@ -258,6 +258,36 @@ export interface DateTimeRangePickerProps {
      * @default false
      */
     required?: boolean;
+    /**
+     * The currently selected preset ID (controlled).
+     * When provided (not `undefined`), the component is in controlled mode for preset selection.
+     * Use together with `onPresetSelect` to manage preset selection state externally.
+     *
+     * @example
+     * ```tsx
+     * const [presetId, setPresetId] = useState<string | undefined>('last-7-days');
+     * <DateTimeRangePicker
+     *   presets={presets}
+     *   selectedPresetId={presetId}
+     *   onPresetSelect={(id) => setPresetId(id)}
+     * />
+     * ```
+     */
+    selectedPresetId?: string;
+    /**
+     * The default selected preset ID when the component first mounts (uncontrolled).
+     * When provided without `value` or `defaultValue`, the preset's date range will be
+     * applied as the initial value.
+     *
+     * @example
+     * ```tsx
+     * <DateTimeRangePicker
+     *   presets={presets}
+     *   defaultSelectedPresetId="last-7-days"
+     * />
+     * ```
+     */
+    defaultSelectedPresetId?: string;
     /**
      * Whether to show the timezone in the date and time range picker.
      * @default false

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bloomreach/react-banana-ui",
   "type": "module",
-  "version": "1.35.1",
+  "version": "1.36.0",
   "private": false,
   "repository": {
     "type": "git",
@@ -38,7 +38,7 @@
     "format": "prettier -wu '.'",
     "format:check": "prettier -c '.'",
     "generate": "plop",
-    "generate:icons": "npx ts-node --esm scripts/gen-icons/generate.ts && npm run lint:fix",
+    "generate:icons": "tsx scripts/gen-icons/generate.ts && npm run lint:fix",
     "lint": "eslint src",
     "lint:fix": "npm run lint -- --fix",
     "prepare": "husky",
@@ -49,7 +49,8 @@
     "start": "npm run storybook",
     "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build",
-    "storybook:upload": "npx ts-node --esm --transpile-only scripts/sb-upload/index.ts",
+    "storybook:publish": "tsx scripts/storybook-upload.ts",
+    "storybook:upload": "tsx scripts/storybook-upload.ts --skip-build",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",
     "test:preview": "vite preview --outDir html-report",
@@ -135,6 +136,7 @@
     "sass": "1.94.2",
     "semantic-release": "24.2.9",
     "storybook": "10.0.8",
+    "tsx": "4.21.0",
     "typescript": "5.9.3",
     "typescript-eslint": "8.47.0",
     "vite": "7.2.4",