laif-ds 0.2.79 → 0.2.80

package/dist/CHANGELOG.md

@@ -5,6 +5,18 @@ All notable technical changes to the laif-ds core will be documented in this fil
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [laif-ds@0.2.80]
+
+### 🚀 Added
+
+- **AppSelect**: Added `selectableAll` prop (multi-select only, default `true`) — renders a tri-state checkbox toggle to the left of the search bar with four icon states (`Square` / `SquareMinus` / `SquareCheck` / `SquareDot`). Both select-all and deselect-all are scoped to the current search filter, preserving out-of-view selections and `fixed: true` items
+- **DatePicker**: Added range dragging — in range mode, click and drag the `from` or `to` handle to extend or shrink the selected interval; the range automatically inverts when handles cross over
+
+### 🔧 Changed
+
+- **AppSelect**: Prevented automatic focus of the search input on popover open via `onOpenAutoFocus` — fixes the mobile soft-keyboard collapsing the visual viewport and pushing the dropdown off-screen
+- **DatePicker**: Reworked range click behavior — a third click on a completed range now starts a new range from that day instead of resetting to empty; clicking an end-date earlier than the current `from` resets the start anchor to that day
+
 ## [laif-ds@0.2.79]
 
 ### 🚀 Added

package/dist/_virtual/index3.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
-var t = e();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/eventemitter3/index2.js";
+var r = t();
+const m = /* @__PURE__ */ e(r);
 export {
-  a as default
+  m as default
 };

package/dist/_virtual/index4.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/extend/index.js";
-var t = r();
-const x = /* @__PURE__ */ e(t);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
+var t = e();
+const a = /* @__PURE__ */ r(t);
 export {
-  x as default
+  a as default
 };

package/dist/_virtual/index5.js

@@ -1,8 +1,8 @@
 "use client";
 import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/eventemitter3/index2.js";
-var r = t();
-const m = /* @__PURE__ */ e(r);
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const x = /* @__PURE__ */ e(t);
 export {
-  m as default
+  x as default
 };

package/dist/agent-docs/adoption-report.json

@@ -1,9 +1,9 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-04-01T11:02:03.946Z",
+  "generatedAt": "2026-05-05T15:26:14.216Z",
   "package": {
     "name": "laif-ds",
-    "version": "0.2.79"
+    "version": "0.2.80"
   },
   "summary": {
     "scannedFiles": 394,
@@ -528,6 +528,13 @@
           "src/components/ui/multiple-selector.tsx"
         ]
       },
+      {
+        "className": "bg-muted/50 rounded p-4 text-sm",
+        "occurrences": 7,
+        "files": [
+          "src/components/stories/app-select.stories.tsx"
+        ]
+      },
       {
         "className": "border-d-border border px-3 py-1 text-center text-sm font-light",
         "occurrences": 7,
@@ -565,13 +572,6 @@
           "src/components/stories/playground.stories.tsx"
         ]
       },
