@e1011/es-kit 1.0.180 → 1.0.184

package/dist/lib/src/core/utils/appState/store/simpleComponent/SimpleComponent2.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback } from 'react';
+import { createSelector } from 'reselect';
+import { useStore } from '../useStore.react';
+import { createStore } from '../store.vanillajs';
+import { LayoutBox } from '../../../../ui/components/container/LayoutBox';
+import { delay } from '../../../helpers/other';
+export const simpleStore2 = createStore({
+    title: 'Initial Title',
+    count: 0,
+    data: [1, 2, 3],
+}, {
+    addData: async (getState, setState) => {
+        console.log('addData start');
+        await delay(1000);
+        console.log('addData end');
+        setState({
+            ...getState(),
+            title: 'Added Data Title',
+        });
+    },
+    addCount: (getState, setState) => {
+        const prevState = getState();
+        setState({
+            ...prevState,
+            count: (prevState.count || 0) + 1,
+        });
+    },
+});
+let renderCount = 0;
+export const getRenderCount = () => renderCount;
+export const setRenderCount = (count) => {
+    renderCount = count;
+};
+const titleSelector = (state) => state.title;
+const countSelector = (state) => state.count;
+// const dataSelector = (state: Partial<SimpleState>) => state.data
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+const simpleSelector = createSelector(titleSelector, countSelector, 
+// dataSelector,
+(title, count, data) => {
+    console.log('simpleSelector called');
+    return {
+        title,
+        count,
+        data,
+    };
+});
+export const SimpleComponent2 = memo(({ children }) => {
+    renderCount += 1;
+    const [{ title, count, data }, setState] = useStore(simpleStore2, simpleSelector, true);
+    const simpleComponentButtonClickHandler = useCallback(() => {
+        setState({
+            ...simpleStore2.getState(),
+            count: 111,
+        });
+    }, [setState]);
+    return (_jsxs(LayoutBox, { direction: 'column', children: [_jsx("h3", { children: title }), _jsx("p", { children: count }), _jsx("p", { children: JSON.stringify(data) }), _jsx("button", { type: 'button', id: 'simpleComponentButton', onClick: simpleComponentButtonClickHandler, children: "Add Count" }), children && (_jsx(LayoutBox, { children: children }))] }));
+});
+SimpleComponent2.displayName = 'SimpleComponent2';
+//# sourceMappingURL=SimpleComponent2.js.map

package/dist/lib/src/core/utils/appState/store/simpleComponent/SimpleComponent2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleComponent2.js","sourceRoot":"","sources":["../../../../../../../../src/core/utils/appState/store/simpleComponent/SimpleComponent2.tsx"],"names":[],"mappings":"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"}

package/dist/lib/src/core/utils/appState/store/useStore.react.js

@@ -3,10 +3,15 @@ import { useSyncExternalStore } from 'react';
  * Custom hook to subscribe to a store and retrieve the selected state.
  * @param store - The store to subscribe to.
  * @param selector - Optional selector function to transform the store state.
- * @returns The selected state from the store.
+ * @param returnSetter - Optional flag to have setState returned
+ * @returns The selected state from the store. or selected state and seState tuple
  */
-export function useStore(store, selector = (state) => state) {
-    return useSyncExternalStore(store.subscribe, () => selector(store.getState()));
+export function useStore(store, selector = (state) => state, returnSetter = false) {
+    const getter = useSyncExternalStore(store.subscribe, () => selector(store.getState()));
+    if (returnSetter) {
+        return [getter, store.setState];
+    }
+    return getter;
 }
 /**
  * Custom hook to retrieve the store API including state, getters, setters, and actions (if applicable).

package/dist/lib/src/core/utils/appState/store/useStore.react.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStore.react.js","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/store/useStore.react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAU5C;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CACtB,KAAqC,EACrC,WAAwB,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK;IAKpD,OAAO,oBAAoB,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,CAAE,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAgB,CAAC,CAAA;AAChG,CAAC;AAYD;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CACzB,KAAe,EACf,WAAwB,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK;IAEpD,OAAO;QACL,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC;QACzB,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,QAAQ;QACb,KAA6B,CAAC,OAAO;KACvC,CAAA;AACH,CAAC"}
+{"version":3,"file":"useStore.react.js","sourceRoot":"","sources":["../../../../../../../src/core/utils/appState/store/useStore.react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAsB5C;;;;;;GAMG;AACH,MAAM,UAAU,QAAQ,CACtB,KAAqC,EACrC,WAAwB,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK,EACpD,YAAY,GAAG,KAAK;IAKpB,MAAM,MAAM,GAAG,oBAAoB,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,CAAE,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAgB,CAAC,CAAA;IAEtG,IAAI,YAAY,EAAE;QAChB,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAA8B,CAAA;KAC7D;IAED,OAAO,MAAyB,CAAA;AAClC,CAAC;AAYD;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CACzB,KAAe,EACf,WAAwB,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK;IAEpD,OAAO;QACL,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC;QACzB,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,QAAQ;QACb,KAA6B,CAAC,OAAO;KACvC,CAAA;AACH,CAAC"}