jy-headless 0.2.30 → 0.2.31

package/buttons/Button/Button.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import useDebouncing from '../../hooks/useDebouncing.js';
+
+const Button = ({ onClick, loading = false, readOnly = false, disabled = false, useDebounce = false, timeout = 300, children, ...props }) => {
+    const handleClick = onClick && useDebounce ? useDebouncing(onClick, timeout || 300) : onClick;
+    return (jsx("button", { onClick: handleClick, disabled: disabled || loading || readOnly, ...props, children: children }));
+};
+
+export { Button as default };

package/buttons/index.d.ts

@@ -1 +1 @@
-export { default } from './Button/Button';
+export * as Button from './Button/Button';

package/cjs/buttons/Button/Button.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var useDebouncing = require('../../hooks/useDebouncing.js');
+
+const Button = ({ onClick, loading = false, readOnly = false, disabled = false, useDebounce = false, timeout = 300, children, ...props }) => {
+    const handleClick = onClick && useDebounce ? useDebouncing(onClick, timeout || 300) : onClick;
+    return (jsxRuntime.jsx("button", { onClick: handleClick, disabled: disabled || loading || readOnly, ...props, children: children }));
+};
+
+module.exports = Button;

package/cjs/buttons/index.d.ts

@@ -1 +1 @@
-export { default } from './Button/Button';
+export * as Button from './Button/Button';

package/cjs/hooks/useDebouncing.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var react = require('react');
+
+const useDebouncing = (callback, delay) => {
+    const timer = react.useRef(null);
+    return react.useCallback(() => {
+        if (timer.current)
+            clearTimeout(timer.current);
+        timer.current = setTimeout(() => {
+            callback();
+        }, delay);
+    }, [callback, delay]);
+};
+
+module.exports = useDebouncing;

package/cjs/index.js

@@ -1,19 +1,23 @@
 'use strict';
 
-require('react/jsx-runtime');
-require('react');
+var Button = require('./buttons/Button/Button.js');
 var Input = require('./inputs/Input/Input.js');
 var ImageInput = require('./inputs/ImageInput/ImageInput.js');
-require('./selectors/Dropdown/Dropdown.js');
+var Dropdown = require('./selectors/Dropdown/Dropdown.js');
+require('react');
 var useDropdown = require('./hooks/useDropdown.js');
 
 function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, default: e }); }
 
+var Button__namespace = /*#__PURE__*/_interopNamespaceDefaultOnly(Button);
 var Input__namespace = /*#__PURE__*/_interopNamespaceDefaultOnly(Input);
+var Dropdown__namespace = /*#__PURE__*/_interopNamespaceDefaultOnly(Dropdown);
 
 
 
+exports.Button = Button__namespace;
 exports.Input = Input__namespace;
-exports.ImageInputContext = ImageInput.ImageInputContext;
+exports.ImageInput = ImageInput;
+exports.Dropdown = Dropdown__namespace;
 exports.DropdownContext = useDropdown.DropdownContext;
 exports.useDropdownContext = useDropdown.useDropdownContext;

package/cjs/inputs/ImageInput/ImageInput.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 
@@ -65,9 +67,10 @@ const ImageInputPreview = ({ src: defaultSrc, ...props }) => {
     const { previewUrl } = context;
     return jsxRuntime.jsx("img", { ...props, src: previewUrl ?? defaultSrc ?? '' });
 };
