@stimulus-library/mixins 1.0.0-alpha.4 → 1.0.0-alpha.8

package/dist/use_dirty_form_tracking.js

@@ -72,7 +72,6 @@ function getElementLoadValue(element) {
         let options = Array.from(element.options);
         options.forEach((option) => {
             if (option.defaultSelected) {
-                element.value = option.value;
                 return option.value;
             }
         });

package/dist/use_localstorage.d.ts

@@ -12,9 +12,10 @@ export interface LocalStorageProxy<T> {
     clear(): void;
     isEmpty(): boolean;
 }
-export declare const StorageSerializers: Record<'boolean' | 'object' | 'number' | 'any' | 'string' | 'map' | 'set', Serializer<any>> & {
+export declare const StorageSerializers: Record<"boolean" | "object" | "number" | "any" | "string" | "map" | "set", Serializer<any>> & {
     [idx: string]: Serializer<any>;
 };
-export declare function useLocalStorage<T>(controller: Controller, key: string, defaultValue: T, opts?: {
-    writeDefaults: boolean;
+export declare function useLocalStorage<T>(controller: Controller, key: string, defaultValue?: any, opts?: {
+    onChange?: ((newValue: any, oldValue: any) => void) | null;
+    writeDefaults?: boolean;
 }): LocalStorageProxy<T>;

package/dist/use_localstorage.js

@@ -1,39 +1,39 @@
 import { reactive } from "@stimulus-library/utilities";
 export const StorageSerializers = {
     boolean: {
-        deserialize: (v) => v === 'true',
+        deserialize: (v) => v === "true",
         serialize: (v) => String(v),
-        isEmpty: (v) => v === '' || v === null,
+        isEmpty: (v) => v === "" || v === null,
     },
     object: {
         deserialize: (v) => JSON.parse(v),
         serialize: (v) => JSON.stringify(v),
         isEmpty: (v) => {
             const values = Object.values(JSON.parse(v));
-            return values.length === 0 || values.every(v => v === '' || v === null);
+            return values.length === 0 || values.every(v => v === "" || v === null);
         },
     },
     number: {
         deserialize: (v) => Number.parseFloat(v),
         serialize: (v) => String(v),
-        isEmpty: (v) => v === '' || v === null,
+        isEmpty: (v) => v === "" || v === null,
     },
     any: {
         deserialize: (v) => v,
         serialize: (v) => String(v),
-        isEmpty: (v) => v === '' || v === null,
+        isEmpty: (v) => v === "" || v === null,
     },
     string: {
         deserialize: (v) => v,
         serialize: (v) => String(v),
-        isEmpty: (v) => v === '' || v === null,
+        isEmpty: (v) => v === "" || v === null,
     },
     map: {
         deserialize: (v) => new Map(JSON.parse(v)),
         serialize: (v) => JSON.stringify(Array.from(v.entries())),
         isEmpty: (v) => {
             const values = Array.from(v.values());
-            return values.length === 0 || values.every(v => v === '' || v === null);
+            return values.length === 0 || values.every(v => v === "" || v === null);
         },
     },
     set: {
@@ -41,40 +41,46 @@ export const StorageSerializers = {
         serialize: (v) => JSON.stringify(Array.from(v.entries())),
         isEmpty: (v) => {
             const values = Array.from(v.values());
-            return values.length === 0 || values.every(v => v === '' || v === null);
+            return values.length === 0 || values.every(v => v === "" || v === null);
         },
     },
 };
-export function useLocalStorage(controller, key, defaultValue, opts = { writeDefaults: true }) {
+export function useLocalStorage(controller, key, defaultValue, opts) {
     let type;
-    let { writeDefaults } = opts;
-    if (defaultValue == null) {
-        type = 'any';
+    let optsMergedWithDefaults = {
+        onChange: null,
+        writeDefaults: true,
+        ...opts,
+    };
+    let { writeDefaults } = optsMergedWithDefaults;
+    if (defaultValue === null || defaultValue === undefined) {
+        type = "any";
     }
     else if (defaultValue instanceof Set) {
-        type = 'set';
+        type = "set";
     }
     else if (defaultValue instanceof Map) {
-        type = 'map';
+        type = "map";
     }
-    else if (typeof defaultValue === 'boolean') {
-        type = 'boolean';
+    else if (typeof defaultValue === "boolean") {
+        type = "boolean";
     }
-    else if (typeof defaultValue === 'string') {
-        type = 'string';
+    else if (typeof defaultValue === "string") {
+        type = "string";
     }
-    else if (typeof defaultValue === 'object') {
-        type = 'object';
+    else if (typeof defaultValue === "object") {
+        type = "object";
     }
     else if (Array.isArray(defaultValue)) {
-        type = 'object';
+        type = "object";
     }
     else if (!Number.isNaN(defaultValue)) {
-        type = 'number';
+        type = "number";
     }
     else {
-        type = 'any';
+        type = "any";
     }
+    let onChange = optsMergedWithDefaults.onChange?.bind(controller);
     let data = reactive({
         value: defaultValue,
     });
@@ -95,6 +101,9 @@ export function useLocalStorage(controller, key, defaultValue, opts = { writeDef
     };
     const write = (value) => {
         storage.setItem(key, serializer.serialize(value));
+        if (onChange) {
+            onChange(value, data.value);
+        }
         data.value = value;
     };
     const clear = () => {

package/package.json

@@ -9,7 +9,7 @@
     "ruby on rails",
     "ruby-on-rails"
   ],
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.8",
   "license": "MIT",
   "author": {
     "name": "Sub-Xaero",
@@ -55,5 +55,5 @@
     "typescript": "^5.1.3",
     "vite": "^4.1.1"
   },
-  "gitHead": "bc482251a6b796fad8f5be7ab8b74731e602d1be"
+  "gitHead": "9c03bf65249f4ea252bea92526e38a4447ad25b8"
 }