@mantis-core/ui 0.1.1
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/COMPONENTS.md +147 -0
- package/README.md +120 -0
- package/dist/components/Buttons/Button.d.ts +19 -0
- package/dist/components/Buttons/Button.d.ts.map +1 -0
- package/dist/components/Buttons/Button.js +27 -0
- package/dist/components/Buttons/Button.js.map +1 -0
- package/dist/components/Forms/CKEditorInput.d.ts +32 -0
- package/dist/components/Forms/CKEditorInput.d.ts.map +1 -0
- package/dist/components/Forms/CKEditorInput.js +357 -0
- package/dist/components/Forms/CKEditorInput.js.map +1 -0
- package/dist/components/Forms/DateInput.d.ts +10 -0
- package/dist/components/Forms/DateInput.d.ts.map +1 -0
- package/dist/components/Forms/DateInput.js +11 -0
- package/dist/components/Forms/DateInput.js.map +1 -0
- package/dist/components/Forms/DropDown.d.ts +10 -0
- package/dist/components/Forms/DropDown.d.ts.map +1 -0
- package/dist/components/Forms/DropDown.js +11 -0
- package/dist/components/Forms/DropDown.js.map +1 -0
- package/dist/components/Forms/ErrorMessage.d.ts +6 -0
- package/dist/components/Forms/ErrorMessage.d.ts.map +1 -0
- package/dist/components/Forms/ErrorMessage.js +14 -0
- package/dist/components/Forms/ErrorMessage.js.map +1 -0
- package/dist/components/Forms/FormFieldRender.d.ts +13 -0
- package/dist/components/Forms/FormFieldRender.d.ts.map +1 -0
- package/dist/components/Forms/FormFieldRender.js +9 -0
- package/dist/components/Forms/FormFieldRender.js.map +1 -0
- package/dist/components/Forms/HiddenField.d.ts +8 -0
- package/dist/components/Forms/HiddenField.d.ts.map +1 -0
- package/dist/components/Forms/HiddenField.js +8 -0
- package/dist/components/Forms/HiddenField.js.map +1 -0
- package/dist/components/Forms/MultiSelect.d.ts +10 -0
- package/dist/components/Forms/MultiSelect.d.ts.map +1 -0
- package/dist/components/Forms/MultiSelect.js +13 -0
- package/dist/components/Forms/MultiSelect.js.map +1 -0
- package/dist/components/Forms/NumberInput.d.ts +10 -0
- package/dist/components/Forms/NumberInput.d.ts.map +1 -0
- package/dist/components/Forms/NumberInput.js +16 -0
- package/dist/components/Forms/NumberInput.js.map +1 -0
- package/dist/components/Forms/RenderField.d.ts +18 -0
- package/dist/components/Forms/RenderField.d.ts.map +1 -0
- package/dist/components/Forms/RenderField.js +14 -0
- package/dist/components/Forms/RenderField.js.map +1 -0
- package/dist/components/Forms/Select.d.ts +12 -0
- package/dist/components/Forms/Select.d.ts.map +1 -0
- package/dist/components/Forms/Select.js +39 -0
- package/dist/components/Forms/Select.js.map +1 -0
- package/dist/components/Forms/Switch.d.ts +18 -0
- package/dist/components/Forms/Switch.d.ts.map +1 -0
- package/dist/components/Forms/Switch.js +30 -0
- package/dist/components/Forms/Switch.js.map +1 -0
- package/dist/components/Forms/TextArea.d.ts +11 -0
- package/dist/components/Forms/TextArea.d.ts.map +1 -0
- package/dist/components/Forms/TextArea.js +11 -0
- package/dist/components/Forms/TextArea.js.map +1 -0
- package/dist/components/Forms/TextInput.d.ts +11 -0
- package/dist/components/Forms/TextInput.d.ts.map +1 -0
- package/dist/components/Forms/TextInput.js +12 -0
- package/dist/components/Forms/TextInput.js.map +1 -0
- package/dist/components/Forms/TimePicker.d.ts +13 -0
- package/dist/components/Forms/TimePicker.d.ts.map +1 -0
- package/dist/components/Forms/TimePicker.js +19 -0
- package/dist/components/Forms/TimePicker.js.map +1 -0
- package/dist/components/Forms/Toggle.d.ts +14 -0
- package/dist/components/Forms/Toggle.d.ts.map +1 -0
- package/dist/components/Forms/Toggle.js +10 -0
- package/dist/components/Forms/Toggle.js.map +1 -0
- package/dist/components/Forms/ToggleInlineButton.d.ts +14 -0
- package/dist/components/Forms/ToggleInlineButton.d.ts.map +1 -0
- package/dist/components/Forms/ToggleInlineButton.js +9 -0
- package/dist/components/Forms/ToggleInlineButton.js.map +1 -0
- package/dist/components/Forms/UploadFilesPreview.d.ts +30 -0
- package/dist/components/Forms/UploadFilesPreview.d.ts.map +1 -0
- package/dist/components/Forms/UploadFilesPreview.js +118 -0
- package/dist/components/Forms/UploadFilesPreview.js.map +1 -0
- package/dist/components/Forms/types.d.ts +9 -0
- package/dist/components/Forms/types.d.ts.map +1 -0
- package/dist/components/Forms/types.js +2 -0
- package/dist/components/Forms/types.js.map +1 -0
- package/dist/components/Loaders/Loading.d.ts +9 -0
- package/dist/components/Loaders/Loading.d.ts.map +1 -0
- package/dist/components/Loaders/Loading.js +11 -0
- package/dist/components/Loaders/Loading.js.map +1 -0
- package/dist/components/Maps/MapPicker.d.ts +7 -0
- package/dist/components/Maps/MapPicker.d.ts.map +1 -0
- package/dist/components/Maps/MapPicker.js +10 -0
- package/dist/components/Maps/MapPicker.js.map +1 -0
- package/dist/components/Maps/MapPickerClient.d.ts +8 -0
- package/dist/components/Maps/MapPickerClient.d.ts.map +1 -0
- package/dist/components/Maps/MapPickerClient.js +83 -0
- package/dist/components/Maps/MapPickerClient.js.map +1 -0
- package/dist/components/Maps/MapPickerOSM.d.ts +13 -0
- package/dist/components/Maps/MapPickerOSM.d.ts.map +1 -0
- package/dist/components/Maps/MapPickerOSM.js +117 -0
- package/dist/components/Maps/MapPickerOSM.js.map +1 -0
- package/dist/components/Tables/ActionColumn.d.ts +9 -0
- package/dist/components/Tables/ActionColumn.d.ts.map +1 -0
- package/dist/components/Tables/ActionColumn.js +8 -0
- package/dist/components/Tables/ActionColumn.js.map +1 -0
- package/dist/components/Tables/FilterPannel.d.ts +7 -0
- package/dist/components/Tables/FilterPannel.d.ts.map +1 -0
- package/dist/components/Tables/FilterPannel.js +32 -0
- package/dist/components/Tables/FilterPannel.js.map +1 -0
- package/dist/components/Tables/IndexColumn.d.ts +4 -0
- package/dist/components/Tables/IndexColumn.d.ts.map +1 -0
- package/dist/components/Tables/IndexColumn.js +7 -0
- package/dist/components/Tables/IndexColumn.js.map +1 -0
- package/dist/components/Tables/MenuButton.d.ts +14 -0
- package/dist/components/Tables/MenuButton.d.ts.map +1 -0
- package/dist/components/Tables/MenuButton.js +15 -0
- package/dist/components/Tables/MenuButton.js.map +1 -0
- package/dist/components/Tables/PaginatedTable.d.ts +23 -0
- package/dist/components/Tables/PaginatedTable.d.ts.map +1 -0
- package/dist/components/Tables/PaginatedTable.js +26 -0
- package/dist/components/Tables/PaginatedTable.js.map +1 -0
- package/dist/components/Tables/filters/MultiSelectFilter.d.ts +8 -0
- package/dist/components/Tables/filters/MultiSelectFilter.d.ts.map +1 -0
- package/dist/components/Tables/filters/MultiSelectFilter.js +7 -0
- package/dist/components/Tables/filters/MultiSelectFilter.js.map +1 -0
- package/dist/components/pages/AdminPageHeader.d.ts +11 -0
- package/dist/components/pages/AdminPageHeader.d.ts.map +1 -0
- package/dist/components/pages/AdminPageHeader.js +19 -0
- package/dist/components/pages/AdminPageHeader.js.map +1 -0
- package/dist/components/pages/FormSection.d.ts +11 -0
- package/dist/components/pages/FormSection.d.ts.map +1 -0
- package/dist/components/pages/FormSection.js +16 -0
- package/dist/components/pages/FormSection.js.map +1 -0
- package/dist/components/pages/PageTitle.d.ts +4 -0
- package/dist/components/pages/PageTitle.d.ts.map +1 -0
- package/dist/components/pages/PageTitle.js +6 -0
- package/dist/components/pages/PageTitle.js.map +1 -0
- package/dist/components/pages/admin-layout/AdminPageConfigurator.d.ts +9 -0
- package/dist/components/pages/admin-layout/AdminPageConfigurator.d.ts.map +1 -0
- package/dist/components/pages/admin-layout/AdminPageConfigurator.js +13 -0
- package/dist/components/pages/admin-layout/AdminPageConfigurator.js.map +1 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutContext.d.ts +14 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutContext.d.ts.map +1 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutContext.js +27 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutContext.js.map +1 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutShell.d.ts +7 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutShell.d.ts.map +1 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutShell.js +11 -0
- package/dist/components/pages/admin-layout/AdminPageLayoutShell.js.map +1 -0
- package/dist/components/pages/admin-layout/types.d.ts +13 -0
- package/dist/components/pages/admin-layout/types.d.ts.map +1 -0
- package/dist/components/pages/admin-layout/types.js +2 -0
- package/dist/components/pages/admin-layout/types.js.map +1 -0
- package/dist/components/table-filter-field.d.ts +11 -0
- package/dist/components/table-filter-field.d.ts.map +1 -0
- package/dist/components/table-filter-field.js +7 -0
- package/dist/components/table-filter-field.js.map +1 -0
- package/dist/components/table-toolbar.d.ts +13 -0
- package/dist/components/table-toolbar.d.ts.map +1 -0
- package/dist/components/table-toolbar.js +9 -0
- package/dist/components/table-toolbar.js.map +1 -0
- package/dist/components/ui/Pagination.d.ts +37 -0
- package/dist/components/ui/Pagination.d.ts.map +1 -0
- package/dist/components/ui/Pagination.js +42 -0
- package/dist/components/ui/Pagination.js.map +1 -0
- package/dist/components/ui/RichTextPreview.d.ts +12 -0
- package/dist/components/ui/RichTextPreview.d.ts.map +1 -0
- package/dist/components/ui/RichTextPreview.js +17 -0
- package/dist/components/ui/RichTextPreview.js.map +1 -0
- package/dist/index.d.ts +69 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +39 -0
- package/dist/index.js.map +1 -0
- package/package.json +76 -0
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Controller, } from 'react-hook-form';
|
|
3
|
+
const RenderField = (props) => {
|
|
4
|
+
return (_jsx(Controller, { name: props.name, control: props.control, defaultValue: props.defaultValue, rules: props?.rules, render: ({ field, fieldState, formState }) => {
|
|
5
|
+
return props.render({
|
|
6
|
+
field,
|
|
7
|
+
fieldState,
|
|
8
|
+
formState,
|
|
9
|
+
value: field.value,
|
|
10
|
+
});
|
|
11
|
+
} }));
|
|
12
|
+
};
|
|
13
|
+
export default RenderField;
|
|
14
|
+
//# sourceMappingURL=RenderField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RenderField.js","sourceRoot":"","sources":["../../../src/components/Forms/RenderField.tsx"],"names":[],"mappings":";AAEA,OAAO,EAEL,UAAU,GAKX,MAAM,iBAAiB,CAAC;AAiBzB,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;IACxD,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,KAAK,EAAE,KAAK,EAAE,KAAK,EACnB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;YAC3C,OAAO,KAAK,CAAC,MAAM,CAAC;gBAClB,KAAK;gBACL,UAAU;gBACV,SAAS;gBACT,KAAK,EAAE,KAAK,CAAC,KAAK;aACnB,CAAC,CAAC;QACL,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ButtonVariant } from "../Buttons/Button";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Props as ReactSelectProps } from "react-select";
|
|
4
|
+
import { ControllerProps } from "./types";
|
|
5
|
+
export interface SelectProps extends Omit<ReactSelectProps, "name" | "defaultValue"> {
|
|
6
|
+
controller: ControllerProps;
|
|
7
|
+
block?: boolean;
|
|
8
|
+
variant?: ButtonVariant;
|
|
9
|
+
}
|
|
10
|
+
declare const Select: React.FC<SelectProps>;
|
|
11
|
+
export default Select;
|
|
12
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAsB,KAAK,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,cAAc,CAAC;IAClF,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAcD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqDjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { Controller } from "react-hook-form";
|
|
6
|
+
import { default as RSelect } from "react-select";
|
|
7
|
+
const SELECT_VARIANT_TOKENS = {
|
|
8
|
+
primary: { color: "--primary", foreground: "--primary-foreground" },
|
|
9
|
+
secondary: { color: "--secondary", foreground: "--secondary-foreground" },
|
|
10
|
+
accent: { color: "--accent", foreground: "--accent-foreground" },
|
|
11
|
+
success: { color: "--success", foreground: "--success-foreground" },
|
|
12
|
+
warning: { color: "--warning", foreground: "--warning-foreground" },
|
|
13
|
+
error: { color: "--error", foreground: "--error-foreground" },
|
|
14
|
+
info: { color: "--info", foreground: "--info-foreground" },
|
|
15
|
+
gray: { color: "--bluegray-500", foreground: "--primary-foreground" },
|
|
16
|
+
danger: { color: "--error", foreground: "--error-foreground" },
|
|
17
|
+
};
|
|
18
|
+
const Select = (props) => {
|
|
19
|
+
const { controller, block, variant = "primary", ...rest } = props;
|
|
20
|
+
const variantTokens = SELECT_VARIANT_TOKENS[variant];
|
|
21
|
+
return (_jsx(Controller, { ...controller, render: ({ field, fieldState, formState }) => (_jsx(React.Fragment, { children: _jsx(RSelect, { instanceId: field.name, id: field.name, className: classNames("select-input cursor-pointer", `select-variant-${variant}`, rest.className, {
|
|
22
|
+
"w-full": block,
|
|
23
|
+
"select-invalid": fieldState.invalid,
|
|
24
|
+
}), classNamePrefix: 'react-select', value: field.value, onChange: field.onChange, onBlur: field.onBlur, name: field.name, placeholder: 'SELECCIONAR', noOptionsMessage: () => "Sin resultados", loadingMessage: () => "Cargando...", options: rest.options, ref: field.ref, menuPortalTarget: typeof document !== "undefined" ? document.body : undefined, menuPosition: "fixed", ...rest, isDisabled: formState.isSubmitting || rest.isDisabled || rest.isLoading, styles: {
|
|
25
|
+
menuPortal: (base) => ({
|
|
26
|
+
...base,
|
|
27
|
+
zIndex: 1300,
|
|
28
|
+
["--select-accent"]: `var(${variantTokens.color})`,
|
|
29
|
+
["--select-accent-foreground"]: `var(${variantTokens.foreground})`,
|
|
30
|
+
}),
|
|
31
|
+
menu: (base) => ({
|
|
32
|
+
...base,
|
|
33
|
+
zIndex: 1300,
|
|
34
|
+
}),
|
|
35
|
+
...(rest.styles || {}),
|
|
36
|
+
} }) })) }));
|
|
37
|
+
};
|
|
38
|
+
export default Select;
|
|
39
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Forms/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ControllerProps } from './types';
|
|
3
|
+
export interface SwitchProps extends ControllerProps {
|
|
4
|
+
onLabel?: string;
|
|
5
|
+
offLabel?: string;
|
|
6
|
+
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
7
|
+
onStyle?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light';
|
|
8
|
+
offStyle?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light';
|
|
9
|
+
width?: string | number;
|
|
10
|
+
height?: string | number;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
onChange?: (checked: boolean) => void;
|
|
13
|
+
className?: string;
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
}
|
|
16
|
+
declare const Switch: React.FC<SwitchProps>;
|
|
17
|
+
export default Switch;
|
|
18
|
+
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjG,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClG,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmFjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Controller } from 'react-hook-form';
|
|
3
|
+
const Switch = ({ name, rules, defaultValue = false, control, onLabel = 'On', offLabel = 'Off', size = 'md', onStyle = 'primary', offStyle = 'secondary', width, height, disabled = false, onChange, className = '', style, }) => {
|
|
4
|
+
return (_jsx(Controller, { name: name, rules: rules, defaultValue: defaultValue, control: control, render: ({ field }) => {
|
|
5
|
+
const handleClick = () => {
|
|
6
|
+
if (disabled)
|
|
7
|
+
return;
|
|
8
|
+
const newValue = !field.value;
|
|
9
|
+
field.onChange(newValue);
|
|
10
|
+
onChange?.(newValue);
|
|
11
|
+
};
|
|
12
|
+
return (_jsx("div", { className: `bootstrap-switch bootstrap-switch-wrapper bootstrap-switch-${size} bootstrap-switch-animate ${field.value ? 'bootstrap-switch-on' : 'bootstrap-switch-off'} ${disabled ? 'bootstrap-switch-disabled' : ''} ${className}`, style: {
|
|
13
|
+
width: width ? (typeof width === 'number' ? `${width}px` : width) : undefined,
|
|
14
|
+
...style,
|
|
15
|
+
}, onClick: handleClick, role: "switch", "aria-checked": field.value, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, onKeyDown: (e) => {
|
|
16
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
17
|
+
e.preventDefault();
|
|
18
|
+
handleClick();
|
|
19
|
+
}
|
|
20
|
+
}, children: _jsxs("div", { className: "bootstrap-switch-container", children: [_jsx("span", { className: `bootstrap-switch-handle-on bootstrap-switch-${onStyle}`, style: {
|
|
21
|
+
height: height ? (typeof height === 'number' ? `${height}px` : height) : undefined,
|
|
22
|
+
}, children: onLabel }), _jsx("span", { className: "bootstrap-switch-label", style: {
|
|
23
|
+
height: height ? (typeof height === 'number' ? `${height}px` : height) : undefined,
|
|
24
|
+
}, children: "\u00A0" }), _jsx("span", { className: `bootstrap-switch-handle-off bootstrap-switch-${offStyle}`, style: {
|
|
25
|
+
height: height ? (typeof height === 'number' ? `${height}px` : height) : undefined,
|
|
26
|
+
}, children: offLabel })] }) }));
|
|
27
|
+
} }));
|
|
28
|
+
};
|
|
29
|
+
export default Switch;
|
|
30
|
+
//# sourceMappingURL=Switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Forms/Switch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { InputTextareaProps } from 'primereact/inputtextarea';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ControllerProps } from './types';
|
|
4
|
+
export interface TextAreaProps extends Omit<InputTextareaProps, 'name' | 'defaultValue' | 'ref' | 'onChange'> {
|
|
5
|
+
controller: ControllerProps;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare const TextArea: React.FC<TextAreaProps>;
|
|
10
|
+
export default TextArea;
|
|
11
|
+
//# sourceMappingURL=TextArea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,GAAG,UAAU,CAAC;IAC9E,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { InputTextarea } from 'primereact/inputtextarea';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Controller } from 'react-hook-form';
|
|
6
|
+
const TextArea = (props) => {
|
|
7
|
+
const { controller, block, loading, ...rest } = props;
|
|
8
|
+
return (_jsx(Controller, { ...controller, render: ({ field, fieldState, formState }) => (_jsx(React.Fragment, { children: _jsx(InputTextarea, { id: field.name, ...rest, className: classNames(rest.className, { 'w-full': block }), invalid: fieldState.invalid, disabled: loading || formState.isSubmitting, ...field }) })) }));
|
|
9
|
+
};
|
|
10
|
+
export default TextArea;
|
|
11
|
+
//# sourceMappingURL=TextArea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/Forms/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAsB,MAAM,0BAA0B,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,MAAM,QAAQ,GAA4B,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEtD,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5C,KAAC,KAAK,CAAC,QAAQ,cACb,KAAC,aAAa,IACZ,EAAE,EAAE,KAAK,CAAC,IAAI,KACV,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAC1D,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,QAAQ,EAAE,OAAO,IAAI,SAAS,CAAC,YAAY,KACvC,KAAK,GACT,GACa,CAClB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { InputTextProps } from 'primereact/inputtext';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ControllerProps } from './types';
|
|
4
|
+
export interface TextInputProps extends Omit<InputTextProps, 'name' | 'defaultValue'> {
|
|
5
|
+
controller: ControllerProps;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const TextInput: React.FC<TextInputProps>;
|
|
10
|
+
export default TextInput;
|
|
11
|
+
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,cAAc,CAAC;IACrD,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { InputText } from 'primereact/inputtext';
|
|
4
|
+
import { Controller } from 'react-hook-form';
|
|
5
|
+
const TextInput = (props) => {
|
|
6
|
+
const { controller, block, defaultValue = '', ...rest } = props;
|
|
7
|
+
return (_jsx(Controller, { defaultValue: controller?.defaultValue || defaultValue, ...controller, render: ({ field, fieldState, formState }) => (_jsx(InputText, { id: rest.id || field.name, ...rest, disabled: formState.isSubmitting || rest.disabled, invalid: fieldState.invalid, className: classNames(rest.className, {
|
|
8
|
+
'w-full': block,
|
|
9
|
+
}), ...field })) }));
|
|
10
|
+
};
|
|
11
|
+
export default TextInput;
|
|
12
|
+
//# sourceMappingURL=TextInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/Forms/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAkB,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,MAAM,SAAS,GAA6B,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEhE,OAAO,CACL,KAAC,UAAU,IACT,YAAY,EAAE,UAAU,EAAE,YAAY,IAAI,YAAY,KAClD,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5C,KAAC,SAAS,IACR,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,KACrB,IAAI,EACR,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACjD,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE;gBACpC,QAAQ,EAAE,KAAK;aAChB,CAAC,KACE,KAAK,GACT,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { DatePickerProps } from "react-datepicker";
|
|
3
|
+
import { ControllerProps } from "./types";
|
|
4
|
+
export interface TimePickerProps {
|
|
5
|
+
controller: ControllerProps;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
datePicker?: DatePickerProps;
|
|
8
|
+
className?: string;
|
|
9
|
+
timePeriod?: "AM" | "PM";
|
|
10
|
+
}
|
|
11
|
+
declare const TimePicker: React.FC<TimePickerProps>;
|
|
12
|
+
export default TimePicker;
|
|
13
|
+
//# sourceMappingURL=TimePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/TimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAmB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CAC1B;AAiBD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqCzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import { InputText } from "primereact/inputtext";
|
|
4
|
+
import { forwardRef } from "react";
|
|
5
|
+
import DatePicker from "react-datepicker";
|
|
6
|
+
import { Controller } from "react-hook-form";
|
|
7
|
+
const TimeInput = forwardRef(({ value, onClick, className, disabled, ...rest }, ref) => (_jsx(InputText, { role: 'button', value: value, onClick: onClick, ...rest, className: classNames("cursor-pointer", className), ref: ref, readOnly: true, disabled: disabled })));
|
|
8
|
+
TimeInput.displayName = "TimeInput";
|
|
9
|
+
const TimePicker = (props) => {
|
|
10
|
+
const { controller, block, datePicker, className } = props;
|
|
11
|
+
return (_jsx(Controller, { ...controller, render: ({ field, fieldState }) => (_jsx(DatePicker, { locale: 'es', className: classNames("p-inputtext p-component font-semibold text-center uppercase", className, {
|
|
12
|
+
"w-full": block,
|
|
13
|
+
"p-invalid": fieldState.invalid,
|
|
14
|
+
}), calendarClassName: 'p-input w-full', showTimeSelect: true, showTimeSelectOnly: true, timeIntervals: 15, timeCaption: 'Horas', dateFormat: 'h:mm aa', timeFormat: 'h:mm aa', ...datePicker, selected: field.value, onChange: field.onChange, onBlur: field.onBlur, wrapperClassName: classNames(datePicker?.wrapperClassName, {
|
|
15
|
+
"w-full": block,
|
|
16
|
+
}), customInput: _jsx(TimeInput, {}) })) }));
|
|
17
|
+
};
|
|
18
|
+
export default TimePicker;
|
|
19
|
+
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/Forms/TimePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAA+B,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,MAAM,SAAS,GAAG,UAAU,CAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChG,KAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KACZ,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAClD,GAAG,EAAE,GAAG,EACR,QAAQ,QACR,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC;AAEH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,MAAM,UAAU,GAA8B,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACjC,KAAC,UAAU,IACT,MAAM,EAAC,IAAI,EACX,SAAS,EAAE,UAAU,CACnB,6DAA6D,EAC7D,SAAS,EACT;gBACE,QAAQ,EAAE,KAAK;gBACf,WAAW,EAAE,UAAU,CAAC,OAAO;aAChC,CACF,EACD,iBAAiB,EAAC,gBAAgB,EAClC,cAAc,QACd,kBAAkB,QAClB,aAAa,EAAE,EAAE,EACjB,WAAW,EAAC,OAAO,EACnB,UAAU,EAAC,SAAS,EACpB,UAAU,EAAC,SAAS,KAChB,UAAU,EACd,QAAQ,EAAE,KAAK,CAAC,KAAK,EACrB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,gBAAgB,EAAE,UAAU,CAAC,UAAU,EAAE,gBAAgB,EAAE;gBACzD,QAAQ,EAAE,KAAK;aAChB,CAAC,EACF,WAAW,EAAE,KAAC,SAAS,KAAG,GAE1B,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ControllerProps } from "./types";
|
|
3
|
+
export interface ToggleProps extends ControllerProps {
|
|
4
|
+
on?: string | any;
|
|
5
|
+
off?: string | any;
|
|
6
|
+
size?: "sm" | "lg" | "md";
|
|
7
|
+
offstyle?: "primary" | "secondary" | "dark";
|
|
8
|
+
onstyle?: "primary" | "secondary" | "dark";
|
|
9
|
+
onClick?: any;
|
|
10
|
+
active?: boolean;
|
|
11
|
+
}
|
|
12
|
+
declare const Toggle: React.FC<ToggleProps>;
|
|
13
|
+
export default Toggle;
|
|
14
|
+
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;IAC5C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;IAC3C,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Checkbox } from "primereact/checkbox";
|
|
3
|
+
import { Controller } from "react-hook-form";
|
|
4
|
+
const Toggle = ({ name, rules, defaultValue, on = "SI", off = "NO", size, }) => {
|
|
5
|
+
return (_jsx(Controller, { name: name, rules: rules, defaultValue: defaultValue, render: ({ field }) => (_jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx(Checkbox, { inputId: name, checked: field.value, onChange: (e) => {
|
|
6
|
+
field.onChange(e.checked);
|
|
7
|
+
} }), field?.value && (_jsx("label", { className: 'text-base text-primary', htmlFor: name, children: on })), !field?.value && (_jsx("label", { className: 'text-base text-primary', htmlFor: name, children: off }))] })) }));
|
|
8
|
+
};
|
|
9
|
+
export default Toggle;
|
|
10
|
+
//# sourceMappingURL=Toggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/Forms/Toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,MAAM,GAA0B,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,EAAE,GAAG,IAAI,EACT,GAAG,GAAG,IAAI,EACV,IAAI,GACL,EAAE,EAAE;IACH,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,QAAQ,IACP,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;oBAC5B,CAAC,GACD,EACD,KAAK,EAAE,KAAK,IAAI,CACf,gBAAO,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,IAAI,YACpD,EAAE,GACG,CACT,EACA,CAAC,KAAK,EAAE,KAAK,IAAI,CAChB,gBAAO,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,IAAI,YACpD,GAAG,GACE,CACT,IACG,CACP,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { ButtonVariant } from "../Buttons/Button";
|
|
3
|
+
import { ControllerProps } from "./types";
|
|
4
|
+
export interface ToggleInlineButtonProps {
|
|
5
|
+
controller: ControllerProps;
|
|
6
|
+
options: any[];
|
|
7
|
+
/** Variante de color del design system. Por defecto "primary". */
|
|
8
|
+
variant?: ButtonVariant;
|
|
9
|
+
/** Permite seleccionar múltiples opciones. */
|
|
10
|
+
multiple?: boolean;
|
|
11
|
+
}
|
|
12
|
+
declare const ToggleInlineButton: FC<ToggleInlineButtonProps>;
|
|
13
|
+
export default ToggleInlineButton;
|
|
14
|
+
//# sourceMappingURL=ToggleInlineButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleInlineButton.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/ToggleInlineButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,eAAe,CAAC;IAC5B,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,kEAAkE;IAClE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAwBnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import { SelectButton } from "primereact/selectbutton";
|
|
4
|
+
import RenderField from "./RenderField";
|
|
5
|
+
const ToggleInlineButton = ({ controller, options, variant = "primary", multiple = false, }) => {
|
|
6
|
+
return (_jsx(RenderField, { ...controller, render: ({ value, field, fieldState, formState }) => (_jsx(SelectButton, { id: field.name, name: field.name, onChange: field.onChange, value: value, invalid: fieldState.invalid, options: options, multiple: multiple, disabled: formState.isSubmitting, className: classNames(`p-selectbutton-${variant}`) })) }));
|
|
7
|
+
};
|
|
8
|
+
export default ToggleInlineButton;
|
|
9
|
+
//# sourceMappingURL=ToggleInlineButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleInlineButton.js","sourceRoot":"","sources":["../../../src/components/Forms/ToggleInlineButton.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGvD,OAAO,WAAW,MAAM,eAAe,CAAC;AAYxC,MAAM,kBAAkB,GAAgC,CAAC,EACvD,UAAU,EACV,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE;IACH,OAAO,CACL,KAAC,WAAW,OACN,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACnD,KAAC,YAAY,IACX,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,SAAS,CAAC,YAAY,EAChC,SAAS,EAAE,UAAU,CAAC,kBAAkB,OAAO,EAAE,CAAC,GAClD,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export type UploadPreviewItem = {
|
|
2
|
+
id: string;
|
|
3
|
+
fullUrl: string;
|
|
4
|
+
};
|
|
5
|
+
export interface UploadFilesPreviewCopy {
|
|
6
|
+
dropTitle: string;
|
|
7
|
+
dragOverTitle: string;
|
|
8
|
+
dropHint: string;
|
|
9
|
+
uploadingText: string;
|
|
10
|
+
uploadErrorText: string;
|
|
11
|
+
discardText: string;
|
|
12
|
+
coverText: string;
|
|
13
|
+
removeTitle: string;
|
|
14
|
+
photoSingular: string;
|
|
15
|
+
photoPlural: string;
|
|
16
|
+
reorderHint: string;
|
|
17
|
+
}
|
|
18
|
+
export interface UploadFilesPreviewProps<TItem extends UploadPreviewItem = UploadPreviewItem> {
|
|
19
|
+
previews?: TItem[];
|
|
20
|
+
onUploadFile: (file: File) => Promise<TItem>;
|
|
21
|
+
onFileUploaded: (file: TItem) => void;
|
|
22
|
+
onRemoveFile: (item: TItem) => void;
|
|
23
|
+
onReorder: (items: TItem[]) => void;
|
|
24
|
+
accept?: string;
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
disabledMessage?: string;
|
|
27
|
+
copy?: Partial<UploadFilesPreviewCopy>;
|
|
28
|
+
}
|
|
29
|
+
export default function UploadFilesPreview<TItem extends UploadPreviewItem = UploadPreviewItem>({ previews, onUploadFile, onFileUploaded, onRemoveFile, onReorder, accept, disabled, disabledMessage, copy, }: UploadFilesPreviewProps<TItem>): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
//# sourceMappingURL=UploadFilesPreview.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UploadFilesPreview.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/UploadFilesPreview.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAgBD,MAAM,WAAW,uBAAuB,CAAC,KAAK,SAAS,iBAAiB,GAAG,iBAAiB;IAC1F,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7C,cAAc,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;CACxC;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,SAAS,iBAAiB,GAAG,iBAAiB,EAAE,EAC9F,QAAa,EACb,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,SAAS,EACT,MAAkB,EAClB,QAAgB,EAChB,eAA+D,EAC/D,IAAI,GACL,EAAE,uBAAuB,CAAC,KAAK,CAAC,2CA6QhC"}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from "@mantis-core/utils";
|
|
4
|
+
import { AlertCircle, Camera, GripVertical, X } from "lucide-react";
|
|
5
|
+
import { useCallback, useRef, useState } from "react";
|
|
6
|
+
const DEFAULT_COPY = {
|
|
7
|
+
dropTitle: "Arrastra tus fotos aqui",
|
|
8
|
+
dragOverTitle: "Suelta las fotos aqui",
|
|
9
|
+
dropHint: "o haz clic para seleccionar - JPG, PNG, WebP - varios archivos a la vez",
|
|
10
|
+
uploadingText: "Subiendo...",
|
|
11
|
+
uploadErrorText: "Error al subir",
|
|
12
|
+
discardText: "Descartar",
|
|
13
|
+
coverText: "Portada",
|
|
14
|
+
removeTitle: "Eliminar foto",
|
|
15
|
+
photoSingular: "foto",
|
|
16
|
+
photoPlural: "fotos",
|
|
17
|
+
reorderHint: "Arrastra para reordenar - la primera es la portada",
|
|
18
|
+
};
|
|
19
|
+
export default function UploadFilesPreview({ previews = [], onUploadFile, onFileUploaded, onRemoveFile, onReorder, accept = "image/*", disabled = false, disabledMessage = "Guarda el registro antes de subir archivos.", copy, }) {
|
|
20
|
+
const [isDraggingOver, setIsDraggingOver] = useState(false);
|
|
21
|
+
const [uploadQueue, setUploadQueue] = useState([]);
|
|
22
|
+
const [dragIndex, setDragIndex] = useState(null);
|
|
23
|
+
const [hoveredIndex, setHoveredIndex] = useState(null);
|
|
24
|
+
const fileInputRef = useRef(null);
|
|
25
|
+
const text = { ...DEFAULT_COPY, ...copy };
|
|
26
|
+
const processFiles = useCallback(async (files) => {
|
|
27
|
+
if (!files || files.length === 0 || disabled)
|
|
28
|
+
return;
|
|
29
|
+
const newItems = Array.from(files).map((file) => ({
|
|
30
|
+
id: `${Date.now()}-${Math.random()}`,
|
|
31
|
+
file,
|
|
32
|
+
status: "uploading",
|
|
33
|
+
previewUrl: URL.createObjectURL(file),
|
|
34
|
+
}));
|
|
35
|
+
setUploadQueue((prev) => [...prev, ...newItems]);
|
|
36
|
+
await Promise.allSettled(newItems.map(async (item) => {
|
|
37
|
+
try {
|
|
38
|
+
const result = await onUploadFile(item.file);
|
|
39
|
+
onFileUploaded(result);
|
|
40
|
+
setUploadQueue((prev) => prev.filter((q) => q.id !== item.id));
|
|
41
|
+
if (item.previewUrl)
|
|
42
|
+
URL.revokeObjectURL(item.previewUrl);
|
|
43
|
+
}
|
|
44
|
+
catch {
|
|
45
|
+
setUploadQueue((prev) => prev.map((q) => (q.id === item.id ? { ...q, status: "error" } : q)));
|
|
46
|
+
}
|
|
47
|
+
}));
|
|
48
|
+
}, [disabled, onUploadFile, onFileUploaded]);
|
|
49
|
+
const handleDragOver = (e) => {
|
|
50
|
+
e.preventDefault();
|
|
51
|
+
if (!disabled)
|
|
52
|
+
setIsDraggingOver(true);
|
|
53
|
+
};
|
|
54
|
+
const handleDragLeave = () => setIsDraggingOver(false);
|
|
55
|
+
const handleDrop = (e) => {
|
|
56
|
+
e.preventDefault();
|
|
57
|
+
setIsDraggingOver(false);
|
|
58
|
+
processFiles(e.dataTransfer.files);
|
|
59
|
+
};
|
|
60
|
+
const handleImageDragStart = (e, idx) => {
|
|
61
|
+
e.dataTransfer.effectAllowed = "move";
|
|
62
|
+
setDragIndex(idx);
|
|
63
|
+
};
|
|
64
|
+
const handleImageDragOver = (e) => {
|
|
65
|
+
e.preventDefault();
|
|
66
|
+
e.dataTransfer.dropEffect = "move";
|
|
67
|
+
};
|
|
68
|
+
const handleImageDrop = (e, dropIdx) => {
|
|
69
|
+
e.preventDefault();
|
|
70
|
+
if (dragIndex === null || dragIndex === dropIdx)
|
|
71
|
+
return;
|
|
72
|
+
const reordered = [...previews];
|
|
73
|
+
const [removed] = reordered.splice(dragIndex, 1);
|
|
74
|
+
reordered.splice(dropIdx, 0, removed);
|
|
75
|
+
onReorder(reordered);
|
|
76
|
+
setDragIndex(null);
|
|
77
|
+
};
|
|
78
|
+
const handleImageDragEnd = () => setDragIndex(null);
|
|
79
|
+
return (_jsxs("div", { className: 'w-full space-y-4', children: [_jsxs("div", { role: 'button', tabIndex: disabled ? -1 : 0, onClick: () => !disabled && fileInputRef.current?.click(), onKeyDown: (e) => e.key === "Enter" && !disabled && fileInputRef.current?.click(), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, className: cn("flex flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed px-6 py-10 transition-colors select-none", disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer", isDraggingOver && !disabled
|
|
80
|
+
? "border-[var(--primary)]"
|
|
81
|
+
: "border-[var(--accent)] hover:border-[var(--primary)]"), style: {
|
|
82
|
+
background: isDraggingOver && !disabled
|
|
83
|
+
? "color-mix(in oklch, var(--primary), white 93%)"
|
|
84
|
+
: "color-mix(in oklch, var(--primary), white 98%)",
|
|
85
|
+
}, children: [_jsx("input", { ref: fileInputRef, type: 'file', accept: accept, multiple: true, className: 'hidden', disabled: disabled, onChange: (e) => {
|
|
86
|
+
processFiles(e.target.files);
|
|
87
|
+
e.target.value = "";
|
|
88
|
+
} }), _jsx("div", { className: 'rounded-full p-3', style: { background: "color-mix(in oklch, var(--accent), white 78%)" }, children: _jsx(Camera, { size: 28, style: { color: "var(--primary)" } }) }), _jsxs("div", { className: 'text-center', children: [_jsx("p", { className: 'font-semibold text-sm', style: { color: "color-mix(in oklch, var(--primary), black 10%)" }, children: disabled
|
|
89
|
+
? disabledMessage
|
|
90
|
+
: isDraggingOver
|
|
91
|
+
? text.dragOverTitle
|
|
92
|
+
: text.dropTitle }), !disabled && (_jsx("p", { className: 'text-xs mt-1', style: { color: "var(--muted-foreground)" }, children: text.dropHint }))] })] }), uploadQueue.length > 0 && (_jsx("div", { className: 'grid grid-cols-2 md:grid-cols-4 gap-3', children: uploadQueue.map((item) => (_jsxs("div", { className: 'relative rounded-lg overflow-hidden border', style: {
|
|
93
|
+
borderColor: item.status === "error" ? "var(--error)" : "var(--border)",
|
|
94
|
+
}, children: [item.previewUrl && (_jsx("img", { src: item.previewUrl, alt: item.file.name, className: 'w-full h-24 object-cover' })), _jsx("div", { className: 'absolute inset-0 flex flex-col items-center justify-center gap-1.5', style: {
|
|
95
|
+
background: item.status === "error"
|
|
96
|
+
? "color-mix(in oklch, var(--error), transparent 25%)"
|
|
97
|
+
: "rgba(0, 0, 0, 0.50)",
|
|
98
|
+
}, children: item.status === "uploading" ? (_jsxs(_Fragment, { children: [_jsx("div", { className: 'h-5 w-5 rounded-full border-2 animate-spin', style: {
|
|
99
|
+
borderColor: "rgba(255, 255, 255, 0.3)",
|
|
100
|
+
borderTopColor: "white",
|
|
101
|
+
} }), _jsx("span", { className: 'text-white text-xs font-medium', children: text.uploadingText })] })) : (_jsxs(_Fragment, { children: [_jsx(AlertCircle, { size: 18, color: 'white' }), _jsx("span", { className: 'text-white text-xs font-medium', children: text.uploadErrorText }), _jsx("button", { type: 'button', className: 'text-white text-xs underline', onClick: () => setUploadQueue((prev) => prev.filter((q) => q.id !== item.id)), children: text.discardText })] })) }), _jsx("div", { className: 'px-2 py-1.5', style: { background: "var(--card)" }, children: _jsx("p", { className: 'text-xs truncate', style: { color: "var(--muted-foreground)" }, children: item.file.name }) })] }, item.id))) })), previews.length > 0 && (_jsxs("div", { className: 'space-y-2', children: [_jsxs("p", { className: 'text-xs font-medium', style: { color: "var(--muted-foreground)" }, children: [previews.length, " ", previews.length === 1 ? text.photoSingular : text.photoPlural, " -", " ", text.reorderHint] }), _jsx("div", { className: 'grid grid-cols-2 md:grid-cols-4 gap-3', children: previews.map((item, idx) => (_jsxs("div", { draggable: true, onDragStart: (e) => handleImageDragStart(e, idx), onDragOver: handleImageDragOver, onDrop: (e) => handleImageDrop(e, idx), onDragEnd: handleImageDragEnd, onMouseEnter: () => setHoveredIndex(idx), onMouseLeave: () => setHoveredIndex(null), className: cn("relative rounded-lg overflow-hidden border transition-all", dragIndex === idx ? "opacity-40 scale-95" : "opacity-100"), style: {
|
|
102
|
+
borderColor: dragIndex !== null && dragIndex !== idx ? "var(--primary)" : "var(--border)",
|
|
103
|
+
cursor: "grab",
|
|
104
|
+
}, children: [_jsx("img", { src: item.fullUrl, alt: `foto-${idx + 1}`, className: 'w-full h-28 object-cover select-none', draggable: false }), idx === 0 && (_jsx("span", { className: 'absolute top-1.5 left-1.5 text-xs font-semibold px-2 py-0.5 rounded-full', style: {
|
|
105
|
+
background: "var(--success)",
|
|
106
|
+
color: "var(--success-foreground)",
|
|
107
|
+
}, children: text.coverText })), _jsx("div", { className: 'absolute top-1.5 right-6 p-0.5 rounded transition-opacity', style: {
|
|
108
|
+
background: "rgba(0, 0, 0, 0.45)",
|
|
109
|
+
opacity: hoveredIndex === idx ? 1 : 0,
|
|
110
|
+
}, children: _jsx(GripVertical, { size: 13, color: 'white' }) }), _jsx("button", { type: 'button', onClick: (e) => {
|
|
111
|
+
e.stopPropagation();
|
|
112
|
+
onRemoveFile(item);
|
|
113
|
+
}, className: 'absolute top-1.5 right-1.5 p-0.5 rounded transition-opacity', style: {
|
|
114
|
+
background: "var(--error)",
|
|
115
|
+
opacity: hoveredIndex === idx ? 1 : 0,
|
|
116
|
+
}, title: text.removeTitle, children: _jsx(X, { size: 12, color: 'var(--error-foreground)' }) })] }, item.id))) })] }))] }));
|
|
117
|
+
}
|
|
118
|
+
//# sourceMappingURL=UploadFilesPreview.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UploadFilesPreview.js","sourceRoot":"","sources":["../../../src/components/Forms/UploadFilesPreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Forms/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface LoadingWrapperProps {
|
|
3
|
+
loading?: boolean;
|
|
4
|
+
texto?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const Loading: React.FC<React.PropsWithChildren<LoadingWrapperProps>>;
|
|
8
|
+
export default Loading;
|
|
9
|
+
//# sourceMappingURL=Loading.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../src/components/Loaders/Loading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CA4CnE,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
const Loading = ({ loading = false, texto = "Cargando...", className, children, }) => {
|
|
5
|
+
if (!loading) {
|
|
6
|
+
return _jsx(_Fragment, { children: children });
|
|
7
|
+
}
|
|
8
|
+
return (_jsx("div", { className: 'fixed left-0 top-0 bg-background h-screen w-screen flex items-center justify-center z-50', children: _jsxs("div", { className: classNames("text-center space-y-6", className), children: [_jsxs("div", { className: 'relative w-24 h-24 mx-auto', children: [_jsx("div", { className: 'absolute inset-0 border-4 border-primary/30 rounded-full' }), _jsx("div", { className: 'absolute inset-0 border-4 border-primary border-t-transparent rounded-full animate-spin' }), _jsx("div", { className: 'absolute inset-3 border-4 border-primary/20 rounded-full' }), _jsx("div", { className: 'absolute inset-3 border-4 border-primary border-b-transparent rounded-full animate-spin', style: { animationDirection: "reverse" } })] }), _jsxs("div", { className: 'space-y-2', children: [_jsx("h2", { className: 'text-xl font-semibold text-foreground', children: texto }), _jsx("p", { className: 'text-sm text-muted-foreground', children: "Por favor espera un momento" })] }), _jsxs("div", { className: 'flex gap-2 justify-center', children: [_jsx("div", { className: 'w-2 h-2 bg-primary rounded-full animate-pulse', style: { animationDelay: "0ms" } }), _jsx("div", { className: 'w-2 h-2 bg-primary rounded-full animate-pulse', style: { animationDelay: "150ms" } }), _jsx("div", { className: 'w-2 h-2 bg-primary rounded-full animate-pulse', style: { animationDelay: "300ms" } })] })] }) }));
|
|
9
|
+
};
|
|
10
|
+
export default Loading;
|
|
11
|
+
//# sourceMappingURL=Loading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../src/components/Loaders/Loading.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,OAAO,GAA2D,CAAC,EACvE,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,aAAa,EACrB,SAAS,EACT,QAAQ,GACT,EAAE,EAAE;IACH,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,4BAAG,QAAQ,GAAI,CAAC;IACzB,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,0FAA0F,YACvG,eAAK,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,aAE5D,eAAK,SAAS,EAAC,4BAA4B,aACzC,cAAK,SAAS,EAAC,0DAA0D,GAAO,EAChF,cAAK,SAAS,EAAC,yFAAyF,GAAO,EAC/G,cAAK,SAAS,EAAC,0DAA0D,GAAO,EAChF,cACE,SAAS,EAAC,yFAAyF,EACnG,KAAK,EAAE,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAQ,IAC9C,EAGN,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,uCAAuC,YAAE,KAAK,GAAM,EAClE,YAAG,SAAS,EAAC,+BAA+B,4CAAgC,IACxE,EAGN,eAAK,SAAS,EAAC,2BAA2B,aACxC,cACE,SAAS,EAAC,+CAA+C,EACzD,KAAK,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,GAAQ,EAC1C,cACE,SAAS,EAAC,+CAA+C,EACzD,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,GAAQ,EAC5C,cACE,SAAS,EAAC,+CAA+C,EACzD,KAAK,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,GAAQ,IACxC,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export interface MapPickerProps {
|
|
2
|
+
onLocationSelect: (lat: number, lng: number) => void;
|
|
3
|
+
initialLat?: number | null;
|
|
4
|
+
initialLng?: number | null;
|
|
5
|
+
}
|
|
6
|
+
export default function MapPicker(props: MapPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=MapPicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MapPicker.d.ts","sourceRoot":"","sources":["../../../src/components/Maps/MapPicker.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAOD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,2CAEtD"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import dynamic from "next/dynamic";
|
|
3
|
+
const MapPickerClient = dynamic(() => import("./MapPickerClient"), {
|
|
4
|
+
ssr: false,
|
|
5
|
+
loading: () => _jsx("p", { children: "Loading map..." }),
|
|
6
|
+
});
|
|
7
|
+
export default function MapPicker(props) {
|
|
8
|
+
return _jsx(MapPickerClient, { ...props });
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=MapPicker.js.map
|