@spark-ui/use-combined-state 0.3.0 → 0.4.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.4.0](https://github.com/adevinta/spark/compare/@spark-ui/use-combined-state@0.3.1...@spark-ui/use-combined-state@0.4.0) (2023-04-19)
+
+### Features
+
+- **switch:** customisable icons for switch, controlled mode ([543568e](https://github.com/adevinta/spark/commit/543568e5c5eedc9a6e2ea6a0ef669c73f4b1ce12))
+
+## [0.3.1](https://github.com/adevinta/spark/compare/@spark-ui/use-combined-state@0.3.0...@spark-ui/use-combined-state@0.3.1) (2023-04-13)
+
+**Note:** Version bump only for package @spark-ui/use-combined-state
+
 # [0.3.0](https://github.com/adevinta/spark/compare/@spark-ui/use-combined-state@0.2.0...@spark-ui/use-combined-state@0.3.0) (2023-04-07)
 
 ### Features

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@spark-ui/use-mounted-state"),f=require("lodash.isequal"),u=require("react");exports.useCombinedState=function(e,c){const{current:r}=u.useRef(e===void 0?c:e),[i,t]=u.useState(r),n=d.useMountedState();u.useLayoutEffect(()=>{n()&&t(e)},[e,t,n]);const a=u.useCallback((s,o)=>{(e===void 0||o)&&!f(s,i)&&t(s)},[e,t]);return[i,a,e!==void 0,r]};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@spark-ui/use-mounted-state"),o=require("lodash.isequal"),u=require("react");exports.useCombinedState=function(e,c){const{current:n}=u.useRef(e===void 0?c:e),[r,t]=u.useState(n),i=l.useMountedState();u.useLayoutEffect(()=>{i()&&e!=null&&t(e)},[e,t,i]);const a=u.useCallback((s,d)=>{(e===void 0||d)&&!o(s,r)&&t(s)},[e,t,r]);return[r,a,e!==void 0,n]};

package/dist/index.mjs

@@ -1,15 +1,15 @@
-import { useMountedState as c } from "@spark-ui/use-mounted-state";
-import f from "lodash.isequal";
-import { useRef as d, useState as p, useLayoutEffect as n, useCallback as v } from "react";
-function C(t, u) {
-  const { current: o } = d(t === void 0 ? u : t), [s, e] = p(o), a = c();
-  n(() => {
-    a() && e(t);
+import { useMountedState as f } from "@spark-ui/use-mounted-state";
+import m from "lodash.isequal";
+import { useRef as d, useState as u, useLayoutEffect as p, useCallback as l } from "react";
+function C(t, n) {
+  const { current: s } = d(t === void 0 ? n : t), [o, e] = u(s), a = f();
+  p(() => {
+    a() && t != null && e(t);
   }, [t, e, a]);
-  const i = v((r, m) => {
-    (t === void 0 || m) && !f(r, s) && e(r);
-  }, [t, e]);
-  return [s, i, t !== void 0, o];
+  const i = l((r, c) => {
+    (t === void 0 || c) && !m(r, o) && e(r);
+  }, [t, e, o]);
+  return [o, i, t !== void 0, s];
 }
 export {
   C as useCombinedState

package/dist/useCombinedState.d.ts

@@ -1 +1,5 @@
-export declare function useCombinedState(controlledValue?: any, defaultValue?: any): [any, (newValue: any, forceFlag?: boolean) => any, boolean, any];
+/**
+ * This hook must be used when a component have both a controlled and uncontrolled mode.
+ * It will take care of updating the state value when controlled mode (prop) is updated.
+ */
+export declare function useCombinedState<T>(controlledValue?: T, defaultValue?: T): [T | undefined, (newValue: T, forceFlag?: boolean) => void, boolean, T | undefined];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/use-combined-state",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "combine controlled-uncontrolled component state by stateful-stateless inner state management",
   "publishConfig": {
     "access": "public"
@@ -25,5 +25,5 @@
     "react": "^16.8 || ^17.0 || ^18.0",
     "react-dom": "^16.8 || ^17.0 || ^18.0"
   },
-  "gitHead": "a5e5af21496ded1cce43912266002fa36b3ac328"
+  "gitHead": "f1070e260587a4ea0e3c0f6c83fe38a698ef8fd8"
 }