jy-headless 0.2.23 → 0.2.26

package/cjs/index.d.ts

@@ -1 +1,4 @@
 export { default as Button } from './buttons/Button/Button';
+export { default as Input } from './inputs/Input/Input';
+export * as Types from './types';
+export * as Utils from './utils';

package/cjs/index.js

@@ -1,7 +1,17 @@
 'use strict';
 
 var Button = require('./buttons/Button/Button.js');
+var Input = require('./inputs/Input/Input.js');
+var index = require('./types/index.js');
+var index$1 = require('./utils/index.js');
+
+function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, default: e }); }
+
+var index__namespace = /*#__PURE__*/_interopNamespaceDefaultOnly(index$1);
 
 
 
 exports.Button = Button;
+exports.Input = Input;
+exports.Types = index;
+exports.Utils = index__namespace;

package/cjs/inputs/Input/Input.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from '../../types/inputs/types';
+declare const Input: ({ id, suffixElement, prefixElement, wrapperStyle, wrapperClass, children, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export default Input;

package/cjs/inputs/Input/Input.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ArrayUtils = require('../../utils/ArrayUtils.js');
+
+const Input = ({ id, suffixElement, prefixElement, wrapperStyle, wrapperClass, children, ...props }) => {
+    return (jsxRuntime.jsxs("span", { "data-testid": 'input-wrapper', id: [id, 'input-wrapper'].join('-'), className: wrapperClass && ArrayUtils.toFlat(wrapperClass).join(' '), style: wrapperStyle, children: [prefixElement, jsxRuntime.jsx("input", { id: id, ...props }), suffixElement] }));
+};
+
+module.exports = Input;

package/cjs/inputs/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Input/Input';

package/cjs/types/index.d.ts

@@ -1 +1,2 @@
 export * from './buttons/types';
+export * from './inputs/types';

package/cjs/types/index.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/cjs/types/inputs/types.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, InputHTMLAttributes, ReactElement, ReactNode } from 'react';
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    suffixElement?: ReactElement | ReactNode;
+    prefixElement?: ReactElement | ReactNode;
+    wrapperStyle?: CSSProperties;
+    wrapperClass?: string | string[];
+}

package/cjs/utils/ArrayUtils.d.ts

@@ -0,0 +1,4 @@
+declare const ArrayUtils: {
+    toFlat(...args: (string | string[])[]): string[];
+};
+export default ArrayUtils;

package/cjs/utils/ArrayUtils.js

@@ -0,0 +1,9 @@
+'use strict';
+
+const ArrayUtils = {
+    toFlat(...args) {
+        return args.flat().map(String).filter(Boolean);
+    },
+};
+
+module.exports = ArrayUtils;

package/cjs/utils/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ArrayUtils';

package/cjs/utils/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var ArrayUtils = require('./ArrayUtils.js');
+
+
+
+module.exports = ArrayUtils;

package/index.d.ts

@@ -1 +1,4 @@
 export { default as Button } from './buttons/Button/Button';
+export { default as Input } from './inputs/Input/Input';
+export * as Types from './types';
+export * as Utils from './utils';

package/index.js

@@ -1 +1,6 @@
 export { default as Button } from './buttons/Button/Button.js';
+export { default as Input } from './inputs/Input/Input.js';
+import * as index from './types/index.js';
+export { index as Types };
+import * as index$1 from './utils/index.js';
+export { index$1 as Utils };

package/inputs/Input/Input.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from '../../types/inputs/types';
+declare const Input: ({ id, suffixElement, prefixElement, wrapperStyle, wrapperClass, children, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export default Input;

package/inputs/Input/Input.js

@@ -0,0 +1,8 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import ArrayUtils from '../../utils/ArrayUtils.js';
+
+const Input = ({ id, suffixElement, prefixElement, wrapperStyle, wrapperClass, children, ...props }) => {
+    return (jsxs("span", { "data-testid": 'input-wrapper', id: [id, 'input-wrapper'].join('-'), className: wrapperClass && ArrayUtils.toFlat(wrapperClass).join(' '), style: wrapperStyle, children: [prefixElement, jsx("input", { id: id, ...props }), suffixElement] }));
+};
+
+export { Input as default };

package/inputs/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Input/Input';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jy-headless",
-  "version": "0.2.23",
+  "version": "0.2.26",
   "description": "A lightweight and customizable headless UI library for React components",
   "license": "MIT",
   "repository": "https://github.com/yCZwIqY/jy-headless",
@@ -24,9 +24,39 @@
       "types": "./cjs/index.d.ts"
     },
     "./index": {
-      "import": "./index.js",
-      "require": "./cjs/index.js",
-      "types": "./index.d.ts"
+      "import": "./utils/index.js",
+      "require": "./cjs/utils/index.js",
+      "types": "./utils/index.d.ts"
+    },
+    "./Input": {
+      "import": "./inputs/Input/Input.js",
+      "require": "./cjs/inputs/Input/Input.js",
+      "types": "./inputs/Input/Input.d.ts"
+    },
+    "./cjs/types": {
+      "import": "./cjs/types/index.js",
+      "require": "./cjs/cjs/types/index.js",
+      "types": "./cjs/types/index.d.ts"
+    },
+    "./cjs/utils": {
+      "import": "./cjs/utils/index.js",
+      "require": "./cjs/cjs/utils/index.js",
+      "types": "./cjs/utils/index.d.ts"
+    },
+    "./ArrayUtils": {
+      "import": "./utils/ArrayUtils.js",
+      "require": "./cjs/utils/ArrayUtils.js",
+      "types": "./utils/ArrayUtils.d.ts"
+    },
+    "./types": {
+      "import": "./types/index.js",
+      "require": "./cjs/types/index.js",
+      "types": "./types/index.d.ts"
+    },
+    "./utils": {
+      "import": "./utils/index.js",
+      "require": "./cjs/utils/index.js",
+      "types": "./utils/index.d.ts"
     }
   },
   "keywords": [

package/types/index.d.ts

@@ -1 +1,2 @@
 export * from './buttons/types';
+export * from './inputs/types';

package/types/index.js

@@ -0,0 +1 @@
+

package/types/inputs/types.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, InputHTMLAttributes, ReactElement, ReactNode } from 'react';
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    suffixElement?: ReactElement | ReactNode;
+    prefixElement?: ReactElement | ReactNode;
+    wrapperStyle?: CSSProperties;
+    wrapperClass?: string | string[];
+}

package/utils/ArrayUtils.d.ts

@@ -0,0 +1,4 @@
+declare const ArrayUtils: {
+    toFlat(...args: (string | string[])[]): string[];
+};
+export default ArrayUtils;

package/utils/ArrayUtils.js

@@ -0,0 +1,7 @@
+const ArrayUtils = {
+    toFlat(...args) {
+        return args.flat().map(String).filter(Boolean);
+    },
+};
+
+export { ArrayUtils as default };

package/utils/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ArrayUtils';

package/utils/index.js

@@ -0,0 +1 @@
+export { default } from './ArrayUtils.js';

package/version.txt

@@ -1 +1 @@
-0.2.23
+0.2.26