piral-dashboard 0.15.0-alpha.4332 → 0.15.0-alpha.4396

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-dashboard",
-  "version": "0.15.0-alpha.4332",
+  "version": "0.15.0-alpha.4396",
   "description": "Plugin for creating a centralized dashboard in Piral.",
   "keywords": [
     "piral",
@@ -31,6 +31,10 @@
     "./lib/*": {
       "require": "./lib/*"
     },
+    "./_/*": {
+      "import": "./esm/*.js",
+      "require": "./lib/*.js"
+    },
     "./package.json": "./package.json"
   },
   "sideEffects": false,
@@ -59,12 +63,12 @@
   "devDependencies": {
     "@types/react": "^18.0.0",
     "@types/react-router-dom": "^5.1.6",
-    "piral-core": "0.15.0-alpha.4332",
+    "piral-core": "0.15.0-alpha.4396",
     "react": "^18.0.0"
   },
   "peerDependencies": {
     "piral-core": "0.14.x || 0.15.x",
     "react": ">=16.8.0"
   },
-  "gitHead": "109cacf66ffee5af60faf7bc861e5ffe8c9a7cd2"
+  "gitHead": "62abff4d61634b3ecffda2407f1c29f1de929b4c"
 }

package/src/Dashboard.test.tsx

@@ -1,16 +1,16 @@
 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 { Dashboard } from './Dashboard';
 
-const MockDbContainer: React.FC = ({ children }) => <div>{children}</div>;
+const MockDbContainer: React.FC<any> = ({ children }) => <div>{children}</div>;
 MockDbContainer.displayName = 'MockDbContainer';
-const MockDbTile: React.FC = ({ children }) => <div>{children}</div>;
+const MockDbTile: React.FC<any> = ({ children }) => <div>{children}</div>;
 MockDbTile.displayName = 'MockDbTile';
 
 function createMockContainer(tiles = {}) {
-  const state = Atom.of({
+  const state = create(() => ({
     components: {
       DashboardContainer: MockDbContainer,
       DashboardTile: MockDbTile,
@@ -18,7 +18,7 @@ function createMockContainer(tiles = {}) {
     registry: {
       tiles,
     },
-  });
+  }));
   return {
     context: {
       on: jest.fn(),
@@ -27,10 +27,10 @@ function createMockContainer(tiles = {}) {
       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 { registerTile, unregisterTile } from './actions';
 
 describe('Dashboard Actions Module', () => {
   it('registerTile and unregisterTile', () => {
-    const state = Atom.of({
+    const state: any = create(() => ({
       foo: 5,
       registry: {
         foo: 5,
         tiles: {},
       },
-    });
+    }));
     const ctx = createActions(state, createListener({}));
     registerTile(ctx, 'foo', 10);
-    expect(deref(state)).toEqual({
+    expect((state.getState())).toEqual({
       foo: 5,
       registry: {
         foo: 5,
@@ -24,7 +24,7 @@ describe('Dashboard Actions Module', () => {
       },
     });
     unregisterTile(ctx, 'foo');
-    expect(deref(state)).toEqual({
+    expect((state.getState())).toEqual({
       foo: 5,
       registry: {
         foo: 5,

package/src/create.test.ts

@@ -1,4 +1,4 @@
-import { Atom, swap } from '@dbeining/react-atom';
+import create from 'zustand';
 import { createElement, FC } from 'react';
 import { createDashboardApi } from './create';
 
@@ -6,11 +6,11 @@ const StubComponent: FC = (props) => createElement('div', props);
 StubComponent.displayName = 'StubComponent';
 
 function createMockContainer() {
-  const state = Atom.of({
+  const state = create(() => ({
     registry: {
       extensions: {},
     },
-  });
+  }));
   return {
     context: {
       on: jest.fn(),
@@ -23,7 +23,7 @@ function createMockContainer() {
       },
       state,
       dispatch(update) {
-        swap(state, update);
+        state.setState(update(state.getState()));
       },
     } as any,
     api: {} as any,