Added support for default values (#22)

* Added support for default values

* Added docs

---------

Co-authored-by: Ajmal Noushad <[email protected]>

Author: Amaljith-K

README.md

@@ -41,8 +41,8 @@ module.exports = {
 
 ## Available plugins
 
-- [zustand-pick](https://github.com/bigbinary/babel-preset-neeto/blob/e8433f3a019cf96dcb0ea29d46393bcf5868406d/docs/zustand-pick.md)
-- [zustand-pick-from](https://github.com/bigbinary/babel-preset-neeto/blob/e8433f3a019cf96dcb0ea29d46393bcf5868406d/docs/zustand-pick-from.md)
+- [zustand-pick](https://github.com/bigbinary/babel-preset-neeto/blob/main/docs/zustand-pick.md)
+- [zustand-pick-from](https://github.com/bigbinary/babel-preset-neeto/blob/main/docs/zustand-pick-from.md)
 
 ## Other links
 

docs/zustand-pick.md

@@ -75,6 +75,9 @@ const { order, setOrder } = useGlobalStore.pick();
 // picks `id` and `user` from inside store.order
 const { id, user } = useGlobalStore.pick("order");
 
+// supports default values
+const { user = {} } = useGlobalStore.pick();
+
 // picks `quantity` of dynamically obtained item of id `itemId`
 const { quantity } = useGlobalStore.pick(["order", "items", itemId]);
 

src/plugins/zustand-pick/constants.js

@@ -53,7 +53,9 @@ const PICK_STRICT_PATTERN = {
             matches({
               type: "ObjectProperty",
               method: false,
-              value: { type: "Identifier" },
+              value: {
+                type: includes(__, ["Identifier", "AssignmentPattern"]),
+              },
             })
           ),
         },

src/tests/zustand-pick/transformations/default-value/input.js

@@ -0,0 +1 @@
+const { orderId = "#1001", customer = {} } = useGlobalStore.pick();

src/tests/zustand-pick/transformations/default-value/output.js

@@ -0,0 +1,8 @@
+import { shallow } from "zustand/shallow";
+const { orderId = "#1001", customer = {} } = useGlobalStore(
+  store => ({
+    orderId: store["orderId"],
+    customer: store["customer"],
+  }),
+  shallow
+);