@appcorp/shadcn 1.1.88 → 1.1.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface UseEnhancedComboboxProps<T extends {
|
|
3
|
+
id: string;
|
|
4
|
+
name: string;
|
|
5
|
+
}> {
|
|
6
|
+
emptyText?: string;
|
|
7
|
+
id: string;
|
|
8
|
+
info: string;
|
|
9
|
+
label: string;
|
|
10
|
+
onValueChange: (value: string) => void;
|
|
11
|
+
options: T[];
|
|
12
|
+
placeholder: string;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
searchEndpoint: string;
|
|
15
|
+
searchPlaceholder?: string;
|
|
16
|
+
value: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const useEnhancedCombobox: <T extends {
|
|
19
|
+
id: string;
|
|
20
|
+
name: string;
|
|
21
|
+
}>({ emptyText, id, info, label, onValueChange, options, placeholder, required, searchEndpoint, searchPlaceholder, value, }: UseEnhancedComboboxProps<T>) => {
|
|
22
|
+
enhancedComboboxElement: React.JSX.Element;
|
|
23
|
+
};
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
36
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
37
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
38
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
39
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
40
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
41
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
45
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
46
|
+
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
47
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
48
|
+
function step(op) {
|
|
49
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
50
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
51
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
52
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
53
|
+
switch (op[0]) {
|
|
54
|
+
case 0: case 1: t = op; break;
|
|
55
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
56
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
57
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
58
|
+
default:
|
|
59
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
60
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
61
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
62
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
63
|
+
if (t[2]) _.ops.pop();
|
|
64
|
+
_.trys.pop(); continue;
|
|
65
|
+
}
|
|
66
|
+
op = body.call(thisArg, _);
|
|
67
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
68
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
72
|
+
exports.useEnhancedCombobox = void 0;
|
|
73
|
+
var react_1 = __importStar(require("react"));
|
|
74
|
+
var fetch_data_1 = require("@react-pakistan/util-functions/general/fetch-data");
|
|
75
|
+
var api_methods_1 = require("@react-pakistan/util-functions/constants/api-methods");
|
|
76
|
+
var use_debounce_1 = require("@react-pakistan/util-functions/hooks/use-debounce");
|
|
77
|
+
var enhanced_combobox_1 = require("../components/enhanced-combobox");
|
|
78
|
+
var useEnhancedCombobox = function (_a) {
|
|
79
|
+
var emptyText = _a.emptyText, id = _a.id, info = _a.info, label = _a.label, onValueChange = _a.onValueChange, options = _a.options, placeholder = _a.placeholder, required = _a.required, searchEndpoint = _a.searchEndpoint, searchPlaceholder = _a.searchPlaceholder, value = _a.value;
|
|
80
|
+
var _b = (0, react_1.useState)(""), searchQuery = _b[0], setSearchQuery = _b[1];
|
|
81
|
+
var _c = (0, react_1.useState)([]), searchOptions = _c[0], setSearchOptions = _c[1];
|
|
82
|
+
var _d = (0, react_1.useState)(false), loading = _d[0], setLoading = _d[1];
|
|
83
|
+
var debouncedSearchQuery = (0, use_debounce_1.useDebounce)(searchQuery, 800);
|
|
84
|
+
(0, react_1.useEffect)(function () {
|
|
85
|
+
if (!debouncedSearchQuery) {
|
|
86
|
+
setSearchOptions([]);
|
|
87
|
+
setLoading(false);
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
setLoading(true);
|
|
91
|
+
(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
92
|
+
var data, error_1;
|
|
93
|
+
return __generator(this, function (_a) {
|
|
94
|
+
switch (_a.label) {
|
|
95
|
+
case 0:
|
|
96
|
+
_a.trys.push([0, 2, 3, 4]);
|
|
97
|
+
return [4 /*yield*/, (0, fetch_data_1.fetchData)({
|
|
98
|
+
url: searchEndpoint,
|
|
99
|
+
method: api_methods_1.API_METHODS.GET,
|
|
100
|
+
params: { searchQuery: debouncedSearchQuery },
|
|
101
|
+
})];
|
|
102
|
+
case 1:
|
|
103
|
+
data = (_a.sent()).data;
|
|
104
|
+
setSearchOptions(data.items || []);
|
|
105
|
+
return [3 /*break*/, 4];
|
|
106
|
+
case 2:
|
|
107
|
+
error_1 = _a.sent();
|
|
108
|
+
console.error("Failed to fetch expense categories:", error_1);
|
|
109
|
+
setSearchOptions([]);
|
|
110
|
+
return [3 /*break*/, 4];
|
|
111
|
+
case 3:
|
|
112
|
+
setLoading(false);
|
|
113
|
+
return [7 /*endfinally*/];
|
|
114
|
+
case 4: return [2 /*return*/];
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
}); })();
|
|
118
|
+
}, [debouncedSearchQuery, searchEndpoint]);
|
|
119
|
+
var mappedOptions = (0, react_1.useMemo)(function () {
|
|
120
|
+
var opts = searchOptions.length > 0 ? searchOptions : options;
|
|
121
|
+
return ((opts === null || opts === void 0 ? void 0 : opts.map(function (category) { return ({
|
|
122
|
+
label: category.name,
|
|
123
|
+
value: category.id,
|
|
124
|
+
}); })) || []);
|
|
125
|
+
}, [searchOptions, options]);
|
|
126
|
+
var handleSearchChange = (0, react_1.useCallback)(function (query) {
|
|
127
|
+
setSearchQuery(query);
|
|
128
|
+
}, []);
|
|
129
|
+
var enhancedComboboxElement = (0, react_1.useMemo)(function () { return (react_1.default.createElement(enhanced_combobox_1.EnhancedCombobox, { emptyText: emptyText, id: id, info: info, label: label, loading: loading, onSearchChange: handleSearchChange, onValueChange: onValueChange, options: mappedOptions, placeholder: placeholder, required: required, searchPlaceholder: searchPlaceholder, value: value })); }, [
|
|
130
|
+
emptyText,
|
|
131
|
+
handleSearchChange,
|
|
132
|
+
id,
|
|
133
|
+
info,
|
|
134
|
+
label,
|
|
135
|
+
loading,
|
|
136
|
+
mappedOptions,
|
|
137
|
+
onValueChange,
|
|
138
|
+
placeholder,
|
|
139
|
+
required,
|
|
140
|
+
searchPlaceholder,
|
|
141
|
+
value,
|
|
142
|
+
]);
|
|
143
|
+
return { enhancedComboboxElement: enhancedComboboxElement };
|
|
144
|
+
};
|
|
145
|
+
exports.useEnhancedCombobox = useEnhancedCombobox;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@appcorp/shadcn",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.89",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build:next": "next build",
|
|
6
6
|
"build:storybook": "mv ../.pnp.cjs ../.pnp.cjs.bak 2>/dev/null || true && storybook build -c .storybook -o .out && mv ../.pnp.cjs.bak ../.pnp.cjs 2>/dev/null || true",
|