-      {
-        "className": "bg-muted/50 rounded p-4 text-sm",
-        "occurrences": 6,
-        "files": [
-          "src/components/stories/app-select.stories.tsx"
-        ]
-      },
       {
         "className": "mb-2 text-sm font-medium",
         "occurrences": 6,

package/dist/agent-docs/components/AppSelect.md

@@ -74,6 +74,7 @@ export type MultiSelectProps = BaseProps & {
   renderValue?: (option: AppSelectOption) => React.ReactNode; // Custom render for selected values
   maxSelected?: number; // Maximum number of selectable items
   showChipsInsteadOfCount?: boolean; // Display chips instead of count (default: false)
+  selectableAll?: boolean; // Shows tri-state select-all toggle next to the search bar (default: true)
 };
 ```
 
@@ -154,6 +155,19 @@ When options have a `group` property:
 - Options without a group value (empty string, undefined, or missing) appear under the `noGroupLabel` heading
 - Grouping is based on the `group` property of `AppSelectOption`
 
+### Select All / Deselect All
+
+In multiple mode with `selectableAll={true}` (default):
+
+- A single tri-state checkbox-style toggle appears at the left of the search bar — replacing the search icon (or in a slim header bar when `searchable` is off)
+- **`Square`** icon → no filtered options selected; click selects all matching the current filter (respects `maxSelected` cap)
+- **`SquareMinus`** icon → some filtered options selected; click completes the selection (within the cap)
+- **`SquareCheck`** icon → all filtered options selected (or `maxSelected` cap reached); click deselects only the currently-filtered items — **out-of-view selections and `fixed: true` items are preserved**
+- **`SquareDot`** icon (disabled) → search yields no matches; the button stays visible but inactive so the layout doesn't collapse
+- Both actions are scoped to the current search filter — symmetric, predictable, and prevents accidental data loss
+- Uses `role="checkbox"` with dynamic `aria-checked` (`true` / `false` / `"mixed"`) and a hardcoded English `aria-label` (no per-project i18n required)
+- Available only on multi-select; type-rejected on single-select. Opt out with `selectableAll={false}`
+
 ### Max Selection Limit
 
 In multiple mode with `maxSelected` set:
@@ -420,6 +434,37 @@ export function SelectWithDisabled() {
 }
 ```
 
+### Multiple with Select All / Deselect All
+
+```tsx
+import { AppSelect } from "laif-ds";
+import { useState } from "react";
+
+const options = [
+  { value: "react", label: "React" },
+  { value: "vue", label: "Vue" },
+  { value: "angular", label: "Angular" },
+  { value: "svelte", label: "Svelte" },
+];
+
+export function SelectAllExample() {
+  const [values, setValues] = useState<(string | number)[]>([]);
+
+  return (
+    <AppSelect
+      multiple
+      selectableAll
+      searchable
+      options={options}
+      value={values}
+      onValueChange={setValues}
+      placeholder="Select frameworks"
+      label="Frameworks"
+    />
+  );
+}
+```
+
 ### Custom Render Value
 
 ```tsx
@@ -462,3 +507,4 @@ export function CustomRenderSelect() {
 - **Performance**: Efficient rendering with useMemo for computed values
 - **Custom Rendering**: Use `renderValue` prop to customize how selected options appear in the trigger
 - **Controlled Component Detection**: Uses `props.hasOwnProperty('value')` to determine if component is controlled, ensuring stable behavior even when value is `undefined`
+- **Mobile Keyboard**: Popover prevents default auto-focus on open via `onOpenAutoFocus`, so the soft keyboard does not pop up automatically when `searchable` is enabled. This avoids the visual-viewport collapse that previously caused the dropdown to flip off-screen on mobile. Tap the search input to focus it explicitly when needed.

package/dist/agent-docs/manifest.json

@@ -1,9 +1,9 @@
 {
   "schemaVersion": "1.1.0",
-  "generatedAt": "2026-04-01T11:02:03.665Z",
+  "generatedAt": "2026-05-05T15:26:13.593Z",
   "package": {
     "name": "laif-ds",
-    "version": "0.2.79"
+    "version": "0.2.80"
   },
   "stats": {
     "documentedComponentCount": 92,
@@ -847,6 +847,7 @@
           "Search Functionality",
           "Creatable Options",
           "Grouping",
+          "Select All / Deselect All",
           "Max Selection Limit",
           "Chips Display",
           "Disabled Options",
@@ -858,6 +859,7 @@
           "Custom JSX Labels",
           "Clearable Single Select",
           "With Disabled Options",
+          "Multiple with Select All / Deselect All",
           "Custom Render Value"
         ],
         "controlledPattern": "controlled-uncontrolled-documented",
@@ -6059,5 +6061,5 @@
       ]
     }
   ],
-  "checksum": "405eb253ef5b553303bd5f6005a1395f86f08f55c627c8c96046719fcf78a9ad"
+  "checksum": "5365e3750a199ac2ef62a230e7ec5a26fa46e3494a332e48d9f832d003ac6a1b"
 }