@onoxm/react-tools 0.1.5

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 ONO
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/tools/createDesignateStore.js

@@ -0,0 +1 @@
+import{selectProperties as r}from "./utils/dist/utils/common/selectProperties.js";import{useShallow as s}from "zustand/shallow";const m=(e)=>(o)=>e(s((t)=>r(t,o)));export{m as createDesignateStore};

package/dist/tools/createStateManagementHook.js

@@ -0,0 +1 @@
+import{jsx as n}from "react/jsx-runtime";import{c as o}from "react/compiler-runtime";import{useContext as l,createContext as h,useReducer as u}from "react";const y={get:(e)=>e,set:(e,t)=>({...e,[t.key]:t.value}),del:(e,t)=>{const r={...e};return delete r[t.key],r;}},v=(e,t)=>y[t.type](e,t),p=h(null),x=(e)=>{const t=o(5),{initData:r,children:d}=e,[i,s]=u(v,r);let a,c;return t[0]!==i ?(a={data:i,dispatch:s},t[0]=i,t[1]=a):a=t[1],t[2]!==d||t[3]!==a ?(c=n(p.Provider,{value:a,children:d}),t[2]=d,t[3]=a,t[4]=c):c=t[4],c;},f=()=>{const e=o(6),t=l(p);if(!t)throw new Error("useData must be used within a DataProvider");let r;e[0]!==t ?(r={set:(s,a)=>{typeof a=="function" ? t.dispatch({type:"set",key:s,value:a(t.data[s])}):t.dispatch({type:"set",key:s,value:a});},setAll:(s)=>Object.keys(s).forEach((a)=>t.dispatch({type:"set",key:a,value:s[a]})),del:(s)=>t.dispatch({type:"del",key:s})},e[0]=t,e[1]=r):r=e[1];const d=r;let i;return e[2]!==t.data||e[3]!==t.dispatch||e[4]!==d ?(i={data:t.data,dispatch:d,originDispatch:t.dispatch},e[2]=t.data,e[3]=t.dispatch,e[4]=d,e[5]=i):i=e[5],i;},w=(e)=>f;export{x as DataProvider,w as createContextData};

package/dist/tools/index.js

@@ -0,0 +1 @@
+import{createDesignateStore as t}from "./createDesignateStore.js";import{DataProvider as a,createContextData as p}from "./createStateManagementHook.js";import{portalRenderer as f}from "./portalRenderer.js";export{a as DataProvider,p as createContextData,t as createDesignateStore,f as portalRenderer};

package/dist/tools/portalRenderer.js

@@ -0,0 +1 @@
+import{jsx as C}from "react/jsx-runtime";import $ from "react-dom/client";const r=new Map(),E=(h,g,d,i)=>{const{target:y,root:m,reactRoot:l}=((n,o)=>{const a=n||`${o}-${Math.random().toString(36)}`;if(r.has(a)){const s=r.get(a);if(document.contains(s.target))return s;r.delete(a);}let e,c,t=null;o&&(t=document.getElementById(o),t||(t=document.createElement("div"),t.id=o,document.body.appendChild(t))),n ?(e=document.getElementById(n)?? document.createElement("div"),e.id||(e.id=n,t ? t.appendChild(e):document.body.appendChild(e))):(e=document.createElement("div"),t ? t.appendChild(e):document.body.appendChild(e)),e.__reactContainer$ ? c=e.__reactContainer$:(c=$.createRoot(e),e.__reactContainer$=c);const p={target:e,root:t,reactRoot:c};return r.set(a,p),p;})(d,i),u=(n)=>{try{typeof n=="function"&&n();const o=d||`${i}-${Math.random().toString(36)}`;r.delete(o),l.unmount(),d ? document.getElementById(d)?.remove():y.remove(),requestAnimationFrame(()=>{m&&m.children.length===0&&m.remove();});}catch{}};return l.render(C(h,{...g,destroy:u})),u;};export{E as portalRenderer};

package/dist/tools/utils/dist/utils/common/hasDuplicates.js

@@ -0,0 +1 @@
+const n=(e)=>{const t=new Set();for(const s of e){if(t.has(s))return!0;t.add(s);}return!1;};export{n as hasDuplicates};

package/dist/tools/utils/dist/utils/common/selectProperties.js

@@ -0,0 +1 @@
+import{hasDuplicates as i}from "./hasDuplicates.js";const f=(r,e=[],n=!0)=>{if(e.length===0)return r;if(i(e))throw new Error("Each item in properties must be unique");if(n){const s={};for(const t of e)s[t]=r[t];return s;}{const s=new Set(e),t={};for(const o in r)s.has(o)||(t[o]=r[o]);return t;}};export{f as selectProperties};

package/dist/types/createDesignateStore.d.ts

@@ -0,0 +1,2 @@
+import { StoreApi, UseBoundStore } from 'zustand';
+export declare const createDesignateStore: <T extends Record<string, unknown>, K extends keyof T>(useStore: UseBoundStore<StoreApi<T>>) => (designateStates: K[]) => Pick<T, K>;

package/dist/types/createStateManagementHook.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+type Action<T> = {
+    type: 'get' | 'set' | 'del';
+    key: keyof T;
+    value?: unknown;
+};
+export declare const DataProvider: <T extends Record<string, unknown>>({ initData, children }: {
+    initData: T;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const createContextData: <T extends Record<string, unknown>>(initData: T) => () => {
+    data: T;
+    dispatch: {
+        set: <K extends keyof T>(key: K, value: T[K] | ((prev: T[K]) => T[K])) => void;
+        setAll: (data: Partial<T>) => void;
+        del: <K extends keyof T>(key: K) => void;
+    };
+    originDispatch: import('react').Dispatch<Action<T>>;
+};
+export declare const createContextData2: <T extends Record<string, unknown>>() => {
+    (designateParams?: Partial<keyof T>): Partial<T>;
+    set<K extends keyof T>(key: K, value: T[K] | ((prev: T[K]) => T[K])): void;
+    setAll(data: Partial<T>): void;
+    del<K extends keyof T>(key: K): void;
+};
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { createDesignateStore } from './createDesignateStore';
+export { createContextData, DataProvider } from './createStateManagementHook';
+export { portalRenderer } from './portalRenderer';

package/dist/types/portalRenderer.d.ts

@@ -0,0 +1,2 @@
+import { JSX } from 'react';
+export declare const portalRenderer: <T>(Component: (props: T) => JSX.Element, props: Omit<T, "destroy">, id?: string, rootId?: string) => (onDestroy?: () => void) => void;

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@onoxm/react-tools",
+  "private": false,
+  "version": "0.1.5",
+  "description": "Component library by React + Typescript",
+  "type": "module",
+  "main": "./dist/tools/index.js",
+  "module": "./dist/tools/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "LICENSE.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/tools/index.js",
+      "require": "./dist/tools/index.js"
+    },
+    "./dist/": {
+      "import": "./dist/",
+      "require": "./dist/"
+    }
+  },
+  "sideEffects": false,
+  "keywords": [
+    "react",
+    "typescript"
+  ],
+  "author": "ono",
+  "license": "MIT",
+  "dependencies": {
+    "@onoxm/utils": "0.1.5"
+  },
+  "peerDependencies": {
+    "@types/react": ">=18",
+    "@types/react-dom": ">=18",
+    "react": ">=18",
+    "react-dom": ">=18",
+    "zustand": ">=5"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
+    },
+    "zustand": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build"
+  }
+}