@beweco/aurora-ui 0.1.8 → 0.1.10
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.
- package/dist/assets/css/styles.css +1 -1
- package/dist/index.cjs.js +61 -34
- package/dist/index.esm.js +62 -37
- package/dist/types/components/autocomplete/AutoComplete.d.ts +3 -3
- package/dist/types/components/autocomplete/AutoComplete.d.ts.map +1 -1
- package/dist/types/components/autocomplete/AutoComplete.types.d.ts +1 -1
- package/dist/types/components/autocomplete/AutoComplete.types.d.ts.map +1 -1
- package/dist/types/components/autocomplete/index.d.ts +2 -2
- package/dist/types/components/autocomplete/index.d.ts.map +1 -1
- package/dist/types/components/chip/Chip.d.ts +8 -0
- package/dist/types/components/chip/Chip.d.ts.map +1 -0
- package/dist/types/components/chip/Chip.types.d.ts +7 -0
- package/dist/types/components/chip/Chip.types.d.ts.map +1 -0
- package/dist/types/components/chip/index.d.ts +3 -0
- package/dist/types/components/chip/index.d.ts.map +1 -0
- package/dist/types/components/multi-step-wizard/MultiStepWizard.d.ts.map +1 -1
- package/dist/types/components/search-input/SearchInput.d.ts +14 -0
- package/dist/types/components/search-input/SearchInput.d.ts.map +1 -0
- package/dist/types/components/search-input/SearchInput.types.d.ts +15 -0
- package/dist/types/components/search-input/SearchInput.types.d.ts.map +1 -0
- package/dist/types/components/search-input/index.d.ts +3 -0
- package/dist/types/components/search-input/index.d.ts.map +1 -0
- package/dist/types/index.d.ts +5 -0
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -230,7 +230,7 @@ var H2 = function (_a) {
|
|
|
230
230
|
|
|
231
231
|
var P = function (_a) {
|
|
232
232
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
233
|
-
return (jsxRuntime.jsx("p", __assign({ className: react.cn("text-
|
|
233
|
+
return (jsxRuntime.jsx("p", __assign({ className: react.cn("text-tiny text-default-500 font-normal", className) }, props, { children: children })));
|
|
234
234
|
};
|
|
235
235
|
|
|
236
236
|
var defaultTranslations$6 = {
|
|
@@ -360,7 +360,7 @@ var AnalyticsCard = function (_a) {
|
|
|
360
360
|
};
|
|
361
361
|
|
|
362
362
|
/**
|
|
363
|
-
*
|
|
363
|
+
* AuraAutocomplete genérico reutilizable basado en HeroUI siguiendo las reglas de diseño BeweOS.
|
|
364
364
|
*
|
|
365
365
|
* Reglas aplicadas:
|
|
366
366
|
* - Variant: Bordered (por defecto)
|
|
@@ -368,7 +368,7 @@ var AnalyticsCard = function (_a) {
|
|
|
368
368
|
* - labelPlacement: Outside
|
|
369
369
|
* - Size: sm, md, lg (configurable)
|
|
370
370
|
*/
|
|
371
|
-
var
|
|
371
|
+
var AuraAutocomplete = function (_a) {
|
|
372
372
|
var label = _a.label, id = _a.id, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "bordered" : _c, _d = _a.radius, radius = _d === void 0 ? "md" : _d, props = __rest(_a, ["label", "id", "size", "variant", "radius"]);
|
|
373
373
|
var generatedId = React.useId();
|
|
374
374
|
var autoId = id || generatedId;
|
|
@@ -920,6 +920,37 @@ var ColorSelector = function (_a) {
|
|
|
920
920
|
: "border-gray-200 hover:scale-105"), style: { backgroundColor: color.color }, title: color.label }) }, color.value)); }) }));
|
|
921
921
|
};
|
|
922
922
|
|
|
923
|
+
/**
|
|
924
|
+
* Chip - Componente para mostrar etiquetas o badges
|
|
925
|
+
* basado en HeroUI siguiendo las reglas de diseño BeweOS.
|
|
926
|
+
*/
|
|
927
|
+
var Chip = function (_a) {
|
|
928
|
+
var _b = _a.color, color = _b === void 0 ? "default" : _b, props = __rest(_a, ["color"]);
|
|
929
|
+
// Colores estándar de HeroUI
|
|
930
|
+
var standardColors = [
|
|
931
|
+
"default",
|
|
932
|
+
"primary",
|
|
933
|
+
"secondary",
|
|
934
|
+
"success",
|
|
935
|
+
"warning",
|
|
936
|
+
"danger",
|
|
937
|
+
];
|
|
938
|
+
// Si es un color estándar, usar HeroUI normalmente
|
|
939
|
+
if (standardColors.includes(color)) {
|
|
940
|
+
return (jsxRuntime.jsx(react.Chip, __assign({}, props, { color: color, onClose: props.onClose })));
|
|
941
|
+
}
|
|
942
|
+
// Si es un color personalizado, aplicar clases CSS específicas
|
|
943
|
+
var customColorClasses = {
|
|
944
|
+
red: "bg-red-100 text-red-500",
|
|
945
|
+
purple: "bg-purple-100 text-purple-500",
|
|
946
|
+
blue: "bg-blue-100 text-blue-500",
|
|
947
|
+
green: "bg-green-100 text-green-500",
|
|
948
|
+
orange: "bg-orange-100 text-orange-500",
|
|
949
|
+
};
|
|
950
|
+
var colorClasses = customColorClasses[color];
|
|
951
|
+
return (jsxRuntime.jsx(react.Chip, __assign({}, props, { onClose: props.onClose, classNames: __assign({ base: colorClasses }, props.classNames) })));
|
|
952
|
+
};
|
|
953
|
+
|
|
923
954
|
// Traducciones por defecto en español
|
|
924
955
|
var defaultTranslations$5 = {
|
|
925
956
|
dayOption: "Día específico",
|
|
@@ -1400,28 +1431,12 @@ var MultistepNavigationButtons = function (_a) {
|
|
|
1400
1431
|
return (jsxRuntime.jsx("div", { className: react.cn("flex w-full flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-between md:justify-end", className), children: jsxRuntime.jsxs("div", { className: "flex w-full flex-col-reverse gap-2 md:w-auto md:flex-row", children: [jsxRuntime.jsx(react.Button, __assign({ className: "w-full md:w-auto", color: "default", variant: "flat" }, restCancelButtonProps, { children: cancelButtonChildren || "Cancel" })), jsxRuntime.jsx(react.Button, __assign({ className: "w-full md:w-auto", color: "primary" }, restNextButtonProps, { children: nextButtonChildren || "Next" }))] }) }));
|
|
1401
1432
|
};
|
|
1402
1433
|
|
|
1403
|
-
var variants = {
|
|
1404
|
-
enter: function (direction) { return ({
|
|
1405
|
-
y: direction > 0 ? 30 : -30,
|
|
1406
|
-
opacity: 0,
|
|
1407
|
-
}); },
|
|
1408
|
-
center: {
|
|
1409
|
-
zIndex: 1,
|
|
1410
|
-
y: 0,
|
|
1411
|
-
opacity: 1,
|
|
1412
|
-
},
|
|
1413
|
-
exit: function (direction) { return ({
|
|
1414
|
-
zIndex: 0,
|
|
1415
|
-
y: direction < 0 ? 30 : -30,
|
|
1416
|
-
opacity: 0,
|
|
1417
|
-
}); },
|
|
1418
|
-
};
|
|
1419
1434
|
var MultiStepWizard = function (_a) {
|
|
1420
1435
|
var isOpen = _a.isOpen, steps = _a.steps, translations = _a.translations, onClose = _a.onClose, onComplete = _a.onComplete, completeButtonText = _a.completeButtonText;
|
|
1421
|
-
var _b = React.useState(
|
|
1436
|
+
var _b = React.useState(0), page = _b[0], setPage = _b[1];
|
|
1422
1437
|
React.useEffect(function () {
|
|
1423
1438
|
if (isOpen) {
|
|
1424
|
-
setPage(
|
|
1439
|
+
setPage(0);
|
|
1425
1440
|
}
|
|
1426
1441
|
}, [isOpen]);
|
|
1427
1442
|
var t = __assign({
|
|
@@ -1433,11 +1448,11 @@ var MultiStepWizard = function (_a) {
|
|
|
1433
1448
|
}, translations);
|
|
1434
1449
|
var paginate = React.useCallback(function (newDirection) {
|
|
1435
1450
|
setPage(function (prev) {
|
|
1436
|
-
var nextPage = prev
|
|
1451
|
+
var nextPage = prev + newDirection;
|
|
1437
1452
|
if (nextPage < 0 || nextPage > steps.length - 1) {
|
|
1438
1453
|
return prev;
|
|
1439
1454
|
}
|
|
1440
|
-
return
|
|
1455
|
+
return nextPage;
|
|
1441
1456
|
});
|
|
1442
1457
|
}, [steps]);
|
|
1443
1458
|
var onChangePage = React.useCallback(function (newPage) {
|
|
@@ -1445,8 +1460,7 @@ var MultiStepWizard = function (_a) {
|
|
|
1445
1460
|
if (newPage < 0 || newPage > steps.length - 1) {
|
|
1446
1461
|
return prev;
|
|
1447
1462
|
}
|
|
1448
|
-
|
|
1449
|
-
return [newPage, newPage > currentPage ? 1 : -1];
|
|
1463
|
+
return newPage;
|
|
1450
1464
|
});
|
|
1451
1465
|
}, [steps]);
|
|
1452
1466
|
var onBack = React.useCallback(function () {
|
|
@@ -1477,14 +1491,8 @@ var MultiStepWizard = function (_a) {
|
|
|
1477
1491
|
}
|
|
1478
1492
|
};
|
|
1479
1493
|
var content = React.useMemo(function () {
|
|
1480
|
-
return (jsxRuntime.jsx(
|
|
1481
|
-
|
|
1482
|
-
ease: "backOut",
|
|
1483
|
-
duration: 0.35,
|
|
1484
|
-
},
|
|
1485
|
-
opacity: { duration: 0.4 },
|
|
1486
|
-
}, variants: variants, children: steps[page].content }, page) }));
|
|
1487
|
-
}, [page, steps, direction]);
|
|
1494
|
+
return (jsxRuntime.jsx("div", { className: "col-span-12", children: steps[page].content }, page));
|
|
1495
|
+
}, [page, steps]);
|
|
1488
1496
|
if (!isOpen) {
|
|
1489
1497
|
return null;
|
|
1490
1498
|
}
|
|
@@ -2043,6 +2051,23 @@ var ScheduleRow = function (_a) {
|
|
|
2043
2051
|
return (jsxRuntime.jsxs("div", { className: "flex flex-col w-full gap-y-4 last:border-b-0 last:mb-0 last:pb-0 border-b border-default-200 xs:py-4 xl:p-4 first:pt-0", children: [jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between", children: [jsxRuntime.jsxs("div", { className: "flex xs:space-x-2 sm:space-x-4", children: [jsxRuntime.jsx("h3", { className: "text-small font-semibold text-default-900 capitalize", children: day }), jsxRuntime.jsx(react.Chip, { size: "sm", color: daySchedule.isOpen ? "primary" : "default", className: "text-background", children: daySchedule.isOpen ? translations.open : translations.closed })] }), jsxRuntime.jsxs("div", { className: "flex xs:gap-2 sm:gap-5", children: [jsxRuntime.jsx(Switch, { size: "sm", color: "primary", isSelected: daySchedule.isOpen, onValueChange: handleToggleDay }), jsxRuntime.jsx(Button, { size: "sm", variant: "bordered", onPress: function () { return onCopyToAll(day); }, children: translations.copyToAll })] })] }), daySchedule.isOpen && (jsxRuntime.jsxs("div", { className: "flex flex-col justify-around gap-y-3 ", children: [daySchedule.timeSlots.map(function (slot, index) { return (jsxRuntime.jsxs("div", { className: "flex items-center gap-1 w-full justify-between", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-1", children: [jsxRuntime.jsx(TimeInput, { label: translations.from, className: "w-full", value: toTimeValue(slot.from), onChange: function (value) { return handleTimeChange(index, "from", value); }, isInvalid: !!slot.error }), jsxRuntime.jsx("span", { className: "text-default-900 xs:hidden xl:block", children: "-" }), jsxRuntime.jsx(TimeInput, { label: translations.to, className: "w-full", value: toTimeValue(slot.to), onChange: function (value) { return handleTimeChange(index, "to", value); }, isInvalid: !!slot.error, errorMessage: slot.error })] }), jsxRuntime.jsx(Button, { isIconOnly: true, size: "sm", color: "danger", variant: "light", onPress: function () { return handleRemoveTimeSlot(index); }, isDisabled: daySchedule.timeSlots.length === 1, startContent: jsxRuntime.jsx(IconComponent, { icon: "solar:trash-bin-minimalistic-outline" }) })] }, "".concat(day, "-timeslot-").concat(slot.from, "-").concat(slot.to, "-").concat(index))); }), daySchedule.timeSlots.length < 2 && (jsxRuntime.jsx(Button, { size: "sm", variant: "flat", onPress: function () { return handleAddTimeSlot(); }, startContent: jsxRuntime.jsx(IconComponent, { icon: "solar:add-circle-outline" }), children: translations.addTimeSlot }))] }))] }, day));
|
|
2044
2052
|
};
|
|
2045
2053
|
|
|
2054
|
+
/**
|
|
2055
|
+
* SearchInput component - A specialized input field for search functionality
|
|
2056
|
+
*
|
|
2057
|
+
* Features:
|
|
2058
|
+
* - Built on top of the base Input component
|
|
2059
|
+
* - Includes a search icon by default
|
|
2060
|
+
* - Optimized for search use cases
|
|
2061
|
+
* - Follows BeweOS design guidelines
|
|
2062
|
+
*/
|
|
2063
|
+
var SearchInput = function (_a) {
|
|
2064
|
+
var _b = _a.searchPlaceholder, searchPlaceholder = _b === void 0 ? "Buscar..." : _b, _c = _a.searchIcon, searchIcon = _c === void 0 ? "solar:magnifer-outline" : _c, iconProps = _a.iconProps, onSearchChange = _a.onSearchChange, searchValue = _a.searchValue, value = _a.value, onValueChange = _a.onValueChange, placeholder = _a.placeholder, _d = _a.size, size = _d === void 0 ? "sm" : _d, _e = _a.className, className = _e === void 0 ? "flex-1 max-w-xs min-w-52" : _e, props = __rest(_a, ["searchPlaceholder", "searchIcon", "iconProps", "onSearchChange", "searchValue", "value", "onValueChange", "placeholder", "size", "className"]);
|
|
2065
|
+
// Use searchValue/onSearchChange if provided, otherwise fall back to value/onValueChange
|
|
2066
|
+
var inputValue = searchValue !== null && searchValue !== void 0 ? searchValue : value;
|
|
2067
|
+
var handleValueChange = onSearchChange !== null && onSearchChange !== void 0 ? onSearchChange : onValueChange;
|
|
2068
|
+
return (jsxRuntime.jsx(Input, __assign({}, props, { className: className, size: size, placeholder: placeholder || searchPlaceholder, value: inputValue, onValueChange: handleValueChange, endContent: jsxRuntime.jsx(IconComponent, __assign({ icon: searchIcon, className: "text-default-400", size: "sm" }, iconProps)) })));
|
|
2069
|
+
};
|
|
2070
|
+
|
|
2046
2071
|
/**
|
|
2047
2072
|
* Select genérico reutilizable basado en HeroUI siguiendo las reglas de diseño BeweOS.
|
|
2048
2073
|
*
|
|
@@ -2785,11 +2810,12 @@ var AuraToastProvider = function (_a) {
|
|
|
2785
2810
|
|
|
2786
2811
|
exports.AddHolidayForm = AddHolidayForm;
|
|
2787
2812
|
exports.AnalyticsCard = AnalyticsCard;
|
|
2813
|
+
exports.AuraAutocomplete = AuraAutocomplete;
|
|
2788
2814
|
exports.AuraTable = AuraTable;
|
|
2789
2815
|
exports.AuraToastProvider = AuraToastProvider;
|
|
2790
|
-
exports.AutoComplete = AutoComplete;
|
|
2791
2816
|
exports.Button = Button;
|
|
2792
2817
|
exports.Card = Card;
|
|
2818
|
+
exports.Chip = Chip;
|
|
2793
2819
|
exports.ColorSelector = ColorSelector;
|
|
2794
2820
|
exports.DatePicker = DatePicker;
|
|
2795
2821
|
exports.DateRangePicker = DateRangePicker;
|
|
@@ -2815,6 +2841,7 @@ exports.Phone = Phone;
|
|
|
2815
2841
|
exports.PromotionalBanner = PromotionalBanner;
|
|
2816
2842
|
exports.RowSteps = RowSteps;
|
|
2817
2843
|
exports.ScheduleRow = ScheduleRow;
|
|
2844
|
+
exports.SearchInput = SearchInput;
|
|
2818
2845
|
exports.Select = Select;
|
|
2819
2846
|
exports.StepIndicator = StepIndicator;
|
|
2820
2847
|
exports.SwitchComponent = Switch;
|
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Button as Button$1, DatePicker as DatePicker$1, DateRangePicker as DateRangePicker$1, Input as Input$1, RadioGroup, Radio, cn, Card as Card$1, Spacer, Tabs, Tab, Chip, Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, Autocomplete, DropdownSection, ListboxItem, Popover, PopoverTrigger, Tooltip as Tooltip$1, PopoverContent, Listbox, Accordion, AccordionItem, ListboxSection, Avatar, CardBody, CardFooter, Pagination as Pagination$1, Link, Switch as Switch$1, TimeInput as TimeInput$1, Select as Select$1, Table, TableHeader, TableColumn, TableBody, TableRow, TableCell, Textarea as Textarea$1, Alert, Modal as Modal$1, ModalContent as ModalContent$1, ModalHeader as ModalHeader$1, ModalBody as ModalBody$1, Slider, ModalFooter as ModalFooter$1 } from '@heroui/react';
|
|
1
|
+
import { Button as Button$1, DatePicker as DatePicker$1, DateRangePicker as DateRangePicker$1, Input as Input$1, RadioGroup, Radio, cn, Card as Card$1, Spacer, Tabs, Tab, Chip as Chip$1, Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, Autocomplete, DropdownSection, ListboxItem, Popover, PopoverTrigger, Tooltip as Tooltip$1, PopoverContent, Listbox, Accordion, AccordionItem, ListboxSection, Avatar, CardBody, CardFooter, Pagination as Pagination$1, Link, Switch as Switch$1, TimeInput as TimeInput$1, Select as Select$1, Table, TableHeader, TableColumn, TableBody, TableRow, TableCell, Textarea as Textarea$1, Alert, Modal as Modal$1, ModalContent as ModalContent$1, ModalHeader as ModalHeader$1, ModalBody as ModalBody$1, Slider, ModalFooter as ModalFooter$1 } from '@heroui/react';
|
|
2
2
|
export * from '@heroui/react';
|
|
3
3
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
4
4
|
import React, { useId, useState, useCallback, useMemo, createContext, useContext, createElement, useRef, useEffect, useLayoutEffect } from 'react';
|
|
@@ -229,7 +229,7 @@ var H2 = function (_a) {
|
|
|
229
229
|
|
|
230
230
|
var P = function (_a) {
|
|
231
231
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
232
|
-
return (jsx("p", __assign({ className: cn("text-
|
|
232
|
+
return (jsx("p", __assign({ className: cn("text-tiny text-default-500 font-normal", className) }, props, { children: children })));
|
|
233
233
|
};
|
|
234
234
|
|
|
235
235
|
var defaultTranslations$6 = {
|
|
@@ -319,7 +319,7 @@ var AnalyticsCard = function (_a) {
|
|
|
319
319
|
"bg-default-100": activeChart === key,
|
|
320
320
|
}), onClick: function () { return handleChartChange(key); }, children: [jsx("span", { className: cn("text-small text-default-500 font-medium transition-colors", {
|
|
321
321
|
"text-primary": activeChart === key,
|
|
322
|
-
}), children: title }), jsxs("div", { className: "flex items-center gap-x-3", children: [jsx("span", { className: "text-foreground text-2xl font-bold", children: formatValue(value, type) }), jsx(Chip, { classNames: {
|
|
322
|
+
}), children: title }), jsxs("div", { className: "flex items-center gap-x-3", children: [jsx("span", { className: "text-foreground text-2xl font-bold", children: formatValue(value, type) }), jsx(Chip$1, { classNames: {
|
|
323
323
|
content: "font-medium",
|
|
324
324
|
}, color: changeType === "positive"
|
|
325
325
|
? "success"
|
|
@@ -359,7 +359,7 @@ var AnalyticsCard = function (_a) {
|
|
|
359
359
|
};
|
|
360
360
|
|
|
361
361
|
/**
|
|
362
|
-
*
|
|
362
|
+
* AuraAutocomplete genérico reutilizable basado en HeroUI siguiendo las reglas de diseño BeweOS.
|
|
363
363
|
*
|
|
364
364
|
* Reglas aplicadas:
|
|
365
365
|
* - Variant: Bordered (por defecto)
|
|
@@ -367,7 +367,7 @@ var AnalyticsCard = function (_a) {
|
|
|
367
367
|
* - labelPlacement: Outside
|
|
368
368
|
* - Size: sm, md, lg (configurable)
|
|
369
369
|
*/
|
|
370
|
-
var
|
|
370
|
+
var AuraAutocomplete = function (_a) {
|
|
371
371
|
var label = _a.label, id = _a.id, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "bordered" : _c, _d = _a.radius, radius = _d === void 0 ? "md" : _d, props = __rest(_a, ["label", "id", "size", "variant", "radius"]);
|
|
372
372
|
var generatedId = useId();
|
|
373
373
|
var autoId = id || generatedId;
|
|
@@ -919,6 +919,37 @@ var ColorSelector = function (_a) {
|
|
|
919
919
|
: "border-gray-200 hover:scale-105"), style: { backgroundColor: color.color }, title: color.label }) }, color.value)); }) }));
|
|
920
920
|
};
|
|
921
921
|
|
|
922
|
+
/**
|
|
923
|
+
* Chip - Componente para mostrar etiquetas o badges
|
|
924
|
+
* basado en HeroUI siguiendo las reglas de diseño BeweOS.
|
|
925
|
+
*/
|
|
926
|
+
var Chip = function (_a) {
|
|
927
|
+
var _b = _a.color, color = _b === void 0 ? "default" : _b, props = __rest(_a, ["color"]);
|
|
928
|
+
// Colores estándar de HeroUI
|
|
929
|
+
var standardColors = [
|
|
930
|
+
"default",
|
|
931
|
+
"primary",
|
|
932
|
+
"secondary",
|
|
933
|
+
"success",
|
|
934
|
+
"warning",
|
|
935
|
+
"danger",
|
|
936
|
+
];
|
|
937
|
+
// Si es un color estándar, usar HeroUI normalmente
|
|
938
|
+
if (standardColors.includes(color)) {
|
|
939
|
+
return (jsx(Chip$1, __assign({}, props, { color: color, onClose: props.onClose })));
|
|
940
|
+
}
|
|
941
|
+
// Si es un color personalizado, aplicar clases CSS específicas
|
|
942
|
+
var customColorClasses = {
|
|
943
|
+
red: "bg-red-100 text-red-500",
|
|
944
|
+
purple: "bg-purple-100 text-purple-500",
|
|
945
|
+
blue: "bg-blue-100 text-blue-500",
|
|
946
|
+
green: "bg-green-100 text-green-500",
|
|
947
|
+
orange: "bg-orange-100 text-orange-500",
|
|
948
|
+
};
|
|
949
|
+
var colorClasses = customColorClasses[color];
|
|
950
|
+
return (jsx(Chip$1, __assign({}, props, { onClose: props.onClose, classNames: __assign({ base: colorClasses }, props.classNames) })));
|
|
951
|
+
};
|
|
952
|
+
|
|
922
953
|
// Traducciones por defecto en español
|
|
923
954
|
var defaultTranslations$5 = {
|
|
924
955
|
dayOption: "Día específico",
|
|
@@ -1399,28 +1430,12 @@ var MultistepNavigationButtons = function (_a) {
|
|
|
1399
1430
|
return (jsx("div", { className: cn("flex w-full flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-between md:justify-end", className), children: jsxs("div", { className: "flex w-full flex-col-reverse gap-2 md:w-auto md:flex-row", children: [jsx(Button$1, __assign({ className: "w-full md:w-auto", color: "default", variant: "flat" }, restCancelButtonProps, { children: cancelButtonChildren || "Cancel" })), jsx(Button$1, __assign({ className: "w-full md:w-auto", color: "primary" }, restNextButtonProps, { children: nextButtonChildren || "Next" }))] }) }));
|
|
1400
1431
|
};
|
|
1401
1432
|
|
|
1402
|
-
var variants = {
|
|
1403
|
-
enter: function (direction) { return ({
|
|
1404
|
-
y: direction > 0 ? 30 : -30,
|
|
1405
|
-
opacity: 0,
|
|
1406
|
-
}); },
|
|
1407
|
-
center: {
|
|
1408
|
-
zIndex: 1,
|
|
1409
|
-
y: 0,
|
|
1410
|
-
opacity: 1,
|
|
1411
|
-
},
|
|
1412
|
-
exit: function (direction) { return ({
|
|
1413
|
-
zIndex: 0,
|
|
1414
|
-
y: direction < 0 ? 30 : -30,
|
|
1415
|
-
opacity: 0,
|
|
1416
|
-
}); },
|
|
1417
|
-
};
|
|
1418
1433
|
var MultiStepWizard = function (_a) {
|
|
1419
1434
|
var isOpen = _a.isOpen, steps = _a.steps, translations = _a.translations, onClose = _a.onClose, onComplete = _a.onComplete, completeButtonText = _a.completeButtonText;
|
|
1420
|
-
var _b = React.useState(
|
|
1435
|
+
var _b = React.useState(0), page = _b[0], setPage = _b[1];
|
|
1421
1436
|
React.useEffect(function () {
|
|
1422
1437
|
if (isOpen) {
|
|
1423
|
-
setPage(
|
|
1438
|
+
setPage(0);
|
|
1424
1439
|
}
|
|
1425
1440
|
}, [isOpen]);
|
|
1426
1441
|
var t = __assign({
|
|
@@ -1432,11 +1447,11 @@ var MultiStepWizard = function (_a) {
|
|
|
1432
1447
|
}, translations);
|
|
1433
1448
|
var paginate = React.useCallback(function (newDirection) {
|
|
1434
1449
|
setPage(function (prev) {
|
|
1435
|
-
var nextPage = prev
|
|
1450
|
+
var nextPage = prev + newDirection;
|
|
1436
1451
|
if (nextPage < 0 || nextPage > steps.length - 1) {
|
|
1437
1452
|
return prev;
|
|
1438
1453
|
}
|
|
1439
|
-
return
|
|
1454
|
+
return nextPage;
|
|
1440
1455
|
});
|
|
1441
1456
|
}, [steps]);
|
|
1442
1457
|
var onChangePage = React.useCallback(function (newPage) {
|
|
@@ -1444,8 +1459,7 @@ var MultiStepWizard = function (_a) {
|
|
|
1444
1459
|
if (newPage < 0 || newPage > steps.length - 1) {
|
|
1445
1460
|
return prev;
|
|
1446
1461
|
}
|
|
1447
|
-
|
|
1448
|
-
return [newPage, newPage > currentPage ? 1 : -1];
|
|
1462
|
+
return newPage;
|
|
1449
1463
|
});
|
|
1450
1464
|
}, [steps]);
|
|
1451
1465
|
var onBack = React.useCallback(function () {
|
|
@@ -1476,14 +1490,8 @@ var MultiStepWizard = function (_a) {
|
|
|
1476
1490
|
}
|
|
1477
1491
|
};
|
|
1478
1492
|
var content = React.useMemo(function () {
|
|
1479
|
-
return (jsx(
|
|
1480
|
-
|
|
1481
|
-
ease: "backOut",
|
|
1482
|
-
duration: 0.35,
|
|
1483
|
-
},
|
|
1484
|
-
opacity: { duration: 0.4 },
|
|
1485
|
-
}, variants: variants, children: steps[page].content }, page) }));
|
|
1486
|
-
}, [page, steps, direction]);
|
|
1493
|
+
return (jsx("div", { className: "col-span-12", children: steps[page].content }, page));
|
|
1494
|
+
}, [page, steps]);
|
|
1487
1495
|
if (!isOpen) {
|
|
1488
1496
|
return null;
|
|
1489
1497
|
}
|
|
@@ -2039,7 +2047,24 @@ var ScheduleRow = function (_a) {
|
|
|
2039
2047
|
var newTimeSlots = daySchedule.timeSlots.filter(function (_, i) { return i !== index; });
|
|
2040
2048
|
onChange(__assign(__assign({}, daySchedule), { timeSlots: newTimeSlots }));
|
|
2041
2049
|
};
|
|
2042
|
-
return (jsxs("div", { className: "flex flex-col w-full gap-y-4 last:border-b-0 last:mb-0 last:pb-0 border-b border-default-200 xs:py-4 xl:p-4 first:pt-0", children: [jsxs("div", { className: "flex w-full items-center justify-between", children: [jsxs("div", { className: "flex xs:space-x-2 sm:space-x-4", children: [jsx("h3", { className: "text-small font-semibold text-default-900 capitalize", children: day }), jsx(Chip, { size: "sm", color: daySchedule.isOpen ? "primary" : "default", className: "text-background", children: daySchedule.isOpen ? translations.open : translations.closed })] }), jsxs("div", { className: "flex xs:gap-2 sm:gap-5", children: [jsx(Switch, { size: "sm", color: "primary", isSelected: daySchedule.isOpen, onValueChange: handleToggleDay }), jsx(Button, { size: "sm", variant: "bordered", onPress: function () { return onCopyToAll(day); }, children: translations.copyToAll })] })] }), daySchedule.isOpen && (jsxs("div", { className: "flex flex-col justify-around gap-y-3 ", children: [daySchedule.timeSlots.map(function (slot, index) { return (jsxs("div", { className: "flex items-center gap-1 w-full justify-between", children: [jsxs("div", { className: "flex items-center justify-between gap-1", children: [jsx(TimeInput, { label: translations.from, className: "w-full", value: toTimeValue(slot.from), onChange: function (value) { return handleTimeChange(index, "from", value); }, isInvalid: !!slot.error }), jsx("span", { className: "text-default-900 xs:hidden xl:block", children: "-" }), jsx(TimeInput, { label: translations.to, className: "w-full", value: toTimeValue(slot.to), onChange: function (value) { return handleTimeChange(index, "to", value); }, isInvalid: !!slot.error, errorMessage: slot.error })] }), jsx(Button, { isIconOnly: true, size: "sm", color: "danger", variant: "light", onPress: function () { return handleRemoveTimeSlot(index); }, isDisabled: daySchedule.timeSlots.length === 1, startContent: jsx(IconComponent, { icon: "solar:trash-bin-minimalistic-outline" }) })] }, "".concat(day, "-timeslot-").concat(slot.from, "-").concat(slot.to, "-").concat(index))); }), daySchedule.timeSlots.length < 2 && (jsx(Button, { size: "sm", variant: "flat", onPress: function () { return handleAddTimeSlot(); }, startContent: jsx(IconComponent, { icon: "solar:add-circle-outline" }), children: translations.addTimeSlot }))] }))] }, day));
|
|
2050
|
+
return (jsxs("div", { className: "flex flex-col w-full gap-y-4 last:border-b-0 last:mb-0 last:pb-0 border-b border-default-200 xs:py-4 xl:p-4 first:pt-0", children: [jsxs("div", { className: "flex w-full items-center justify-between", children: [jsxs("div", { className: "flex xs:space-x-2 sm:space-x-4", children: [jsx("h3", { className: "text-small font-semibold text-default-900 capitalize", children: day }), jsx(Chip$1, { size: "sm", color: daySchedule.isOpen ? "primary" : "default", className: "text-background", children: daySchedule.isOpen ? translations.open : translations.closed })] }), jsxs("div", { className: "flex xs:gap-2 sm:gap-5", children: [jsx(Switch, { size: "sm", color: "primary", isSelected: daySchedule.isOpen, onValueChange: handleToggleDay }), jsx(Button, { size: "sm", variant: "bordered", onPress: function () { return onCopyToAll(day); }, children: translations.copyToAll })] })] }), daySchedule.isOpen && (jsxs("div", { className: "flex flex-col justify-around gap-y-3 ", children: [daySchedule.timeSlots.map(function (slot, index) { return (jsxs("div", { className: "flex items-center gap-1 w-full justify-between", children: [jsxs("div", { className: "flex items-center justify-between gap-1", children: [jsx(TimeInput, { label: translations.from, className: "w-full", value: toTimeValue(slot.from), onChange: function (value) { return handleTimeChange(index, "from", value); }, isInvalid: !!slot.error }), jsx("span", { className: "text-default-900 xs:hidden xl:block", children: "-" }), jsx(TimeInput, { label: translations.to, className: "w-full", value: toTimeValue(slot.to), onChange: function (value) { return handleTimeChange(index, "to", value); }, isInvalid: !!slot.error, errorMessage: slot.error })] }), jsx(Button, { isIconOnly: true, size: "sm", color: "danger", variant: "light", onPress: function () { return handleRemoveTimeSlot(index); }, isDisabled: daySchedule.timeSlots.length === 1, startContent: jsx(IconComponent, { icon: "solar:trash-bin-minimalistic-outline" }) })] }, "".concat(day, "-timeslot-").concat(slot.from, "-").concat(slot.to, "-").concat(index))); }), daySchedule.timeSlots.length < 2 && (jsx(Button, { size: "sm", variant: "flat", onPress: function () { return handleAddTimeSlot(); }, startContent: jsx(IconComponent, { icon: "solar:add-circle-outline" }), children: translations.addTimeSlot }))] }))] }, day));
|
|
2051
|
+
};
|
|
2052
|
+
|
|
2053
|
+
/**
|
|
2054
|
+
* SearchInput component - A specialized input field for search functionality
|
|
2055
|
+
*
|
|
2056
|
+
* Features:
|
|
2057
|
+
* - Built on top of the base Input component
|
|
2058
|
+
* - Includes a search icon by default
|
|
2059
|
+
* - Optimized for search use cases
|
|
2060
|
+
* - Follows BeweOS design guidelines
|
|
2061
|
+
*/
|
|
2062
|
+
var SearchInput = function (_a) {
|
|
2063
|
+
var _b = _a.searchPlaceholder, searchPlaceholder = _b === void 0 ? "Buscar..." : _b, _c = _a.searchIcon, searchIcon = _c === void 0 ? "solar:magnifer-outline" : _c, iconProps = _a.iconProps, onSearchChange = _a.onSearchChange, searchValue = _a.searchValue, value = _a.value, onValueChange = _a.onValueChange, placeholder = _a.placeholder, _d = _a.size, size = _d === void 0 ? "sm" : _d, _e = _a.className, className = _e === void 0 ? "flex-1 max-w-xs min-w-52" : _e, props = __rest(_a, ["searchPlaceholder", "searchIcon", "iconProps", "onSearchChange", "searchValue", "value", "onValueChange", "placeholder", "size", "className"]);
|
|
2064
|
+
// Use searchValue/onSearchChange if provided, otherwise fall back to value/onValueChange
|
|
2065
|
+
var inputValue = searchValue !== null && searchValue !== void 0 ? searchValue : value;
|
|
2066
|
+
var handleValueChange = onSearchChange !== null && onSearchChange !== void 0 ? onSearchChange : onValueChange;
|
|
2067
|
+
return (jsx(Input, __assign({}, props, { className: className, size: size, placeholder: placeholder || searchPlaceholder, value: inputValue, onValueChange: handleValueChange, endContent: jsx(IconComponent, __assign({ icon: searchIcon, className: "text-default-400", size: "sm" }, iconProps)) })));
|
|
2043
2068
|
};
|
|
2044
2069
|
|
|
2045
2070
|
/**
|
|
@@ -2782,4 +2807,4 @@ var AuraToastProvider = function (_a) {
|
|
|
2782
2807
|
return (jsx(ToastContext.Provider, { value: { toast: toast, showToast: showToast, hideToast: hideToast }, children: children }));
|
|
2783
2808
|
};
|
|
2784
2809
|
|
|
2785
|
-
export { AddHolidayForm, AnalyticsCard, AuraTable, AuraToastProvider,
|
|
2810
|
+
export { AddHolidayForm, AnalyticsCard, AuraAutocomplete, AuraTable, AuraToastProvider, Button, Card, Chip, ColorSelector, DatePicker, DateRangePicker, DateSelector, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, Input, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, P, Pagination, Phone, PromotionalBanner, RowSteps, ScheduleRow, SearchInput, Select, StepIndicator, Switch as SwitchComponent, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, UploadFile, VerticalSteps, sizeMap, themeColors, useAuraToast, useThemeContext };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type React from "react";
|
|
2
|
-
import type {
|
|
2
|
+
import type { AuraAutocompleteProps } from "./AutoComplete.types";
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* AuraAutocomplete genérico reutilizable basado en HeroUI siguiendo las reglas de diseño BeweOS.
|
|
5
5
|
*
|
|
6
6
|
* Reglas aplicadas:
|
|
7
7
|
* - Variant: Bordered (por defecto)
|
|
@@ -9,5 +9,5 @@ import type { AutoCompleteProps } from "./AutoComplete.types";
|
|
|
9
9
|
* - labelPlacement: Outside
|
|
10
10
|
* - Size: sm, md, lg (configurable)
|
|
11
11
|
*/
|
|
12
|
-
export declare const
|
|
12
|
+
export declare const AuraAutocomplete: React.FC<AuraAutocompleteProps>;
|
|
13
13
|
//# sourceMappingURL=AutoComplete.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsC5D,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { AutocompleteProps as HeroUIAutocompleteProps } from "@heroui/react";
|
|
2
|
-
export type
|
|
2
|
+
export type AuraAutocompleteProps = Omit<HeroUIAutocompleteProps, "size" | "variant" | "radius"> & {
|
|
3
3
|
label?: string;
|
|
4
4
|
size?: "sm" | "md" | "lg";
|
|
5
5
|
variant?: "flat" | "bordered" | "faded" | "underlined";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoComplete.types.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAElF,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"AutoComplete.types.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/AutoComplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAElF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACvC,uBAAuB,EACvB,MAAM,GAAG,SAAS,GAAG,QAAQ,CAC7B,GAAG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CAC9C,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export type {
|
|
1
|
+
export { AuraAutocomplete } from "./AutoComplete";
|
|
2
|
+
export type { AuraAutocompleteProps } from "./AutoComplete.types";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type React from "react";
|
|
2
|
+
import type { ChipProps } from "./Chip.types";
|
|
3
|
+
/**
|
|
4
|
+
* Chip - Componente para mostrar etiquetas o badges
|
|
5
|
+
* basado en HeroUI siguiendo las reglas de diseño BeweOS.
|
|
6
|
+
*/
|
|
7
|
+
export declare const Chip: React.FC<ChipProps>;
|
|
8
|
+
//# sourceMappingURL=Chip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4CpC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ChipProps as HeroUIChipProps } from "@heroui/react";
|
|
2
|
+
export type ChipColor = "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "red" | "purple" | "blue" | "green" | "orange";
|
|
3
|
+
export interface ChipProps extends Omit<HeroUIChipProps, "color"> {
|
|
4
|
+
/** Color del chip */
|
|
5
|
+
color?: ChipColor;
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=Chip.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAElE,MAAM,MAAM,SAAS,GAClB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,CAAC;AAEZ,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC;IAChE,qBAAqB;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;CAClB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,cAAc,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiStepWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MultiStepWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIpE,eAAO,MAAM,eAAe,GAAI,2EAO7B,oBAAoB,mDA2ItB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type React from "react";
|
|
2
|
+
import type { SearchInputProps } from "./SearchInput.types";
|
|
3
|
+
/**
|
|
4
|
+
* SearchInput component - A specialized input field for search functionality
|
|
5
|
+
*
|
|
6
|
+
* Features:
|
|
7
|
+
* - Built on top of the base Input component
|
|
8
|
+
* - Includes a search icon by default
|
|
9
|
+
* - Optimized for search use cases
|
|
10
|
+
* - Follows BeweOS design guidelines
|
|
11
|
+
*/
|
|
12
|
+
export declare const SearchInput: React.FC<SearchInputProps>;
|
|
13
|
+
export default SearchInput;
|
|
14
|
+
//# sourceMappingURL=SearchInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/search-input/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmClD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { IconComponentProps } from "../icon/Icon.types";
|
|
2
|
+
import type { InputProps } from "../input/Input.types";
|
|
3
|
+
export interface SearchInputProps extends Omit<InputProps, "endContent"> {
|
|
4
|
+
/** Placeholder text for the search input. Defaults to "Buscar..." */
|
|
5
|
+
searchPlaceholder?: string;
|
|
6
|
+
/** Custom icon for the search input. Defaults to "solar:magnifer-outline" */
|
|
7
|
+
searchIcon?: string;
|
|
8
|
+
/** Icon props to customize the search icon */
|
|
9
|
+
iconProps?: Partial<IconComponentProps>;
|
|
10
|
+
/** Callback when search value changes */
|
|
11
|
+
onSearchChange?: (value: string) => void;
|
|
12
|
+
/** Search value */
|
|
13
|
+
searchValue?: string;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=SearchInput.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchInput.types.d.ts","sourceRoot":"","sources":["../../../../src/components/search-input/SearchInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC;IACvE,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACxC,yCAAyC;IACzC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/search-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ export * from "./components/add-holiday-form";
|
|
|
4
4
|
export * from "./components/analytics-card";
|
|
5
5
|
export * from "./components/autocomplete";
|
|
6
6
|
export * from "./components/color-selector";
|
|
7
|
+
export * from "./components/chip";
|
|
7
8
|
export * from "./components/date-selector";
|
|
8
9
|
export * from "./components/datepicker";
|
|
9
10
|
export * from "./components/daterangepicker";
|
|
@@ -21,6 +22,7 @@ export * from "./components/phone";
|
|
|
21
22
|
export * from "./components/promotional-banner";
|
|
22
23
|
export * from "./components/row-steps";
|
|
23
24
|
export * from "./components/schedule-row";
|
|
25
|
+
export * from "./components/search-input";
|
|
24
26
|
export * from "./components/select";
|
|
25
27
|
export * from "./components/step-indicator";
|
|
26
28
|
export * from "./components/switch";
|
|
@@ -32,14 +34,17 @@ export * from "./components/toast";
|
|
|
32
34
|
export * from "./components/upload-file";
|
|
33
35
|
export * from "./components/vertical-steps";
|
|
34
36
|
export { Modal, ModalContent, ModalHeader, ModalBody, ModalFooter, type ModalProps, } from "./components/modal";
|
|
37
|
+
export { AuraAutocomplete, type AuraAutocompleteProps, } from "./components/autocomplete";
|
|
35
38
|
export { Button, type ButtonProps } from "./components/button";
|
|
36
39
|
export { Card, type CardProps } from "./components/card";
|
|
37
40
|
export { Input, type InputProps } from "./components/input";
|
|
41
|
+
export { SearchInput, type SearchInputProps } from "./components/search-input";
|
|
38
42
|
export { Select, type SelectProps } from "./components/select";
|
|
39
43
|
export { Textarea, type TextareaProps } from "./components/textarea";
|
|
40
44
|
export { DatePicker, type DatePickerProps, } from "./components/datepicker";
|
|
41
45
|
export { DateRangePicker, type DateRangePickerProps, } from "./components/daterangepicker";
|
|
42
46
|
export { Pagination, type PaginationProps } from "./components/pagination";
|
|
47
|
+
export { Chip, type ChipProps } from "./components/chip";
|
|
43
48
|
export * from "./types/calendar.types";
|
|
44
49
|
export { themeColors } from "./styles/colors.default";
|
|
45
50
|
export * from "./providers/theme";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAU9B,cAAc,eAAe,CAAC;AAI9B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EACN,KAAK,EACL,YAAY,EACZ,WAAW,EACX,SAAS,EACT,WAAW,EACX,KAAK,UAAU,GACf,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EACN,UAAU,EACV,KAAK,eAAe,GACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACN,eAAe,EACf,KAAK,oBAAoB,GACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAU9B,cAAc,eAAe,CAAC;AAI9B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EACN,KAAK,EACL,YAAY,EACZ,WAAW,EACX,SAAS,EACT,WAAW,EACX,KAAK,UAAU,GACf,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EACN,gBAAgB,EAChB,KAAK,qBAAqB,GAC1B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EACN,UAAU,EACV,KAAK,eAAe,GACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACN,eAAe,EACf,KAAK,oBAAoB,GACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGzD,cAAc,wBAAwB,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}
|