-Object.assign(ImageInputRoot, {
+const ImageInput = Object.assign(ImageInputRoot, {
     Preview: ImageInputPreview,
     Uploader: ImageInputUploader,
 });
 
 exports.ImageInputContext = ImageInputContext;
+exports.default = ImageInput;

package/cjs/inputs/index.d.ts

@@ -1,2 +1,2 @@
 export * as Input from './Input/Input';
-export * from './ImageInput/ImageInput';
+export * as ImageInput from './ImageInput/ImageInput';

package/cjs/selectors/Dropdown/Dropdown.js

@@ -45,9 +45,11 @@ const DropdownOption = ({ children, value, ...props }) => {
     const { select } = useDropdown.useDropdownContext();
     return (jsxRuntime.jsx("div", { role: "option", onClick: () => select(value), ...props, children: children }));
 };
-Object.assign(DropdownRoot, {
+const Dropdown = Object.assign(DropdownRoot, {
     Button: DropdownButton,
     Options: DropdownOptions,
     Option: DropdownOption,
     Viewer: DropdownViewer,
 });
+
+module.exports = Dropdown;

package/cjs/selectors/index.d.ts

@@ -1 +1 @@
-export { default } from './Dropdown/Dropdown';
+export * as Dropdown from './Dropdown/Dropdown';

package/hooks/useDebouncing.js

@@ -0,0 +1,14 @@
+import { useRef, useCallback } from 'react';
+
+const useDebouncing = (callback, delay) => {
+    const timer = useRef(null);
+    return useCallback(() => {
+        if (timer.current)
+            clearTimeout(timer.current);
+        timer.current = setTimeout(() => {
+            callback();
+        }, delay);
+    }, [callback, delay]);
+};
+
+export { useDebouncing as default };

package/index.js

@@ -1,7 +1,10 @@
-import 'react/jsx-runtime';
-import 'react';
+import * as Button from './buttons/Button/Button.js';
+export { Button };
 import * as Input from './inputs/Input/Input.js';
 export { Input };
-export { ImageInputContext } from './inputs/ImageInput/ImageInput.js';
-import './selectors/Dropdown/Dropdown.js';
+import * as ImageInput from './inputs/ImageInput/ImageInput.js';
+export { ImageInput };
+import * as Dropdown from './selectors/Dropdown/Dropdown.js';
+export { Dropdown };
+import 'react';
 export { DropdownContext, useDropdownContext } from './hooks/useDropdown.js';

package/inputs/ImageInput/ImageInput.js

@@ -63,9 +63,9 @@ const ImageInputPreview = ({ src: defaultSrc, ...props }) => {
     const { previewUrl } = context;
     return jsx("img", { ...props, src: previewUrl ?? defaultSrc ?? '' });
 };
-Object.assign(ImageInputRoot, {
+const ImageInput = Object.assign(ImageInputRoot, {
     Preview: ImageInputPreview,
     Uploader: ImageInputUploader,
 });
 
-export { ImageInputContext };
+export { ImageInputContext, ImageInput as default };

package/inputs/index.d.ts

@@ -1,2 +1,2 @@
 export * as Input from './Input/Input';
-export * from './ImageInput/ImageInput';
+export * as ImageInput from './ImageInput/ImageInput';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jy-headless",
-  "version": "0.2.30",
+  "version": "0.2.31",
   "description": "A lightweight and customizable headless UI library for React components",
   "license": "MIT",
   "repository": "https://github.com/yCZwIqY/jy-headless",
@@ -13,11 +13,21 @@
       "require": "./cjs/index.js",
       "types": "./index.d.ts"
     },
+    "./Button": {
+      "import": "./cjs/buttons/Button/Button.js",
+      "require": "./cjs/cjs/buttons/Button/Button.js",
+      "types": "./cjs/buttons/Button/Button.d.ts"
+    },
     "./cjs": {
       "import": "./cjs/index.js",
       "require": "./cjs/cjs/index.js",
       "types": "./cjs/index.d.ts"
     },
+    "./useDebouncing": {
+      "import": "./hooks/useDebouncing.js",
+      "require": "./cjs/hooks/useDebouncing.js",
+      "types": "./hooks/useDebouncing.d.ts"
+    },
     "./useDropdown": {
       "import": "./hooks/useDropdown.js",
       "require": "./cjs/hooks/useDropdown.js",

package/selectors/Dropdown/Dropdown.js

@@ -43,9 +43,11 @@ const DropdownOption = ({ children, value, ...props }) => {
     const { select } = useDropdownContext();
     return (jsx("div", { role: "option", onClick: () => select(value), ...props, children: children }));
 };
-Object.assign(DropdownRoot, {
+const Dropdown = Object.assign(DropdownRoot, {
     Button: DropdownButton,
     Options: DropdownOptions,
     Option: DropdownOption,
     Viewer: DropdownViewer,
 });
+
+export { Dropdown as default };

package/selectors/index.d.ts

@@ -1 +1 @@
-export { default } from './Dropdown/Dropdown';
+export * as Dropdown from './Dropdown/Dropdown';

package/version.txt

@@ -1 +1 @@
-0.2.30
+0.2.31