nexaas-ui-components 1.0.13 → 1.0.14
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/index.cjs +0 -56
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -13
- package/dist/index.d.ts +1 -13
- package/dist/index.js +1 -56
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -286,18 +286,6 @@ type MaskedInputProps = {
|
|
|
286
286
|
};
|
|
287
287
|
declare const MaskedInput: ({ type, name, label, placeholder, error, mask, control, required, onKeyUp, maskChar, alwaysShowMask, defaultValue, disabled, }: MaskedInputProps) => react_jsx_runtime.JSX.Element;
|
|
288
288
|
|
|
289
|
-
type InputTestProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
|
|
290
|
-
label?: string;
|
|
291
|
-
control: Control<any>;
|
|
292
|
-
name: string;
|
|
293
|
-
error?: FieldError;
|
|
294
|
-
required?: boolean;
|
|
295
|
-
};
|
|
296
|
-
declare function InputTest({ label, name, control, error, required, placeholder, disabled, defaultValue, }: InputTestProps): react_jsx_runtime.JSX.Element;
|
|
297
|
-
declare namespace InputTest {
|
|
298
|
-
var displayName: string;
|
|
299
|
-
}
|
|
300
|
-
|
|
301
289
|
type ModalProps = {
|
|
302
290
|
open?: boolean;
|
|
303
291
|
onOpen?: () => void;
|
|
@@ -466,4 +454,4 @@ interface DataTablePaginationProps<TData> {
|
|
|
466
454
|
}
|
|
467
455
|
declare function DataTablePagination<TData>({ table, footer, totalData, selectAllOption, onSelectAll, rowsSelected, onRemoveAll, tableRef, paginationScroll, pageSizeOptions, }: DataTablePaginationProps<TData>): react_jsx_runtime.JSX.Element;
|
|
468
456
|
|
|
469
|
-
export { Badge, Button, Calendar, Checkbox, type CheckboxProps, DataTable, DataTablePagination, DatePickerInput, FilterCalendar, FilterOptions, Input, InputMoney, InputNumber, InputPercentage,
|
|
457
|
+
export { Badge, Button, Calendar, Checkbox, type CheckboxProps, DataTable, DataTablePagination, DatePickerInput, FilterCalendar, FilterOptions, Input, InputMoney, InputNumber, InputPercentage, Logo, MaskedInput, ModalDialog, type ModalProps, type OptionType, PaginationSelect, Popover, Radio, RocketIcon, SelectField, SpinnerIcon, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Toggle, ValueContainer };
|
package/dist/index.d.ts
CHANGED
|
@@ -286,18 +286,6 @@ type MaskedInputProps = {
|
|
|
286
286
|
};
|
|
287
287
|
declare const MaskedInput: ({ type, name, label, placeholder, error, mask, control, required, onKeyUp, maskChar, alwaysShowMask, defaultValue, disabled, }: MaskedInputProps) => react_jsx_runtime.JSX.Element;
|
|
288
288
|
|
|
289
|
-
type InputTestProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
|
|
290
|
-
label?: string;
|
|
291
|
-
control: Control<any>;
|
|
292
|
-
name: string;
|
|
293
|
-
error?: FieldError;
|
|
294
|
-
required?: boolean;
|
|
295
|
-
};
|
|
296
|
-
declare function InputTest({ label, name, control, error, required, placeholder, disabled, defaultValue, }: InputTestProps): react_jsx_runtime.JSX.Element;
|
|
297
|
-
declare namespace InputTest {
|
|
298
|
-
var displayName: string;
|
|
299
|
-
}
|
|
300
|
-
|
|
301
289
|
type ModalProps = {
|
|
302
290
|
open?: boolean;
|
|
303
291
|
onOpen?: () => void;
|
|
@@ -466,4 +454,4 @@ interface DataTablePaginationProps<TData> {
|
|
|
466
454
|
}
|
|
467
455
|
declare function DataTablePagination<TData>({ table, footer, totalData, selectAllOption, onSelectAll, rowsSelected, onRemoveAll, tableRef, paginationScroll, pageSizeOptions, }: DataTablePaginationProps<TData>): react_jsx_runtime.JSX.Element;
|
|
468
456
|
|
|
469
|
-
export { Badge, Button, Calendar, Checkbox, type CheckboxProps, DataTable, DataTablePagination, DatePickerInput, FilterCalendar, FilterOptions, Input, InputMoney, InputNumber, InputPercentage,
|
|
457
|
+
export { Badge, Button, Calendar, Checkbox, type CheckboxProps, DataTable, DataTablePagination, DatePickerInput, FilterCalendar, FilterOptions, Input, InputMoney, InputNumber, InputPercentage, Logo, MaskedInput, ModalDialog, type ModalProps, type OptionType, PaginationSelect, Popover, Radio, RocketIcon, SelectField, SpinnerIcon, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Toggle, ValueContainer };
|
package/dist/index.js
CHANGED
|
@@ -2248,61 +2248,6 @@ var MaskedInput = ({
|
|
|
2248
2248
|
}
|
|
2249
2249
|
);
|
|
2250
2250
|
};
|
|
2251
|
-
function InputTest({
|
|
2252
|
-
label,
|
|
2253
|
-
name,
|
|
2254
|
-
control,
|
|
2255
|
-
error,
|
|
2256
|
-
required,
|
|
2257
|
-
placeholder,
|
|
2258
|
-
disabled,
|
|
2259
|
-
defaultValue
|
|
2260
|
-
}) {
|
|
2261
|
-
const fieldValidationMessages = [error == null ? void 0 : error.message];
|
|
2262
|
-
const hasError = fieldValidationMessages.some((item) => item !== void 0);
|
|
2263
|
-
const styles = {
|
|
2264
|
-
input: `text-p-md pl-2 peer shadow-input border rounded-lg outline-none block pb-[10px] h-[46px] w-full disabled:bg-neutral-100 focus-visible:border-1 ${label ? "pt-[22px]" : "pt-[10px]"} ${hasError ? "border-dangerous-500 text-dangerous-500" : "border-neutral-300 focus-visible:border-blue-500"}`,
|
|
2265
|
-
label: "absolute text-label top-[0.80rem] z-10 origin-[0] transform -translate-y-3 scale-75 duration-300 text-sm peer-focus:text-blue-500 peer-focus:scale-75 peer-focus:-translate-y-3 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 left-2.5 cursor-text"
|
|
2266
|
-
};
|
|
2267
|
-
return /* @__PURE__ */ jsx(
|
|
2268
|
-
Controller,
|
|
2269
|
-
{
|
|
2270
|
-
control,
|
|
2271
|
-
name,
|
|
2272
|
-
defaultValue,
|
|
2273
|
-
render: ({ field }) => {
|
|
2274
|
-
return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
|
|
2275
|
-
/* @__PURE__ */ jsx(
|
|
2276
|
-
"input",
|
|
2277
|
-
{
|
|
2278
|
-
...field,
|
|
2279
|
-
type: "text",
|
|
2280
|
-
id: name,
|
|
2281
|
-
className: clsx7(styles.input),
|
|
2282
|
-
placeholder: !label && placeholder ? placeholder : " ",
|
|
2283
|
-
disabled
|
|
2284
|
-
}
|
|
2285
|
-
),
|
|
2286
|
-
/* @__PURE__ */ jsxs("label", { className: clsx7(styles.label), children: [
|
|
2287
|
-
label,
|
|
2288
|
-
required && label && /* @__PURE__ */ jsx("strong", { className: "text-dangerous-500", children: "\xA0*" })
|
|
2289
|
-
] }),
|
|
2290
|
-
fieldValidationMessages.map((message, index) => /* @__PURE__ */ jsx(
|
|
2291
|
-
"div",
|
|
2292
|
-
{
|
|
2293
|
-
className: "text-dangerous-500 text-xs mt-1 ml-[2px]",
|
|
2294
|
-
role: "alert",
|
|
2295
|
-
"aria-label": message,
|
|
2296
|
-
children: message
|
|
2297
|
-
},
|
|
2298
|
-
index
|
|
2299
|
-
))
|
|
2300
|
-
] });
|
|
2301
|
-
}
|
|
2302
|
-
}
|
|
2303
|
-
);
|
|
2304
|
-
}
|
|
2305
|
-
InputTest.displayName = "InputTest";
|
|
2306
2251
|
var Modal = ReactModalNamespace.default || ReactModalNamespace;
|
|
2307
2252
|
var alertTypes = {
|
|
2308
2253
|
success: "text-success-500",
|
|
@@ -3757,6 +3702,6 @@ function DataTable({
|
|
|
3757
3702
|
] });
|
|
3758
3703
|
}
|
|
3759
3704
|
|
|
3760
|
-
export { Badge, Button, Calendar, Checkbox, DataTable, DataTablePagination, DatePickerInput, FilterCalendar, FilterOptions, Input, InputMoney, InputNumber, InputPercentage,
|
|
3705
|
+
export { Badge, Button, Calendar, Checkbox, DataTable, DataTablePagination, DatePickerInput, FilterCalendar, FilterOptions, Input, InputMoney, InputNumber, InputPercentage, Logo, MaskedInput, ModalDialog, PaginationSelect, Popover3 as Popover, Radio, RocketIcon, SelectField, SpinnerIcon, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Toggle, ValueContainer };
|
|
3761
3706
|
//# sourceMappingURL=index.js.map
|
|
3762
3707
|
//# sourceMappingURL=index.js.map
|