@pallasoft/ps-internal-components 1.1.1 → 1.2.0

package/dist/components/ps-search-input.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsSearchInputProps } from '../models/ps-search-input-props.js';
+export declare const PsSearchInput: React.ForwardRefExoticComponent<Omit<PsSearchInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/ps-search-input.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsSearchInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const lucide_react_1 = require("lucide-react");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_input_group_js_1 = require("./ps-input-group.js");
+const ps_skeleton_js_1 = require("./ps-skeleton.js");
+const ps_spinner_js_1 = require("./ps-spinner.js");
+exports.PsSearchInput = React.forwardRef(({ className, isLoading = false, isBusy = false, ...props }, ref) => {
+    if (isLoading)
+        return ((0, jsx_runtime_1.jsx)(ps_skeleton_js_1.PsSkeleton, { className: ps_class_name_service_js_1.PsClassNameService.merge('h-9 w-full rounded-md', className) }));
+    return ((0, jsx_runtime_1.jsx)(ps_input_group_js_1.PsInputGroup, { prefix: (0, jsx_runtime_1.jsx)(lucide_react_1.Search, { "aria-hidden": 'true' }), suffix: isBusy ? (0, jsx_runtime_1.jsx)(ps_spinner_js_1.PsSpinner, { className: 'size-4' }) : null, className: className, children: (0, jsx_runtime_1.jsx)("input", { ref: ref, type: 'search', className: 'h-full w-full min-w-0 rounded-none border-0 bg-transparent px-3 py-0 text-base shadow-none outline-none placeholder:text-muted-foreground focus-visible:ring-0 disabled:cursor-not-allowed md:text-sm', ...props }) }));
+});
+exports.PsSearchInput.displayName = 'PsSearchInput';

package/dist/esm/components/ps-search-input.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Search } from 'lucide-react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsInputGroup } from './ps-input-group.js';
+import { PsSkeleton } from './ps-skeleton.js';
+import { PsSpinner } from './ps-spinner.js';
+export const PsSearchInput = React.forwardRef(({ className, isLoading = false, isBusy = false, ...props }, ref) => {
+    if (isLoading)
+        return (_jsx(PsSkeleton, { className: PsClassNameService.merge('h-9 w-full rounded-md', className) }));
+    return (_jsx(PsInputGroup, { prefix: _jsx(Search, { "aria-hidden": 'true' }), suffix: isBusy ? _jsx(PsSpinner, { className: 'size-4' }) : null, className: className, children: _jsx("input", { ref: ref, type: 'search', className: 'h-full w-full min-w-0 rounded-none border-0 bg-transparent px-3 py-0 text-base shadow-none outline-none placeholder:text-muted-foreground focus-visible:ring-0 disabled:cursor-not-allowed md:text-sm', ...props }) }));
+});
+PsSearchInput.displayName = 'PsSearchInput';

package/dist/esm/index.js

@@ -114,6 +114,7 @@ export * from './components/ps-radio-group.js';
 export * from './components/ps-root-error.js';
 export * from './components/ps-scroll-area.js';
 export * from './components/ps-scroll-bar.js';
+export * from './components/ps-search-input.js';
 export * from './components/ps-select-content.js';
 export * from './components/ps-select-group.js';
 export * from './components/ps-select-item.js';
@@ -305,6 +306,7 @@ export * from './models/ps-radio-group-props.js';
 export * from './models/ps-root-error-props.js';
 export * from './models/ps-scroll-area-props.js';
 export * from './models/ps-scroll-bar-props.js';
+export * from './models/ps-search-input-props.js';
 export * from './models/ps-select-content-props.js';
 export * from './models/ps-select-item-props.js';
 export * from './models/ps-select-label-props.js';

package/dist/esm/models/ps-search-input-props.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -114,6 +114,7 @@ export * from './components/ps-radio-group.js';
 export * from './components/ps-root-error.js';
 export * from './components/ps-scroll-area.js';
 export * from './components/ps-scroll-bar.js';
+export * from './components/ps-search-input.js';
 export * from './components/ps-select-content.js';
 export * from './components/ps-select-group.js';
 export * from './components/ps-select-item.js';
@@ -305,6 +306,7 @@ export * from './models/ps-radio-group-props.js';
 export * from './models/ps-root-error-props.js';
 export * from './models/ps-scroll-area-props.js';
 export * from './models/ps-scroll-bar-props.js';
+export * from './models/ps-search-input-props.js';
 export * from './models/ps-select-content-props.js';
 export * from './models/ps-select-item-props.js';
 export * from './models/ps-select-label-props.js';

package/dist/index.js

@@ -130,6 +130,7 @@ __exportStar(require("./components/ps-radio-group.js"), exports);
 __exportStar(require("./components/ps-root-error.js"), exports);
 __exportStar(require("./components/ps-scroll-area.js"), exports);
 __exportStar(require("./components/ps-scroll-bar.js"), exports);
+__exportStar(require("./components/ps-search-input.js"), exports);
 __exportStar(require("./components/ps-select-content.js"), exports);
 __exportStar(require("./components/ps-select-group.js"), exports);
 __exportStar(require("./components/ps-select-item.js"), exports);
@@ -321,6 +322,7 @@ __exportStar(require("./models/ps-radio-group-props.js"), exports);
 __exportStar(require("./models/ps-root-error-props.js"), exports);
 __exportStar(require("./models/ps-scroll-area-props.js"), exports);
 __exportStar(require("./models/ps-scroll-bar-props.js"), exports);
+__exportStar(require("./models/ps-search-input-props.js"), exports);
 __exportStar(require("./models/ps-select-content-props.js"), exports);
 __exportStar(require("./models/ps-select-item-props.js"), exports);
 __exportStar(require("./models/ps-select-label-props.js"), exports);

package/dist/models/ps-search-input-props.d.ts

@@ -0,0 +1,4 @@
+import type { PsFieldInputProps } from './ps-field-input-props.js';
+export interface PsSearchInputProps extends PsFieldInputProps {
+    isBusy?: boolean;
+}

package/dist/models/ps-search-input-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-internal-components",
-	"version": "1.1.1",
+	"version": "1.2.0",
 	"private": false,
 	"description": "Shared Pallasoft internal UI: app header, app switcher and shadcn primitives for staff tools",
 	"main": "./dist/index.js",