jb-core 0.3.0 → 0.4.0

package/configs/global.d.ts

@@ -0,0 +1,15 @@
+type FileStringModules = {
+    readonly default: string;
+}
+declare module '*.scss' {
+    const value: FileStringModules;
+    export default value;
+}
+declare module '*.html' {
+    const value: FileStringModules;
+    export default value.default;
+}
+declare module '*.svg' {
+    const value: string;
+    export default value;
+}

package/configs/tsconfig-base.json

@@ -0,0 +1,15 @@
+{
+    "compilerOptions": {
+        "jsx": "react",
+        "noImplicitAny": true,
+        "removeComments": false,
+        "sourceMap": true,
+        "allowJs": true,
+        "composite": true,
+        "target": "ES2020",
+    },
+    "exclude": [
+        "node_modules",
+        "**/*.spec.ts",
+    ]
+}

package/configs/tsconfig-react.json

@@ -0,0 +1,31 @@
+{
+    "compilerOptions": {
+        "baseUrl": ".",
+        "module": "ESNext",
+        "moduleResolution": "node",
+        "removeComments": false,
+        "preserveConstEnums": true,
+        "sourceMap": true,
+        "allowJs": true,
+        "target": "ES2020",
+        "allowSyntheticDefaultImports": true,
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "noImplicitAny": false,
+        "noLib": false,
+        "esModuleInterop": false,
+        "declaration": true,
+        "declarationDir": "./",
+        "declarationMap": false,
+        "jsx": "react",
+        "typeRoots" : ["../node_modules/@types", "./global.d.ts"],
+    },
+    "include": [
+        "global.d.ts",
+    ],
+    "exclude": [
+        "node_modules",
+        "**/*.spec.ts",
+    ],
+    "extends":"./tsconfig-base.json"
+}

package/configs/tsconfig-web-component.json

@@ -0,0 +1,27 @@
+{
+    "useTsconfigDeclarationDir": true,
+    "compilerOptions": {
+        "baseUrl": ".",
+        "module": "ES2020",
+        "noImplicitAny": true,
+        "removeComments": false,
+        "preserveConstEnums": true,
+        "moduleResolution": "node",
+        "sourceMap": true,
+        "allowJs": true,
+        "target": "ES2020",
+        "typeRoots" : ["../node_modules/@types", "./global.d.ts"],
+        "composite": true,
+        "declaration": true,
+        "declarationDir": "./",
+        "declarationMap": false,
+    },
+    "include": [
+        "global.d.ts",
+    ],
+    "exclude": [
+        "node_modules",
+        "**/*.spec.ts",
+    ],
+    "extends":"./tsconfig-base.json"
+}

package/dist/device-detection.d.ts

@@ -0,0 +1 @@
+export declare const isMobile: () => boolean;

package/dist/events.d.ts

@@ -0,0 +1,22 @@
+/**
+ * add type to event target for easier access to target
+ */
+export type EventTypeWithTarget<TEvent, TTarget> = TEvent & {
+    target: TTarget;
+};
+/**
+ * this function will stop event from propagate even in capturing phase and will call handler only if event target is the element
+ */
+export declare function listenAndSilentEvent<TEvent extends Event, TTarget>(element: TTarget, eventName: string, handler: (e: TEvent) => void, options?: AddEventListenerOptions): void;
+/**
+ * create a keyboardEvent based on `e` value and replace them with initObj
+ */
+export declare function createKeyboardEvent(eventName: string, e: KeyboardEvent, initObj: KeyboardEventInit): KeyboardEvent;
+/**
+ * create a InputEvent based on `e` value and replace them with initObj
+ */
+export declare function createInputEvent(eventName: string, e: InputEvent, initObj: InputEventInit): InputEvent;
+/**
+ * create a InputEvent based on `e` value and replace them with initObj
+ */
+export declare function createFocusEvent(eventName: string, e: FocusEvent, initObj: FocusEventInit): FocusEvent;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./events.js";
+export * from "./device-detection.js";
+export * from "./persian-tools.js";

package/dist/lib/device-detection.d.ts

@@ -0,0 +1 @@
+export declare const isMobile: () => boolean;

package/dist/lib/events.d.ts

@@ -0,0 +1,22 @@
+/**
+ * add type to event target for easier access to target
+ */
+export type EventTypeWithTarget<TEvent, TTarget> = TEvent & {
+    target: TTarget;
+};
+/**
+ * this function will stop event from propagate even in capturing phase and will call handler only if event target is the element
+ */
+export declare function listenAndSilentEvent<TEvent extends Event, TTarget>(element: TTarget, eventName: string, handler: (e: TEvent) => void, options?: AddEventListenerOptions): void;
+/**
+ * create a keyboardEvent based on `e` value and replace them with initObj
+ */
+export declare function createKeyboardEvent(eventName: string, e: KeyboardEvent, initObj: KeyboardEventInit): KeyboardEvent;
+/**
+ * create a InputEvent based on `e` value and replace them with initObj
+ */
+export declare function createInputEvent(eventName: string, e: InputEvent, initObj: InputEventInit): InputEvent;
+/**
+ * create a InputEvent based on `e` value and replace them with initObj
+ */
+export declare function createFocusEvent(eventName: string, e: FocusEvent, initObj: FocusEventInit): FocusEvent;

