piral-breadcrumbs 0.15.0-alpha.4314 → 0.15.0-alpha.4355

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-breadcrumbs",
-  "version": "0.15.0-alpha.4314",
+  "version": "0.15.0-alpha.4355",
   "description": "Plugin for creating a breadcrumb manager in Piral.",
   "keywords": [
     "piral",
@@ -31,6 +31,10 @@
     "./lib/*": {
       "require": "./lib/*"
     },
+    "./_/*": {
+      "import": "./esm/*.js",
+      "require": "./lib/*.js"
+    },
     "./package.json": "./package.json"
   },
   "sideEffects": false,
@@ -62,7 +66,7 @@
   "devDependencies": {
     "@types/react": "^18.0.0",
     "@types/react-router": "^5.1.8",
-    "piral-core": "0.15.0-alpha.4314",
+    "piral-core": "0.15.0-alpha.4355",
     "react": "^18.0.0",
     "react-router": "^5.2.0"
   },
@@ -71,5 +75,5 @@
     "react": ">=16.8.0",
     "react-router": "5.x"
   },
-  "gitHead": "8bd59debe22a0fed137458a5295eb2ea43d9e0d3"
+  "gitHead": "a4dda359fe03992cd06bfb808df916747beb065d"
 }

package/src/Breadcrumbs.test.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react';
+import create from 'zustand';
 import { mount } from 'enzyme';
 import { StateContext } from 'piral-core';
-import { Atom, swap, deref } from '@dbeining/react-atom';
 import { Breadcrumbs } from './Breadcrumbs';
 
-const MockBcContainer: React.FC = ({ children }) => <div>{children}</div>;
+const MockBcContainer: React.FC<any> = ({ children }) => <div>{children}</div>;
 MockBcContainer.displayName = 'MockBcContainer';
 
-const MockBcItem: React.FC = ({ children }) => <div>{children}</div>;
+const MockBcItem: React.FC<any> = ({ children }) => <div>{children}</div>;
 MockBcItem.displayName = 'MockBcTile';
 
 jest.mock('react-router', () => ({
@@ -22,7 +22,7 @@ jest.mock('react-router', () => ({
 }));
 
 function createMockContainer(breadcrumbs = {}) {
-  const state = Atom.of({
+  const state = create(() => ({
     components: {
       BreadcrumbsContainer: MockBcContainer,
       BreadcrumbItem: MockBcItem,
@@ -30,7 +30,7 @@ function createMockContainer(breadcrumbs = {}) {
     registry: {
       breadcrumbs,
     },
-  });
+  }));
   return {
     context: {
       on: jest.fn(),
@@ -39,10 +39,10 @@ function createMockContainer(breadcrumbs = {}) {
       defineActions() {},
       state,
       readState(read) {
-        return read(deref(state));
+        return read(state.getState());
       },
       dispatch(update) {
-        swap(state, update);
+        state.setState(update(state.getState()));
       },
     } as any,
     api: {} as any,

package/src/actions.test.ts

@@ -1,20 +1,20 @@
-import { Atom, deref } from '@dbeining/react-atom';
+import create from 'zustand';
 import { createListener } from 'piral-base';
 import { createActions } from 'piral-core';
 import { registerBreadcrumb, unregisterBreadcrumb } from './actions';
 
 describe('Breadcrumbs Actions Module', () => {
   it('registerBreadcrumb and unregisterBreadcrumb', () => {
-    const state = Atom.of({
+    const state: any = create(() => ({
       foo: 5,
       registry: {
         foo: 5,
         breadcrumbs: {},
       },
-    });
+    }));
     const ctx = createActions(state, createListener({}));
     registerBreadcrumb(ctx, 'foo', 10);
-    expect(deref(state)).toEqual({
+    expect((state.getState())).toEqual({
       foo: 5,
       registry: {
         foo: 5,
@@ -24,7 +24,7 @@ describe('Breadcrumbs Actions Module', () => {
       },
     });
     unregisterBreadcrumb(ctx, 'foo');
-    expect(deref(state)).toEqual({
+    expect((state.getState())).toEqual({
       foo: 5,
       registry: {
         foo: 5,

package/src/create.test.ts

@@ -1,12 +1,12 @@
-import { Atom, swap } from '@dbeining/react-atom';
+import create from 'zustand';
 import { createBreadcrumbsApi } from './create';
 
 function createMockContainer() {
-  const state = Atom.of({
+  const state = create(() => ({
     registry: {
       extensions: {},
     },
-  });
+  }));
   return {
     context: {
       on: jest.fn(),
@@ -15,7 +15,7 @@ function createMockContainer() {
       defineActions() {},
       state,
       dispatch(update) {
-        swap(state, update);
+        state.setState(update(state.getState()));
       },
     } as any,
     api: {} as any,