piral-containers 1.0.0-pre.2296 → 1.0.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 - 2021 smapiot
+Copyright (c) 2019 - 2023 smapiot
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,6 +1,6 @@
-[![Piral Logo](https://github.com/smapiot/piral/raw/master/docs/assets/logo.png)](https://piral.io)
+[![Piral Logo](https://github.com/smapiot/piral/raw/main/docs/assets/logo.png)](https://piral.io)
 
-# [Piral Containers](https://piral.io) · [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/smapiot/piral/blob/master/LICENSE) [![npm version](https://img.shields.io/npm/v/piral-containers.svg?style=flat)](https://www.npmjs.com/package/piral-containers) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://jestjs.io) [![Gitter Chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/piral-io/community)
+# [Piral Containers](https://piral.io) · [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/smapiot/piral/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/piral-containers.svg?style=flat)](https://www.npmjs.com/package/piral-containers) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://jestjs.io) [![Gitter Chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/piral-io/community)
 
 This is a plugin that only has a peer dependency to `piral-core`. What `piral-containers` brings to the table is a set of Pilet API extensions that can be used with `piral` or `piral-core`.
 
@@ -12,6 +12,12 @@ State management is important. While plugins such as `piral-redux` bring in an a
 
 Alternatives: Leave every pilet to decide and bundle their own state management. A lightweight, framework-agnostic alternative would be [unistore](https://github.com/developit/unistore).
 
+## Video
+
+We also have a video for this plugin:
+
+@[youtube](https://youtu.be/SOY_8temoEE)
+
 ## Documentation
 
 The following functions are brought to the Pilet API.

package/esm/actions.js

@@ -1,16 +1,15 @@
-import { __assign } from "tslib";
 import { withKey, withoutKey } from 'piral-core';
 export function createState(ctx, id, data) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { containers: withKey(state.containers, id, data) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { containers: withKey(state.containers, id, data) })));
 }
 export function destroyState(ctx, id) {
-    ctx.dispatch(function (state) { return (__assign(__assign({}, state), { containers: withoutKey(state.containers, id) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { containers: withoutKey(state.containers, id) })));
 }
 export function replaceState(ctx, id, dispatch) {
-    ctx.dispatch(function (state) {
-        var oldState = state.containers[id];
-        var newState = dispatch(oldState);
-        return __assign(__assign({}, state), { containers: withKey(state.containers, id, __assign(__assign({}, oldState), newState)) });
+    ctx.dispatch((state) => {
+        const oldState = state.containers[id];
+        const newState = dispatch(oldState);
+        return Object.assign(Object.assign({}, state), { containers: withKey(state.containers, id, Object.assign(Object.assign({}, oldState), newState)) });
     });
 }
 //# sourceMappingURL=actions.js.map

package/esm/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":";AAAA,OAAO,EAAmB,OAAO,EAAE,UAAU,EAAsB,MAAM,YAAY,CAAC;AAEtF,MAAM,UAAU,WAAW,CAAS,GAAuB,EAAE,EAAU,EAAE,IAAY;IACnF,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,CAAC,IAC/C,EAHsB,CAGtB,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,GAAuB,EAAE,EAAU;IAC9D,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,IAC5C,EAHsB,CAGtB,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,YAAY,CAAS,GAAuB,EAAE,EAAU,EAAE,QAAiC;IACzG,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK;QACjB,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QACtC,IAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACpC,6BACK,KAAK,KACR,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,wBACnC,QAAQ,GACR,QAAQ,EACX,IACF;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,OAAO,EAAE,UAAU,EAAsB,MAAM,YAAY,CAAC;AAEtF,MAAM,UAAU,WAAW,CAAS,GAAuB,EAAE,EAAU,EAAE,IAAY;IACnF,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,CAAC,IAC/C,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,GAAuB,EAAE,EAAU;IAC9D,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,IAC5C,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,YAAY,CAAS,GAAuB,EAAE,EAAU,EAAE,QAAiC;IACzG,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;QACrB,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QACtC,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACpC,uCACK,KAAK,KACR,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,kCACnC,QAAQ,GACR,QAAQ,EACX,IACF;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

package/esm/create.js

@@ -1,37 +1,29 @@
-import { __assign, __spreadArrays } from "tslib";
 import * as actions from './actions';
 import { buildName } from 'piral-core';
 import { withPiletState } from './withPiletState';
 /**
  * Creates new Pilet API extensions for supporting pilet global state containers.
  */
-export function createContainersApi(config) {
-    if (config === void 0) { config = {}; }
-    return function (context) {
+export function createContainersApi(config = {}) {
+    return (context) => {
         context.defineActions(actions);
-        context.dispatch(function (state) { return (__assign(__assign({}, state), { containers: {} })); });
-        return function (api, target) {
-            var containers = 0;
+        context.dispatch((state) => (Object.assign(Object.assign({}, state), { containers: {} })));
+        return (api, target) => {
+            let containers = 0;
             return {
-                createState: function (options) {
+                createState(options) {
                     if (!options || typeof options.actions !== 'object' || typeof options.state !== 'object') {
                         throw new Error('Missing options. "state" and "actions" are required.');
                     }
-                    var actions = {};
-                    var id = buildName(target.name, containers++);
-                    var cb = function (dispatch) { return context.replaceState(id, dispatch); };
+                    const actions = {};
+                    const id = buildName(target.name, containers++);
+                    const cb = (dispatch) => context.replaceState(id, dispatch);
                     context.createState(id, options.state);
-                    Object.keys(options.actions).forEach(function (key) {
-                        var action = options.actions[key];
-                        actions[key] = function () {
-                            var args = [];
-                            for (var _i = 0; _i < arguments.length; _i++) {
-                                args[_i] = arguments[_i];
-                            }
-                            return action.call.apply(action, __spreadArrays([api, cb], args));
-                        };
+                    Object.keys(options.actions).forEach((key) => {
+                        const action = options.actions[key];
+                        actions[key] = (...args) => action.call(api, cb, ...args);
                     });
-                    return function (component) { return withPiletState(component, id, actions); };
+                    return (component) => withPiletState(component, id, actions);
                 },
             };
         };

package/esm/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,SAAS,EAAgC,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQlD;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,MAA6B;IAA7B,uBAAA,EAAA,WAA6B;IAC/D,OAAO,UAAC,OAAO;QACb,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE/B,OAAO,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACvB,KAAK,KACR,UAAU,EAAE,EAAE,IACd,EAH0B,CAG1B,CAAC,CAAC;QAEJ,OAAO,UAAC,GAAG,EAAE,MAAM;YACjB,IAAI,UAAU,GAAG,CAAC,CAAC;YAEnB,OAAO;gBACL,WAAW,EAAX,UAAY,OAAO;oBACjB,IAAI,CAAC,OAAO,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ,IAAI,OAAO,OAAO,CAAC,KAAK,KAAK,QAAQ,EAAE;wBACxF,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;qBACzE;oBAED,IAAM,OAAO,GAAG,EAAE,CAAC;oBACnB,IAAM,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;oBAChD,IAAM,EAAE,GAAG,UAAC,QAA8B,IAAK,OAAA,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAlC,CAAkC,CAAC;oBAClF,OAAO,CAAC,WAAW,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;oBAEvC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAC,GAAG;wBACvC,IAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;wBACpC,OAAO,CAAC,GAAG,CAAC,GAAG;4BAAC,cAAO;iCAAP,UAAO,EAAP,qBAAO,EAAP,IAAO;gCAAP,yBAAO;;4BAAK,OAAA,MAAM,CAAC,IAAI,OAAX,MAAM,kBAAM,GAAG,EAAE,EAAE,GAAK,IAAI;wBAA5B,CAA6B,CAAC;oBAC5D,CAAC,CAAC,CAAC;oBAEH,OAAO,UAAC,SAAS,IAAK,OAAA,cAAc,CAAC,SAAS,EAAE,EAAE,EAAE,OAAO,CAAQ,EAA7C,CAA6C,CAAC;gBACtE,CAAC;aACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,SAAS,EAAgC,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQlD;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,SAA2B,EAAE;IAC/D,OAAO,CAAC,OAAO,EAAE,EAAE;QACjB,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE/B,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACvB,KAAK,KACR,UAAU,EAAE,EAAE,IACd,CAAC,CAAC;QAEJ,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;YACrB,IAAI,UAAU,GAAG,CAAC,CAAC;YAEnB,OAAO;gBACL,WAAW,CAAC,OAAO;oBACjB,IAAI,CAAC,OAAO,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ,IAAI,OAAO,OAAO,CAAC,KAAK,KAAK,QAAQ,EAAE;wBACxF,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;qBACzE;oBAED,MAAM,OAAO,GAAG,EAAE,CAAC;oBACnB,MAAM,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;oBAChD,MAAM,EAAE,GAAG,CAAC,QAA8B,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;oBAClF,OAAO,CAAC,WAAW,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;oBAEvC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;wBAC3C,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;wBACpC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC;oBAC5D,CAAC,CAAC,CAAC;oBAEH,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,EAAE,EAAE,OAAO,CAAQ,CAAC;gBACtE,CAAC;aACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/esm/types.d.ts

@@ -1,5 +1,5 @@
-import { ComponentType, FC } from 'react';
-import { RemainingArgs, StateDispatcher } from 'piral-core';
+import type { ComponentType, FC } from 'react';
+import type { RemainingArgs, StateDispatcher } from 'piral-core';
 declare module 'piral-core/lib/types/custom' {
     interface PiletCustomApi extends PiletContainersApi {
     }
@@ -39,7 +39,7 @@ export interface PiletContainersApi {
 export interface StateContainerReducer<TState> {
     (dispatch: StateDispatcher<TState>): void;
 }
-export declare type StateContainerReducers<TState> = {
+export type StateContainerReducers<TState> = {
     [name: string]: (dispatch: StateContainerReducer<TState>, ...args: any) => void;
 };
 export interface StateContainerOptions<TState, TActions extends StateContainerReducers<TState>> {
@@ -62,7 +62,7 @@ export interface StateConnectorProps<TState, TAction> {
      */
     actions: TAction;
 }
-export declare type StateContainerActions<TActions> = {
+export type StateContainerActions<TActions> = {
     [P in keyof TActions]: (...args: RemainingArgs<TActions[P]>) => void;
 };
 export interface StateContainer<TState, TActions> {

package/esm/withPiletState.js

@@ -1,12 +1,11 @@
-import { __assign } from "tslib";
 import * as React from 'react';
 import { useGlobalState } from 'piral-core';
 export function withPiletState(Component, id, actions) {
-    var StateView = function (props) {
-        var state = useGlobalState(function (s) { return s.containers[id]; });
-        return React.createElement(Component, __assign({ state: state, actions: actions }, props));
+    const StateView = (props) => {
+        const state = useGlobalState((s) => s.containers[id]);
+        return React.createElement(Component, Object.assign({ state: state, actions: actions }, props));
     };
-    StateView.displayName = "StateView_" + id;
+    StateView.displayName = `StateView_${id}`;
     return StateView;
 }
 //# sourceMappingURL=withPiletState.js.map

package/esm/withPiletState.js.map

@@ -1 +1 @@
-{"version":3,"file":"withPiletState.js","sourceRoot":"","sources":["../src/withPiletState.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAG5C,MAAM,UAAU,cAAc,CAC5B,SAA6E,EAC7E,EAAU,EACV,OAAgB;IAEhB,IAAM,SAAS,GAAqB,UAAC,KAAK;QACxC,IAAM,KAAK,GAAG,cAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,EAAhB,CAAgB,CAAC,CAAC;QACtD,OAAO,oBAAC,SAAS,aAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAAC;IAClE,CAAC,CAAC;IACF,SAAS,CAAC,WAAW,GAAG,eAAa,EAAI,CAAC;IAE1C,OAAO,SAAS,CAAC;AACnB,CAAC"}
+{"version":3,"file":"withPiletState.js","sourceRoot":"","sources":["../src/withPiletState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAG5C,MAAM,UAAU,cAAc,CAC5B,SAA6E,EAC7E,EAAU,EACV,OAAgB;IAEhB,MAAM,SAAS,GAAqB,CAAC,KAAK,EAAE,EAAE;QAC5C,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;QACtD,OAAO,oBAAC,SAAS,kBAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAAC;IAClE,CAAC,CAAC;IACF,SAAS,CAAC,WAAW,GAAG,aAAa,EAAE,EAAE,CAAC;IAE1C,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/lib/actions.js

@@ -1,21 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceState = exports.destroyState = exports.createState = void 0;
-var tslib_1 = require("tslib");
-var piral_core_1 = require("piral-core");
+const piral_core_1 = require("piral-core");
 function createState(ctx, id, data) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { containers: piral_core_1.withKey(state.containers, id, data) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { containers: (0, piral_core_1.withKey)(state.containers, id, data) })));
 }
 exports.createState = createState;
 function destroyState(ctx, id) {
-    ctx.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { containers: piral_core_1.withoutKey(state.containers, id) })); });
+    ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { containers: (0, piral_core_1.withoutKey)(state.containers, id) })));
 }
 exports.destroyState = destroyState;
 function replaceState(ctx, id, dispatch) {
-    ctx.dispatch(function (state) {
-        var oldState = state.containers[id];
-        var newState = dispatch(oldState);
-        return tslib_1.__assign(tslib_1.__assign({}, state), { containers: piral_core_1.withKey(state.containers, id, tslib_1.__assign(tslib_1.__assign({}, oldState), newState)) });
+    ctx.dispatch((state) => {
+        const oldState = state.containers[id];
+        const newState = dispatch(oldState);
+        return Object.assign(Object.assign({}, state), { containers: (0, piral_core_1.withKey)(state.containers, id, Object.assign(Object.assign({}, oldState), newState)) });
     });
 }
 exports.replaceState = replaceState;

package/lib/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":";;;;AAAA,yCAAsF;AAEtF,SAAgB,WAAW,CAAS,GAAuB,EAAE,EAAU,EAAE,IAAY;IACnF,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACnB,KAAK,KACR,UAAU,EAAE,oBAAO,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,CAAC,IAC/C,EAHsB,CAGtB,CAAC,CAAC;AACN,CAAC;AALD,kCAKC;AAED,SAAgB,YAAY,CAAC,GAAuB,EAAE,EAAU;IAC9D,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACnB,KAAK,KACR,UAAU,EAAE,uBAAU,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,IAC5C,EAHsB,CAGtB,CAAC,CAAC;AACN,CAAC;AALD,oCAKC;AAED,SAAgB,YAAY,CAAS,GAAuB,EAAE,EAAU,EAAE,QAAiC;IACzG,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK;QACjB,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QACtC,IAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACpC,6CACK,KAAK,KACR,UAAU,EAAE,oBAAO,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,wCACnC,QAAQ,GACR,QAAQ,EACX,IACF;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAZD,oCAYC"}
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":";;;AAAA,2CAAsF;AAEtF,SAAgB,WAAW,CAAS,GAAuB,EAAE,EAAU,EAAE,IAAY;IACnF,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,UAAU,EAAE,IAAA,oBAAO,EAAC,KAAK,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,CAAC,IAC/C,CAAC,CAAC;AACN,CAAC;AALD,kCAKC;AAED,SAAgB,YAAY,CAAC,GAAuB,EAAE,EAAU;IAC9D,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACnB,KAAK,KACR,UAAU,EAAE,IAAA,uBAAU,EAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,IAC5C,CAAC,CAAC;AACN,CAAC;AALD,oCAKC;AAED,SAAgB,YAAY,CAAS,GAAuB,EAAE,EAAU,EAAE,QAAiC;IACzG,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;QACrB,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QACtC,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACpC,uCACK,KAAK,KACR,UAAU,EAAE,IAAA,oBAAO,EAAC,KAAK,CAAC,UAAU,EAAE,EAAE,kCACnC,QAAQ,GACR,QAAQ,EACX,IACF;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAZD,oCAYC"}

package/lib/create.js

@@ -1,40 +1,32 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createContainersApi = void 0;
-var tslib_1 = require("tslib");
-var actions = require("./actions");
-var piral_core_1 = require("piral-core");
-var withPiletState_1 = require("./withPiletState");
+const actions = require("./actions");
+const piral_core_1 = require("piral-core");
+const withPiletState_1 = require("./withPiletState");
 /**
  * Creates new Pilet API extensions for supporting pilet global state containers.
  */
-function createContainersApi(config) {
-    if (config === void 0) { config = {}; }
-    return function (context) {
+function createContainersApi(config = {}) {
+    return (context) => {
         context.defineActions(actions);
-        context.dispatch(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { containers: {} })); });
-        return function (api, target) {
-            var containers = 0;
+        context.dispatch((state) => (Object.assign(Object.assign({}, state), { containers: {} })));
+        return (api, target) => {
+            let containers = 0;
             return {
-                createState: function (options) {
+                createState(options) {
                     if (!options || typeof options.actions !== 'object' || typeof options.state !== 'object') {
                         throw new Error('Missing options. "state" and "actions" are required.');
                     }
-                    var actions = {};
-                    var id = piral_core_1.buildName(target.name, containers++);
-                    var cb = function (dispatch) { return context.replaceState(id, dispatch); };
+                    const actions = {};
+                    const id = (0, piral_core_1.buildName)(target.name, containers++);
+                    const cb = (dispatch) => context.replaceState(id, dispatch);
                     context.createState(id, options.state);
-                    Object.keys(options.actions).forEach(function (key) {
-                        var action = options.actions[key];
-                        actions[key] = function () {
-                            var args = [];
-                            for (var _i = 0; _i < arguments.length; _i++) {
-                                args[_i] = arguments[_i];
-                            }
-                            return action.call.apply(action, tslib_1.__spreadArrays([api, cb], args));
-                        };
+                    Object.keys(options.actions).forEach((key) => {
+                        const action = options.actions[key];
+                        actions[key] = (...args) => action.call(api, cb, ...args);
                     });
-                    return function (component) { return withPiletState_1.withPiletState(component, id, actions); };
+                    return (component) => (0, withPiletState_1.withPiletState)(component, id, actions);
                 },
             };
         };

package/lib/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;;AAAA,mCAAqC;AACrC,yCAAqE;AACrE,mDAAkD;AAQlD;;GAEG;AACH,SAAgB,mBAAmB,CAAC,MAA6B;IAA7B,uBAAA,EAAA,WAA6B;IAC/D,OAAO,UAAC,OAAO;QACb,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE/B,OAAO,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uCACvB,KAAK,KACR,UAAU,EAAE,EAAE,IACd,EAH0B,CAG1B,CAAC,CAAC;QAEJ,OAAO,UAAC,GAAG,EAAE,MAAM;YACjB,IAAI,UAAU,GAAG,CAAC,CAAC;YAEnB,OAAO;gBACL,WAAW,EAAX,UAAY,OAAO;oBACjB,IAAI,CAAC,OAAO,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ,IAAI,OAAO,OAAO,CAAC,KAAK,KAAK,QAAQ,EAAE;wBACxF,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;qBACzE;oBAED,IAAM,OAAO,GAAG,EAAE,CAAC;oBACnB,IAAM,EAAE,GAAG,sBAAS,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;oBAChD,IAAM,EAAE,GAAG,UAAC,QAA8B,IAAK,OAAA,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAlC,CAAkC,CAAC;oBAClF,OAAO,CAAC,WAAW,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;oBAEvC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAC,GAAG;wBACvC,IAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;wBACpC,OAAO,CAAC,GAAG,CAAC,GAAG;4BAAC,cAAO;iCAAP,UAAO,EAAP,qBAAO,EAAP,IAAO;gCAAP,yBAAO;;4BAAK,OAAA,MAAM,CAAC,IAAI,OAAX,MAAM,0BAAM,GAAG,EAAE,EAAE,GAAK,IAAI;wBAA5B,CAA6B,CAAC;oBAC5D,CAAC,CAAC,CAAC;oBAEH,OAAO,UAAC,SAAS,IAAK,OAAA,+BAAc,CAAC,SAAS,EAAE,EAAE,EAAE,OAAO,CAAQ,EAA7C,CAA6C,CAAC;gBACtE,CAAC;aACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAjCD,kDAiCC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";;;AAAA,qCAAqC;AACrC,2CAAqE;AACrE,qDAAkD;AAQlD;;GAEG;AACH,SAAgB,mBAAmB,CAAC,SAA2B,EAAE;IAC/D,OAAO,CAAC,OAAO,EAAE,EAAE;QACjB,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE/B,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,iCACvB,KAAK,KACR,UAAU,EAAE,EAAE,IACd,CAAC,CAAC;QAEJ,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;YACrB,IAAI,UAAU,GAAG,CAAC,CAAC;YAEnB,OAAO;gBACL,WAAW,CAAC,OAAO;oBACjB,IAAI,CAAC,OAAO,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ,IAAI,OAAO,OAAO,CAAC,KAAK,KAAK,QAAQ,EAAE;wBACxF,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;qBACzE;oBAED,MAAM,OAAO,GAAG,EAAE,CAAC;oBACnB,MAAM,EAAE,GAAG,IAAA,sBAAS,EAAC,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;oBAChD,MAAM,EAAE,GAAG,CAAC,QAA8B,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;oBAClF,OAAO,CAAC,WAAW,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;oBAEvC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;wBAC3C,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;wBACpC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC;oBAC5D,CAAC,CAAC,CAAC;oBAEH,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,IAAA,+BAAc,EAAC,SAAS,EAAE,EAAE,EAAE,OAAO,CAAQ,CAAC;gBACtE,CAAC;aACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAjCD,kDAiCC"}

package/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./create"), exports);
 tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/lib/types.d.ts

@@ -1,5 +1,5 @@
-import { ComponentType, FC } from 'react';
-import { RemainingArgs, StateDispatcher } from 'piral-core';
+import type { ComponentType, FC } from 'react';
+import type { RemainingArgs, StateDispatcher } from 'piral-core';
 declare module 'piral-core/lib/types/custom' {
     interface PiletCustomApi extends PiletContainersApi {
     }
@@ -39,7 +39,7 @@ export interface PiletContainersApi {
 export interface StateContainerReducer<TState> {
     (dispatch: StateDispatcher<TState>): void;
 }
-export declare type StateContainerReducers<TState> = {
+export type StateContainerReducers<TState> = {
     [name: string]: (dispatch: StateContainerReducer<TState>, ...args: any) => void;
 };
 export interface StateContainerOptions<TState, TActions extends StateContainerReducers<TState>> {
@@ -62,7 +62,7 @@ export interface StateConnectorProps<TState, TAction> {
      */
     actions: TAction;
 }
-export declare type StateContainerActions<TActions> = {
+export type StateContainerActions<TActions> = {
     [P in keyof TActions]: (...args: RemainingArgs<TActions[P]>) => void;
 };
 export interface StateContainer<TState, TActions> {

package/lib/withPiletState.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withPiletState = void 0;
-var tslib_1 = require("tslib");
-var React = require("react");
-var piral_core_1 = require("piral-core");
+const React = require("react");
+const piral_core_1 = require("piral-core");
 function withPiletState(Component, id, actions) {
-    var StateView = function (props) {
-        var state = piral_core_1.useGlobalState(function (s) { return s.containers[id]; });
-        return React.createElement(Component, tslib_1.__assign({ state: state, actions: actions }, props));
+    const StateView = (props) => {
+        const state = (0, piral_core_1.useGlobalState)((s) => s.containers[id]);
+        return React.createElement(Component, Object.assign({ state: state, actions: actions }, props));
     };
-    StateView.displayName = "StateView_" + id;
+    StateView.displayName = `StateView_${id}`;
     return StateView;
 }
 exports.withPiletState = withPiletState;

package/lib/withPiletState.js.map

@@ -1 +1 @@
-{"version":3,"file":"withPiletState.js","sourceRoot":"","sources":["../src/withPiletState.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,yCAA4C;AAG5C,SAAgB,cAAc,CAC5B,SAA6E,EAC7E,EAAU,EACV,OAAgB;IAEhB,IAAM,SAAS,GAAqB,UAAC,KAAK;QACxC,IAAM,KAAK,GAAG,2BAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,EAAhB,CAAgB,CAAC,CAAC;QACtD,OAAO,oBAAC,SAAS,qBAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAAC;IAClE,CAAC,CAAC;IACF,SAAS,CAAC,WAAW,GAAG,eAAa,EAAI,CAAC;IAE1C,OAAO,SAAS,CAAC;AACnB,CAAC;AAZD,wCAYC"}
+{"version":3,"file":"withPiletState.js","sourceRoot":"","sources":["../src/withPiletState.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,2CAA4C;AAG5C,SAAgB,cAAc,CAC5B,SAA6E,EAC7E,EAAU,EACV,OAAgB;IAEhB,MAAM,SAAS,GAAqB,CAAC,KAAK,EAAE,EAAE;QAC5C,MAAM,KAAK,GAAG,IAAA,2BAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;QACtD,OAAO,oBAAC,SAAS,kBAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAAC;IAClE,CAAC,CAAC;IACF,SAAS,CAAC,WAAW,GAAG,aAAa,EAAE,EAAE,CAAC;IAE1C,OAAO,SAAS,CAAC;AACnB,CAAC;AAZD,wCAYC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-containers",
-  "version": "1.0.0-pre.2296",
+  "version": "1.0.0",
   "description": "Plugin for creating a pilet state container in Piral.",
   "keywords": [
     "piral",
@@ -20,11 +20,29 @@
   "module": "esm/index.js",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./lib/index.js"
+    },
+    "./esm/*": {
+      "import": "./esm/*"
+    },
+    "./lib/*": {
+      "require": "./lib/*"
+    },
+    "./_/*": {
+      "import": "./esm/*.js",
+      "require": "./lib/*.js"
+    },
+    "./package.json": "./package.json"
+  },
   "sideEffects": false,
   "files": [
     "esm",
     "lib",
-    "src"
+    "src",
+    "piral-containers.min.js"
   ],
   "repository": {
     "type": "git",
@@ -34,17 +52,22 @@
     "url": "https://github.com/smapiot/piral/issues"
   },
   "scripts": {
-    "build": "yarn build:commonjs && yarn build:esnext",
+    "cleanup": "rimraf esm lib piral-containers.min.js",
+    "build": "yarn build:bundle && yarn build:commonjs && yarn build:esnext",
+    "build:bundle": "esbuild src/index.ts --outfile=piral-containers.min.js --bundle --external:piral-core --external:react --minify --global-name=piralContainers",
     "build:commonjs": "tsc --project tsconfig.json --outDir lib --module commonjs",
     "build:esnext": "tsc --project tsconfig.json --outDir esm --module esnext",
     "typedoc": "typedoc --json ../../../docs/types/piral-containers.json src --exclude \"src/**/*.test.*\"",
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "devDependencies": {
-    "piral-core": "^1.0.0-pre.2296"
+    "@types/react": "^18.0.0",
+    "piral-core": "^1.0.0",
+    "react": "^18.0.0"
   },
   "peerDependencies": {
-    "piral-core": "0.13.x"
+    "piral-core": "0.14.x || 0.15.x",
+    "react": ">=16.8.0"
   },
-  "gitHead": "8dc47ff93be1eefcc3e226a1e7dd4d58615b4e0c"
+  "gitHead": "67d9a2920bd5231baf10bc87ae8985666b18fa3a"
 }

package/piral-containers.min.js

@@ -0,0 +1 @@
+var piralContainers=(()=>{var j=Object.create;var p=Object.defineProperty,R=Object.defineProperties,E=Object.getOwnPropertyDescriptor,K=Object.getOwnPropertyDescriptors,N=Object.getOwnPropertyNames,C=Object.getOwnPropertySymbols,V=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var T=(t,e,a)=>e in t?p(t,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[e]=a,n=(t,e)=>{for(var a in e||(e={}))P.call(e,a)&&T(t,a,e[a]);if(C)for(var a of C(e))q.call(e,a)&&T(t,a,e[a]);return t},s=(t,e)=>R(t,K(e)),y=t=>p(t,"__esModule",{value:!0});var f=(t=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(t,{get:(e,a)=>(typeof require!="undefined"?require:e)[a]}):t)(function(t){if(typeof require!="undefined")return require.apply(this,arguments);throw new Error('Dynamic require of "'+t+'" is not supported')});var b=(t,e)=>{y(t);for(var a in e)p(t,a,{get:e[a],enumerable:!0})},F=(t,e,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of N(e))!P.call(t,r)&&r!=="default"&&p(t,r,{get:()=>e[r],enumerable:!(a=E(e,r))||a.enumerable});return t},m=t=>F(y(p(t!=null?j(V(t)):{},"default",t&&t.__esModule&&"default"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);var k={};b(k,{createContainersApi:()=>$});var h={};b(h,{createState:()=>M,destroyState:()=>O,replaceState:()=>_});var l=m(f("piral-core"));function M(t,e,a){t.dispatch(r=>s(n({},r),{containers:(0,l.withKey)(r.containers,e,a)}))}function O(t,e){t.dispatch(a=>s(n({},a),{containers:(0,l.withoutKey)(a.containers,e)}))}function _(t,e,a){t.dispatch(r=>{let i=r.containers[e],o=a(i);return s(n({},r),{containers:(0,l.withKey)(r.containers,e,n(n({},i),o))})})}var x=m(f("piral-core"));var d=m(f("react")),g=m(f("piral-core"));function w(t,e,a){let r=i=>{let o=(0,g.useGlobalState)(S=>S.containers[e]);return d.createElement(t,n({state:o,actions:a},i))};return r.displayName=`StateView_${e}`,r}function $(t={}){return e=>(e.defineActions(h),e.dispatch(a=>s(n({},a),{containers:{}})),(a,r)=>{let i=0;return{createState(o){if(!o||typeof o.actions!="object"||typeof o.state!="object")throw new Error('Missing options. "state" and "actions" are required.');let S={},u=(0,x.buildName)(r.name,i++),A=c=>e.replaceState(u,c);return e.createState(u,o.state),Object.keys(o.actions).forEach(c=>{let G=o.actions[c];S[c]=(...D)=>G.call(a,A,...D)}),c=>w(c,u,S)}}})}return k;})();

package/src/actions.test.ts

@@ -1,8 +1,8 @@
-import { Atom, swap, deref } from '@dbeining/react-atom';
+import create from 'zustand';
 import { createState, destroyState, replaceState } from './actions';
 
 function createMockContainer() {
-  const state = Atom.of({});
+  const state = create(() => ({}));
   return {
     context: {
       converters: {},
@@ -15,7 +15,7 @@ function createMockContainer() {
         return read(state);
       },
       dispatch(update) {
-        swap(state, update);
+        state.setState(update(state.getState()));
       },
     } as any,
     api: {} as any,
@@ -29,7 +29,7 @@ describe('Piral-Containers actions module', () => {
       bar: 'qxz',
     };
     createState(context, 'foo', initialData);
-    const state: any = deref(context.state);
+    const state: any = (context.state.getState());
     expect(state.containers.foo).toBe(initialData);
   });
 
@@ -40,7 +40,7 @@ describe('Piral-Containers actions module', () => {
     };
     createState(context, 'foo', initialData);
     destroyState(context, 'foo');
-    const state: any = deref(context.state);
+    const state: any = (context.state.getState());
     expect(state.containers.foo).toBeUndefined();
   });
 
@@ -54,7 +54,7 @@ describe('Piral-Containers actions module', () => {
     };
     createState(context, 'foo', initialData);
     replaceState(context, 'foo', (state) => updatedData);
-    const state: any = deref(context.state);
+    const state: any = (context.state.getState());
     expect(state.containers.foo).toEqual({
       ...initialData,
       ...updatedData,
@@ -71,7 +71,7 @@ describe('Piral-Containers actions module', () => {
     };
     createState(context, 'foo', initialData);
     replaceState(context, 'foo', (state) => updatedData);
-    const state: any = deref(context.state);
+    const state: any = (context.state.getState());
     expect(state.containers.foo).toEqual({
       ...initialData,
       ...updatedData,
@@ -85,7 +85,7 @@ describe('Piral-Containers actions module', () => {
     };
     createState(context, 'foo', initialData);
     replaceState(context, 'foo', (state) => state);
-    const state: any = deref(context.state);
+    const state: any = (context.state.getState());
     expect(state.containers.foo).toEqual(initialData);
   });
 });

package/src/create.test.tsx

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { mount } from 'enzyme';
+import create from 'zustand';
+import { render, fireEvent } from '@testing-library/react';
 import { StateContext } from 'piral-core';
-import { Atom, swap, deref } from '@dbeining/react-atom';
 import { createContainersApi } from './create';
 
 function createMockContainer() {
-  const state = Atom.of({});
+  const state = create(() => ({}));
   return {
     context: {
       on: jest.fn(),
@@ -18,10 +18,10 @@ function createMockContainer() {
       },
       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,
@@ -48,20 +48,17 @@ describe('Piral-Containers create module', () => {
       },
     });
 
-    const MyComponent = () => null;
+    const MyComponent = ({ state, actions }) => <button role="button" onClick={actions.increment}>{state.count}</button>;
     MyComponent.displayName = 'MyComponent';
     const ConnectedComponent = connect(MyComponent);
-    const node = mount(
+    const node = render(
       <StateContext.Provider value={context}>
         <ConnectedComponent />
       </StateContext.Provider>,
     );
-    const instance = node.find(MyComponent);
-
-    expect(instance.length).toBe(1);
-    expect(instance.prop('state')).toEqual({
-      count: 0,
-    });
-    expect(Object.keys(instance.prop('actions'))).toEqual(['increment']);
+    const button = node.getByRole("button");
+    expect(button.textContent).toEqual('0');
+    fireEvent.click(button);
+    expect(button.textContent).toEqual('1');
   });
 });

package/src/types.ts

@@ -1,5 +1,5 @@
-import { ComponentType, FC } from 'react';
-import { RemainingArgs, StateDispatcher } from 'piral-core';
+import type { ComponentType, FC } from 'react';
+import type { RemainingArgs, StateDispatcher } from 'piral-core';
 
 declare module 'piral-core/lib/types/custom' {
   interface PiletCustomApi extends PiletContainersApi {}