package/dist/lib/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./events.js";
+export * from "./device-detection.js";
+export * from "./persian-tools.js";

package/dist/lib/persian-tools.d.ts

@@ -0,0 +1,3 @@
+declare function faToEnDigits(input: string | number): string;
+declare function enToFaDigits(input: string | number): string;
+export { enToFaDigits, faToEnDigits };

package/dist/persian-tools.d.ts

@@ -0,0 +1,3 @@
+declare function faToEnDigits(input: string | number): string;
+declare function enToFaDigits(input: string | number): string;
+export { enToFaDigits, faToEnDigits };

package/package.json

@@ -14,7 +14,7 @@
     "react component",
     "event"
   ],
-  "version": "0.3.0",
+  "version": "0.4.0",
   "bugs": "https://github.com/javadbat/jb-core/issues",
   "license": "MIT",
   "files": [
@@ -23,11 +23,12 @@
     "lib/",
     "dist/",
     "styles/",
+    "configs/",
     "react/",
     "react/dist/"
   ],
   "main": "index.js",
-  "types": "./dist/web-component/jb-core/lib/index.d.ts",
+  "types": "./dist/index.d.ts",
   "repository": {
 		"type": "git",
 		"url": "git@github.com:javadbat/jb-core.git"

package/react/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-event.js';
+export * from './useInstance.js';
+export * from './useLazyRef.js';

package/react/dist/hooks/use-event.d.ts

@@ -0,0 +1 @@
+export declare function useEvent<TRef extends React.MutableRefObject<any | null>, TEvent>(ref: TRef, event: string, handler?: (e: TEvent) => void, passive?: boolean): void;

package/react/dist/hooks/useInstance.d.ts

@@ -0,0 +1,10 @@
+type BaseConstructableClass<T = any> = new (...args: any[]) => T;
+type Initializers<T extends BaseConstructableClass> = ConstructorParameters<T>;
+/**
+ * create a instance of an class with lazy initialization
+ * @param Store class to create instance of
+ * @param initializers initializers to pass to the class constructor
+ * @returns instance of the class
+ */
+export declare const useInstance: <T extends BaseConstructableClass<any>>(Store: T, initializers: ConstructorParameters<T>) => InstanceType<T>;
+export {};

package/react/dist/hooks/useLazyRef.d.ts

@@ -0,0 +1,4 @@
+import { MutableRefObject } from "react";
+type InitFunc<T> = () => T;
+export declare const useLazyRef: <T>(initValFunc: InitFunc<T>) => MutableRefObject<any>;
+export {};

package/react/dist/index.cjs.js

@@ -1,71 +1,2 @@
-"use strict";
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
-const react = __toESM(require("react"));
-
-//#region web-component/jb-core/react/lib/hooks/use-event.ts
-function useEvent(ref, event, handler, passive = false) {
-	const internalHandler = (0, react.useCallback)((e) => {
-		if (ref.current && typeof handler == "function") handler(e);
-	}, [ref, handler]);
-	(0, react.useEffect)(() => {
-		const dom = ref.current;
-		if (dom) dom.addEventListener(event, internalHandler, {
-			passive,
-			capture: false
-		});
-		return function cleanup() {
-			if (dom) dom.removeEventListener(event, internalHandler, {
-				passive,
-				capture: false
-			});
-		};
-	}, [
-		ref,
-		event,
-		handler,
-		passive
-	]);
-}
-
-//#endregion
-//#region web-component/jb-core/react/lib/hooks/useLazyRef.ts
-const useLazyRef = (initValFunc) => {
-	const ref = (0, react.useRef)(null);
-	if (ref.current === null) ref.current = initValFunc();
-	return ref;
-};
-
-//#endregion
-//#region web-component/jb-core/react/lib/hooks/useInstance.ts
-const useInstance = (Store, initializers) => {
-	const vm = useLazyRef(() => new Store(...initializers));
-	return vm.current;
-};
-
-//#endregion
-exports.useEvent = useEvent
-exports.useInstance = useInstance
-exports.useLazyRef = useLazyRef
+"use strict";let e,t;var r=Object.create,n=Object.defineProperty,u=Object.getOwnPropertyDescriptor,c=Object.getOwnPropertyNames,o=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty;const a=(t=null!=(e=require("react"))?r(o(e)):{},((e,t,r,o)=>{if(t&&"object"==typeof t||"function"==typeof t)for(var a,s=c(t),f=0,p=s.length;f<p;f++)a=s[f],l.call(e,a)||void 0===a||n(e,a,{get:(e=>t[e]).bind(null,a),enumerable:!(o=u(t,a))||o.enumerable});return e})(e&&e.__esModule?t:n(t,"default",{value:e,enumerable:!0}),e)),s=e=>{let t=(0,a.useRef)(null);return null===t.current&&(t.current=e()),t};exports.useEvent=function(e,t,r,n=!1){let u=(0,a.useCallback)(t=>{e.current&&"function"==typeof r&&r(t)},[e,r]);(0,a.useEffect)(()=>{let r=e.current;return r&&r.addEventListener(t,u,{passive:n,capture:!1}),function(){r&&r.removeEventListener(t,u,{passive:n,capture:!1})}},[e,t,r,n])},exports.useInstance=(e,t)=>s(()=>new e(...t)).current,exports.useLazyRef=s;
 //# sourceMappingURL=index.cjs.js.map

package/react/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":[],"sources":["../lib/hooks/use-event.ts","../lib/hooks/useLazyRef.ts","../lib/hooks/useInstance.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\r\n\r\nexport function useEvent<TRef extends React.MutableRefObject<any|null>,TEvent>(ref:TRef, event:string, handler?:(e:TEvent)=>void, passive = false) {\r\n  const internalHandler = useCallback((e:TEvent)=>{\r\n    if(ref.current && typeof handler == \"function\"){\r\n      handler(e);\r\n    }\r\n  },[ref,handler]);\r\n  useEffect(() => {\r\n    const dom = ref.current;\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, internalHandler, { passive, capture:false }); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, internalHandler, {passive, capture:false});\r\n      }\r\n    };\r\n  },[ref,event,handler,passive]);\r\n}","import { MutableRefObject, useRef } from \"react\";\r\n\r\ntype InitFunc<T> = ()=>T\r\nexport const useLazyRef = <T>(initValFunc:InitFunc<T>) => {\r\n  const ref:MutableRefObject<any> = useRef(null);\r\n  if (ref.current === null) {\r\n    ref.current = initValFunc();\r\n  }\r\n  return ref;\r\n};\r\n\r\n// used by: useMobx","import { useLazyRef } from \"./useLazyRef.js\";\r\n\r\n\r\ntype BaseConstructableClass<T = any> = new (...args: any[]) => T;\r\n\r\n// Type to get the constructor parameters of a class\r\ntype Initializers<T extends BaseConstructableClass> = ConstructorParameters<T>;\r\n\r\n// useInstance function that accepts a Store class and its initializers\r\n/**\r\n * create a instance of an class with lazy initialization\r\n * @param Store class to create instance of\r\n * @param initializers initializers to pass to the class constructor\r\n * @returns instance of the class\r\n */\r\nexport const useInstance = <T extends BaseConstructableClass>(Store: T, initializers: Initializers<T>): InstanceType<T> => {\r\n  const vm = useLazyRef(() => new Store(...initializers));\r\n  return vm.current;\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEM,SAAU,SAA+D,KAAU,OAAc,SAA2B,UAAU,OAAK;CAC/I,MAAM,kBAAkB,uBAAY,CAAC,MAAW;AAC9C,MAAG,IAAI,kBAAkB,WAAW,WAClC,SAAQ,EAAE;CAEb,GAAC,CAAC,KAAI,OAAQ,EAAC;AAChB,sBAAU,MAAK;EACb,MAAM,MAAM,IAAI;AAChB,MAAI,IAEF,KAAI,iBAAiB,OAAO,iBAAiB;GAAE;GAAS,SAAQ;EAAO,EAAC;AAG1E,SAAO,SAAS,UAAO;AACrB,OAAG,IACD,KAAI,oBAAoB,OAAO,iBAAiB;IAAC;IAAS,SAAQ;GAAM,EAAC;EAE5E;CACF,GAAC;EAAC;EAAI;EAAM;EAAQ;CAAQ,EAAC;AAC/B;;;;MClBY,aAAa,CAAI,gBAA2B;CACvD,MAAM,MAA4B,kBAAO,KAAK;AAC9C,KAAI,IAAI,YAAY,KAClB,KAAI,UAAU,aAAa;AAE7B,QAAO;AACR;;;;MCMY,cAAc,CAAmC,OAAU,iBAAkD;CACxH,MAAM,KAAK,WAAW,MAAM,IAAI,MAAM,GAAG,cAAc;AACvD,QAAO,GAAG;AACX"}
+{"version":3,"file":"index.cjs.js","names":[],"sources":["../lib/hooks/use-event.ts","../lib/hooks/useLazyRef.ts","../lib/hooks/useInstance.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\r\n\r\nexport function useEvent<TRef extends React.MutableRefObject<any|null>,TEvent>(ref:TRef, event:string, handler?:(e:TEvent)=>void, passive = false) {\r\n  const internalHandler = useCallback((e:TEvent)=>{\r\n    if(ref.current && typeof handler == \"function\"){\r\n      handler(e);\r\n    }\r\n  },[ref,handler]);\r\n  useEffect(() => {\r\n    const dom = ref.current;\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, internalHandler, { passive, capture:false }); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, internalHandler, {passive, capture:false});\r\n      }\r\n    };\r\n  },[ref,event,handler,passive]);\r\n}","import { MutableRefObject, useRef } from \"react\";\r\n\r\ntype InitFunc<T> = ()=>T\r\nexport const useLazyRef = <T>(initValFunc:InitFunc<T>) => {\r\n  const ref:MutableRefObject<any> = useRef(null);\r\n  if (ref.current === null) {\r\n    ref.current = initValFunc();\r\n  }\r\n  return ref;\r\n};\r\n\r\n// used by: useMobx","import { useLazyRef } from \"./useLazyRef.js\";\r\n\r\n\r\ntype BaseConstructableClass<T = any> = new (...args: any[]) => T;\r\n\r\n// Type to get the constructor parameters of a class\r\ntype Initializers<T extends BaseConstructableClass> = ConstructorParameters<T>;\r\n\r\n// useInstance function that accepts a Store class and its initializers\r\n/**\r\n * create a instance of an class with lazy initialization\r\n * @param Store class to create instance of\r\n * @param initializers initializers to pass to the class constructor\r\n * @returns instance of the class\r\n */\r\nexport const useInstance = <T extends BaseConstructableClass>(Store: T, initializers: Initializers<T>): InstanceType<T> => {\r\n  const vm = useLazyRef(() => new Store(...initializers));\r\n  return vm.current;\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEM,SAAU,SAA+D,KAAU,OAAc,SAA2B,UAAU,OAAK;CAC/I,MAAM,kBAAkB,uBAAY,CAAC,MAAS;AAC5C,MAAG,IAAI,kBAAkB,WAAW,WAClC,SAAQ,EAAE;CAEb,GAAC,CACF,KACE;sBAEE,MAAA;QACA,MAAI,IAAA;MACL,IAED,KAAO,iBAAgB,OAAA,iBAAA;GAClB;GACD,SAAI;EACL,EAAA;AAGN,SAAA,SAAA,UAAA;;;;;;;;;;;;;;;;MClBY,aAAa,CAAI,gBAAyB;CACrD,MAAM,MAA4B,kBAAO,KAAK;AAC9C,KAAI,IAAI,YAAY,KAClB,KAAI,UAAU,aAAa;AAE7B,QAAO;AACR;;;;MCKE,cAAA,CAAA,OAAA,iBAAA;CACH,MAAO,KAAM,WAAW,MAAsC,IAAQ,MAAE,GAAA,cAAkD;AACxH,QAAM,GAAE"}

package/react/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './hooks/index.js';

package/react/dist/index.js

@@ -1,45 +1,2 @@
-import { useCallback, useEffect, useRef } from "react";
-
-//#region web-component/jb-core/react/lib/hooks/use-event.ts
-function useEvent(ref, event, handler, passive = false) {
-	const internalHandler = useCallback((e) => {
-		if (ref.current && typeof handler == "function") handler(e);
-	}, [ref, handler]);
-	useEffect(() => {
-		const dom = ref.current;
-		if (dom) dom.addEventListener(event, internalHandler, {
-			passive,
-			capture: false
-		});
-		return function cleanup() {
-			if (dom) dom.removeEventListener(event, internalHandler, {
-				passive,
-				capture: false
-			});
-		};
-	}, [
-		ref,
-		event,
-		handler,
-		passive
-	]);
-}
-
-//#endregion
-//#region web-component/jb-core/react/lib/hooks/useLazyRef.ts
-const useLazyRef = (initValFunc) => {
-	const ref = useRef(null);
-	if (ref.current === null) ref.current = initValFunc();
-	return ref;
-};
-
-//#endregion
-//#region web-component/jb-core/react/lib/hooks/useInstance.ts
-const useInstance = (Store, initializers) => {
-	const vm = useLazyRef(() => new Store(...initializers));
-	return vm.current;
-};
-
-//#endregion
-export { useEvent, useInstance, useLazyRef };
+import{useCallback as e,useEffect as t,useRef as n}from"react";function r(n,u,c,l=!1){let o=e(e=>{n.current&&"function"==typeof c&&c(e)},[n,c]);t(()=>{let e=n.current;return e&&e.addEventListener(u,o,{passive:l,capture:!1}),function(){e&&e.removeEventListener(u,o,{passive:l,capture:!1})}},[n,u,c,l])}let u=e=>{let t=n(null);return null===t.current&&(t.current=e()),t},c=(e,t)=>u(()=>new e(...t)).current;export{r as useEvent,c as useInstance,u as useLazyRef};
 //# sourceMappingURL=index.js.map

package/react/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../lib/hooks/use-event.ts","../lib/hooks/useLazyRef.ts","../lib/hooks/useInstance.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\r\n\r\nexport function useEvent<TRef extends React.MutableRefObject<any|null>,TEvent>(ref:TRef, event:string, handler?:(e:TEvent)=>void, passive = false) {\r\n  const internalHandler = useCallback((e:TEvent)=>{\r\n    if(ref.current && typeof handler == \"function\"){\r\n      handler(e);\r\n    }\r\n  },[ref,handler]);\r\n  useEffect(() => {\r\n    const dom = ref.current;\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, internalHandler, { passive, capture:false }); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, internalHandler, {passive, capture:false});\r\n      }\r\n    };\r\n  },[ref,event,handler,passive]);\r\n}","import { MutableRefObject, useRef } from \"react\";\r\n\r\ntype InitFunc<T> = ()=>T\r\nexport const useLazyRef = <T>(initValFunc:InitFunc<T>) => {\r\n  const ref:MutableRefObject<any> = useRef(null);\r\n  if (ref.current === null) {\r\n    ref.current = initValFunc();\r\n  }\r\n  return ref;\r\n};\r\n\r\n// used by: useMobx","import { useLazyRef } from \"./useLazyRef.js\";\r\n\r\n\r\ntype BaseConstructableClass<T = any> = new (...args: any[]) => T;\r\n\r\n// Type to get the constructor parameters of a class\r\ntype Initializers<T extends BaseConstructableClass> = ConstructorParameters<T>;\r\n\r\n// useInstance function that accepts a Store class and its initializers\r\n/**\r\n * create a instance of an class with lazy initialization\r\n * @param Store class to create instance of\r\n * @param initializers initializers to pass to the class constructor\r\n * @returns instance of the class\r\n */\r\nexport const useInstance = <T extends BaseConstructableClass>(Store: T, initializers: Initializers<T>): InstanceType<T> => {\r\n  const vm = useLazyRef(() => new Store(...initializers));\r\n  return vm.current;\r\n};\r\n"],"mappings":";;;AAEM,SAAU,SAA+D,KAAU,OAAc,SAA2B,UAAU,OAAK;CAC/I,MAAM,kBAAkB,YAAY,CAAC,MAAW;AAC9C,MAAG,IAAI,kBAAkB,WAAW,WAClC,SAAQ,EAAE;CAEb,GAAC,CAAC,KAAI,OAAQ,EAAC;AAChB,WAAU,MAAK;EACb,MAAM,MAAM,IAAI;AAChB,MAAI,IAEF,KAAI,iBAAiB,OAAO,iBAAiB;GAAE;GAAS,SAAQ;EAAO,EAAC;AAG1E,SAAO,SAAS,UAAO;AACrB,OAAG,IACD,KAAI,oBAAoB,OAAO,iBAAiB;IAAC;IAAS,SAAQ;GAAM,EAAC;EAE5E;CACF,GAAC;EAAC;EAAI;EAAM;EAAQ;CAAQ,EAAC;AAC/B;;;;MClBY,aAAa,CAAI,gBAA2B;CACvD,MAAM,MAA4B,OAAO,KAAK;AAC9C,KAAI,IAAI,YAAY,KAClB,KAAI,UAAU,aAAa;AAE7B,QAAO;AACR;;;;MCMY,cAAc,CAAmC,OAAU,iBAAkD;CACxH,MAAM,KAAK,WAAW,MAAM,IAAI,MAAM,GAAG,cAAc;AACvD,QAAO,GAAG;AACX"}
+{"version":3,"file":"index.js","names":[],"sources":["../lib/hooks/use-event.ts","../lib/hooks/useLazyRef.ts","../lib/hooks/useInstance.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\r\n\r\nexport function useEvent<TRef extends React.MutableRefObject<any|null>,TEvent>(ref:TRef, event:string, handler?:(e:TEvent)=>void, passive = false) {\r\n  const internalHandler = useCallback((e:TEvent)=>{\r\n    if(ref.current && typeof handler == \"function\"){\r\n      handler(e);\r\n    }\r\n  },[ref,handler]);\r\n  useEffect(() => {\r\n    const dom = ref.current;\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, internalHandler, { passive, capture:false }); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, internalHandler, {passive, capture:false});\r\n      }\r\n    };\r\n  },[ref,event,handler,passive]);\r\n}","import { MutableRefObject, useRef } from \"react\";\r\n\r\ntype InitFunc<T> = ()=>T\r\nexport const useLazyRef = <T>(initValFunc:InitFunc<T>) => {\r\n  const ref:MutableRefObject<any> = useRef(null);\r\n  if (ref.current === null) {\r\n    ref.current = initValFunc();\r\n  }\r\n  return ref;\r\n};\r\n\r\n// used by: useMobx","import { useLazyRef } from \"./useLazyRef.js\";\r\n\r\n\r\ntype BaseConstructableClass<T = any> = new (...args: any[]) => T;\r\n\r\n// Type to get the constructor parameters of a class\r\ntype Initializers<T extends BaseConstructableClass> = ConstructorParameters<T>;\r\n\r\n// useInstance function that accepts a Store class and its initializers\r\n/**\r\n * create a instance of an class with lazy initialization\r\n * @param Store class to create instance of\r\n * @param initializers initializers to pass to the class constructor\r\n * @returns instance of the class\r\n */\r\nexport const useInstance = <T extends BaseConstructableClass>(Store: T, initializers: Initializers<T>): InstanceType<T> => {\r\n  const vm = useLazyRef(() => new Store(...initializers));\r\n  return vm.current;\r\n};\r\n"],"mappings":";;;AAEM,SAAU,SAA+D,KAAU,OAAc,SAA2B,UAAU,OAAK;CAC/I,MAAM,kBAAkB,YAAY,CAAC,MAAS;AAC5C,MAAG,IAAI,kBAAkB,WAAW,WAClC,SAAQ,EAAE;CAEb,GAAC,CACF,KACE;WAEE,MAAA;QACA,MAAI,IAAA;MACL,IAED,KAAO,iBAAgB,OAAA,iBAAA;GAClB;GACD,SAAI;EACL,EAAA;AAGN,SAAA,SAAA,UAAA;;;;;;;;;;;;;;;;MClBY,aAAa,CAAI,gBAAyB;CACrD,MAAM,MAA4B,OAAO,KAAK;AAC9C,KAAI,IAAI,YAAY,KAClB,KAAI,UAAU,aAAa;AAE7B,QAAO;AACR;;;;MCKE,cAAA,CAAA,OAAA,iBAAA;CACH,MAAO,KAAM,WAAW,MAAsC,IAAQ,MAAE,GAAA,cAAkD;AACxH,QAAM,GAAE"}

package/react/dist/index.umd.js

@@ -1,77 +1,2 @@
-(function(global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('react')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.JBCoreReact = {}), global.React));
-})(this, function(exports, react) {
-"use strict";
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
-react = __toESM(react);
-
-//#region web-component/jb-core/react/lib/hooks/use-event.ts
-function useEvent(ref, event, handler, passive = false) {
-	const internalHandler = (0, react.useCallback)((e) => {
-		if (ref.current && typeof handler == "function") handler(e);
-	}, [ref, handler]);
-	(0, react.useEffect)(() => {
-		const dom = ref.current;
-		if (dom) dom.addEventListener(event, internalHandler, {
-			passive,
-			capture: false
-		});
-		return function cleanup() {
-			if (dom) dom.removeEventListener(event, internalHandler, {
-				passive,
-				capture: false
-			});
-		};
-	}, [
-		ref,
-		event,
-		handler,
-		passive
-	]);
-}
-
-//#endregion
-//#region web-component/jb-core/react/lib/hooks/useLazyRef.ts
-const useLazyRef = (initValFunc) => {
-	const ref = (0, react.useRef)(null);
-	if (ref.current === null) ref.current = initValFunc();
-	return ref;
-};
-
-//#endregion
-//#region web-component/jb-core/react/lib/hooks/useInstance.ts
-const useInstance = (Store, initializers) => {
-	const vm = useLazyRef(() => new Store(...initializers));
-	return vm.current;
-};
-
-//#endregion
-exports.useEvent = useEvent
-exports.useInstance = useInstance
-exports.useLazyRef = useLazyRef
-});
+var e,t;e=this,t=function(e,t){"use strict";let r,n;var u=Object.create,o=Object.defineProperty,c=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,f=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty;n=null!=(r=t)?u(f(r)):{},t=((e,t,r,n)=>{if(t&&"object"==typeof t||"function"==typeof t)for(var u,f=l(t),i=0,s=f.length;i<s;i++)u=f[i],a.call(e,u)||void 0===u||o(e,u,{get:(e=>t[e]).bind(null,u),enumerable:!(n=c(t,u))||n.enumerable});return e})(r&&r.__esModule?n:o(n,"default",{value:r,enumerable:!0}),r);let i=e=>{let r=(0,t.useRef)(null);return null===r.current&&(r.current=e()),r};e.useEvent=function(e,r,n,u=!1){let o=(0,t.useCallback)(t=>{e.current&&"function"==typeof n&&n(t)},[e,n]);(0,t.useEffect)(()=>{let t=e.current;return t&&t.addEventListener(r,o,{passive:u,capture:!1}),function(){t&&t.removeEventListener(r,o,{passive:u,capture:!1})}},[e,r,n,u])},e.useInstance=(e,t)=>i(()=>new e(...t)).current,e.useLazyRef=i},"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).JBCoreReact={},e.React);
 //# sourceMappingURL=index.umd.js.map

package/react/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.js","names":[],"sources":["../lib/hooks/use-event.ts","../lib/hooks/useLazyRef.ts","../lib/hooks/useInstance.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\r\n\r\nexport function useEvent<TRef extends React.MutableRefObject<any|null>,TEvent>(ref:TRef, event:string, handler?:(e:TEvent)=>void, passive = false) {\r\n  const internalHandler = useCallback((e:TEvent)=>{\r\n    if(ref.current && typeof handler == \"function\"){\r\n      handler(e);\r\n    }\r\n  },[ref,handler]);\r\n  useEffect(() => {\r\n    const dom = ref.current;\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, internalHandler, { passive, capture:false }); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, internalHandler, {passive, capture:false});\r\n      }\r\n    };\r\n  },[ref,event,handler,passive]);\r\n}","import { MutableRefObject, useRef } from \"react\";\r\n\r\ntype InitFunc<T> = ()=>T\r\nexport const useLazyRef = <T>(initValFunc:InitFunc<T>) => {\r\n  const ref:MutableRefObject<any> = useRef(null);\r\n  if (ref.current === null) {\r\n    ref.current = initValFunc();\r\n  }\r\n  return ref;\r\n};\r\n\r\n// used by: useMobx","import { useLazyRef } from \"./useLazyRef.js\";\r\n\r\n\r\ntype BaseConstructableClass<T = any> = new (...args: any[]) => T;\r\n\r\n// Type to get the constructor parameters of a class\r\ntype Initializers<T extends BaseConstructableClass> = ConstructorParameters<T>;\r\n\r\n// useInstance function that accepts a Store class and its initializers\r\n/**\r\n * create a instance of an class with lazy initialization\r\n * @param Store class to create instance of\r\n * @param initializers initializers to pass to the class constructor\r\n * @returns instance of the class\r\n */\r\nexport const useInstance = <T extends BaseConstructableClass>(Store: T, initializers: Initializers<T>): InstanceType<T> => {\r\n  const vm = useLazyRef(() => new Store(...initializers));\r\n  return vm.current;\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEM,SAAU,SAA+D,KAAU,OAAc,SAA2B,UAAU,OAAK;CAC/I,MAAM,kBAAkB,uBAAY,CAAC,MAAW;AAC9C,MAAG,IAAI,kBAAkB,WAAW,WAClC,SAAQ,EAAE;CAEb,GAAC,CAAC,KAAI,OAAQ,EAAC;AAChB,sBAAU,MAAK;EACb,MAAM,MAAM,IAAI;AAChB,MAAI,IAEF,KAAI,iBAAiB,OAAO,iBAAiB;GAAE;GAAS,SAAQ;EAAO,EAAC;AAG1E,SAAO,SAAS,UAAO;AACrB,OAAG,IACD,KAAI,oBAAoB,OAAO,iBAAiB;IAAC;IAAS,SAAQ;GAAM,EAAC;EAE5E;CACF,GAAC;EAAC;EAAI;EAAM;EAAQ;CAAQ,EAAC;AAC/B;;;;MClBY,aAAa,CAAI,gBAA2B;CACvD,MAAM,MAA4B,kBAAO,KAAK;AAC9C,KAAI,IAAI,YAAY,KAClB,KAAI,UAAU,aAAa;AAE7B,QAAO;AACR;;;;MCMY,cAAc,CAAmC,OAAU,iBAAkD;CACxH,MAAM,KAAK,WAAW,MAAM,IAAI,MAAM,GAAG,cAAc;AACvD,QAAO,GAAG;AACX"}
+{"version":3,"file":"index.umd.js","names":[],"sources":["../lib/hooks/use-event.ts","../lib/hooks/useLazyRef.ts","../lib/hooks/useInstance.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\r\n\r\nexport function useEvent<TRef extends React.MutableRefObject<any|null>,TEvent>(ref:TRef, event:string, handler?:(e:TEvent)=>void, passive = false) {\r\n  const internalHandler = useCallback((e:TEvent)=>{\r\n    if(ref.current && typeof handler == \"function\"){\r\n      handler(e);\r\n    }\r\n  },[ref,handler]);\r\n  useEffect(() => {\r\n    const dom = ref.current;\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, internalHandler, { passive, capture:false }); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, internalHandler, {passive, capture:false});\r\n      }\r\n    };\r\n  },[ref,event,handler,passive]);\r\n}","import { MutableRefObject, useRef } from \"react\";\r\n\r\ntype InitFunc<T> = ()=>T\r\nexport const useLazyRef = <T>(initValFunc:InitFunc<T>) => {\r\n  const ref:MutableRefObject<any> = useRef(null);\r\n  if (ref.current === null) {\r\n    ref.current = initValFunc();\r\n  }\r\n  return ref;\r\n};\r\n\r\n// used by: useMobx","import { useLazyRef } from \"./useLazyRef.js\";\r\n\r\n\r\ntype BaseConstructableClass<T = any> = new (...args: any[]) => T;\r\n\r\n// Type to get the constructor parameters of a class\r\ntype Initializers<T extends BaseConstructableClass> = ConstructorParameters<T>;\r\n\r\n// useInstance function that accepts a Store class and its initializers\r\n/**\r\n * create a instance of an class with lazy initialization\r\n * @param Store class to create instance of\r\n * @param initializers initializers to pass to the class constructor\r\n * @returns instance of the class\r\n */\r\nexport const useInstance = <T extends BaseConstructableClass>(Store: T, initializers: Initializers<T>): InstanceType<T> => {\r\n  const vm = useLazyRef(() => new Store(...initializers));\r\n  return vm.current;\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEM,SAAU,SAA+D,KAAU,OAAc,SAA2B,UAAU,OAAK;CAC/I,MAAM,kBAAkB,uBAAY,CAAC,MAAS;AAC5C,MAAG,IAAI,kBAAkB,WAAW,WAClC,SAAQ,EAAE;CAEb,GAAC,CACF,KACE;sBAEE,MAAA;QACA,MAAI,IAAA;MACL,IAED,KAAO,iBAAgB,OAAA,iBAAA;GAClB;GACD,SAAI;EACL,EAAA;AAGN,SAAA,SAAA,UAAA;;;;;;;;;;;;;;;;MClBY,aAAa,CAAI,gBAAyB;CACrD,MAAM,MAA4B,kBAAO,KAAK;AAC9C,KAAI,IAAI,YAAY,KAClB,KAAI,UAAU,aAAa;AAE7B,QAAO;AACR;;;;MCKE,cAAA,CAAA,OAAA,iBAAA;CACH,MAAO,KAAM,WAAW,MAAsC,IAAQ,MAAE,GAAA,cAAkD;AACxH,QAAM,GAAE"}

package/react/dist/lib/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-event.js';
+export * from './useInstance.js';
+export * from './useLazyRef.js';

package/react/dist/lib/hooks/use-event.d.ts

@@ -0,0 +1 @@
+export declare function useEvent<TRef extends React.MutableRefObject<any | null>, TEvent>(ref: TRef, event: string, handler?: (e: TEvent) => void, passive?: boolean): void;

package/react/dist/lib/hooks/useInstance.d.ts

@@ -0,0 +1,10 @@
+type BaseConstructableClass<T = any> = new (...args: any[]) => T;
+type Initializers<T extends BaseConstructableClass> = ConstructorParameters<T>;
+/**
+ * create a instance of an class with lazy initialization
+ * @param Store class to create instance of
+ * @param initializers initializers to pass to the class constructor
+ * @returns instance of the class
+ */
+export declare const useInstance: <T extends BaseConstructableClass<any>>(Store: T, initializers: ConstructorParameters<T>) => InstanceType<T>;
+export {};

package/react/dist/lib/hooks/useLazyRef.d.ts

@@ -0,0 +1,4 @@
+import { MutableRefObject } from "react";
+type InitFunc<T> = () => T;
+export declare const useLazyRef: <T>(initValFunc: InitFunc<T>) => MutableRefObject<any>;
+export {};

package/react/dist/lib/index.d.ts

@@ -0,0 +1 @@
+export * from './hooks/index.js';

package/react/package.json

@@ -19,7 +19,7 @@
     "dist/"
   ],
   "main": "index.js",
-  "types": "./dist/web-component/jb-core/react/lib/index.d.ts",
+  "types": "./dist/index.d.ts",
   "repository": {
 		"type": "git",
 		"url": "git@github.com:javadbat/jb-core.git"

package/react/tsconfig.json

@@ -1,6 +1,7 @@
 {
     "compilerOptions": {
         "baseUrl": ".",
+        "rootDir": "./lib",
     },
     "include": [
         "lib/**/*.ts",
@@ -11,5 +12,5 @@
         "**/*.spec.ts",
         "dist",
     ],
-    "extends":"../../tsconfig-react.json"
+    "extends":"../configs/tsconfig-react.json"
 }

package/styles/colors.scss

@@ -0,0 +1,14 @@
+root{
+  //recommended by teammate
+  --primary-c:blue,
+  --secondary-c:red,
+  --grey-c:#888,
+  // status
+  --error-c,
+  --success-c,
+  --warning-c,
+  --info-c
+  //and about shade
+  --primary-c-100:#44000000;
+  // we must have this color but use semantic color name in our code base
+}