@mantis-core/ui 0.2.0 → 0.3.0
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/components/Forms/CurrencyInput.d.ts +12 -0
- package/dist/components/Forms/CurrencyInput.d.ts.map +1 -0
- package/dist/components/Forms/CurrencyInput.js +9 -0
- package/dist/components/Forms/CurrencyInput.js.map +1 -0
- package/dist/components/Forms/DateRangeInput.d.ts +10 -0
- package/dist/components/Forms/DateRangeInput.d.ts.map +1 -0
- package/dist/components/Forms/DateRangeInput.js +13 -0
- package/dist/components/Forms/DateRangeInput.js.map +1 -0
- package/dist/components/Forms/FormWizard.d.ts +17 -0
- package/dist/components/Forms/FormWizard.d.ts.map +1 -0
- package/dist/components/Forms/FormWizard.js +63 -0
- package/dist/components/Forms/FormWizard.js.map +1 -0
- package/dist/components/Forms/PhoneInput.d.ts +11 -0
- package/dist/components/Forms/PhoneInput.d.ts.map +1 -0
- package/dist/components/Forms/PhoneInput.js +9 -0
- package/dist/components/Forms/PhoneInput.js.map +1 -0
- package/dist/components/Forms/RadioGroup.d.ts +15 -0
- package/dist/components/Forms/RadioGroup.d.ts.map +1 -0
- package/dist/components/Forms/RadioGroup.js +9 -0
- package/dist/components/Forms/RadioGroup.js.map +1 -0
- package/dist/components/Forms/RangeSlider.d.ts +13 -0
- package/dist/components/Forms/RangeSlider.d.ts.map +1 -0
- package/dist/components/Forms/RangeSlider.js +9 -0
- package/dist/components/Forms/RangeSlider.js.map +1 -0
- package/dist/components/Forms/SearchInput.d.ts +14 -0
- package/dist/components/Forms/SearchInput.d.ts.map +1 -0
- package/dist/components/Forms/SearchInput.js +34 -0
- package/dist/components/Forms/SearchInput.js.map +1 -0
- package/dist/components/pages/AdminPageHeader.d.ts.map +1 -1
- package/dist/components/pages/AdminPageHeader.js +2 -9
- package/dist/components/pages/AdminPageHeader.js.map +1 -1
- package/dist/components/pages/app-shell/AppShell.d.ts +5 -0
- package/dist/components/pages/app-shell/AppShell.d.ts.map +1 -0
- package/dist/components/pages/app-shell/AppShell.js +36 -0
- package/dist/components/pages/app-shell/AppShell.js.map +1 -0
- package/dist/components/pages/app-shell/Breadcrumbs.d.ts +8 -0
- package/dist/components/pages/app-shell/Breadcrumbs.d.ts.map +1 -0
- package/dist/components/pages/app-shell/Breadcrumbs.js +17 -0
- package/dist/components/pages/app-shell/Breadcrumbs.js.map +1 -0
- package/dist/components/pages/app-shell/index.d.ts +4 -0
- package/dist/components/pages/app-shell/index.d.ts.map +1 -0
- package/dist/components/pages/app-shell/index.js +3 -0
- package/dist/components/pages/app-shell/index.js.map +1 -0
- package/dist/components/pages/app-shell/types.d.ts +20 -0
- package/dist/components/pages/app-shell/types.d.ts.map +1 -0
- package/dist/components/pages/app-shell/types.js +2 -0
- package/dist/components/pages/app-shell/types.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { InputNumberProps } from 'primereact/inputnumber';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ControllerProps } from './types';
|
|
4
|
+
export interface CurrencyInputProps extends Omit<InputNumberProps, 'name' | 'defaultValue' | 'mode'> {
|
|
5
|
+
controller: ControllerProps;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
currency?: string;
|
|
8
|
+
locale?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const CurrencyInput: React.FC<CurrencyInputProps>;
|
|
11
|
+
export default CurrencyInput;
|
|
12
|
+
//# sourceMappingURL=CurrencyInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CurrencyInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/CurrencyInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1C,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM,CAAC;IAClG,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6B/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { InputNumber } from 'primereact/inputnumber';
|
|
4
|
+
import { Controller } from 'react-hook-form';
|
|
5
|
+
const CurrencyInput = ({ controller, block, currency = 'USD', locale = 'en-US', ...rest }) => {
|
|
6
|
+
return (_jsx(Controller, { ...controller, render: ({ field, fieldState, formState }) => (_jsx(InputNumber, { ...rest, mode: "currency", currency: currency, locale: locale, disabled: formState.isSubmitting || rest.disabled, className: classNames(rest.className, { 'w-full': block }), inputClassName: classNames(rest.inputClassName, { 'w-full': block }), name: field.name, value: field.value ?? null, invalid: fieldState.invalid, onChange: (e) => field.onChange(e.value), inputRef: field.ref, inputId: field.name })) }));
|
|
7
|
+
};
|
|
8
|
+
export default CurrencyInput;
|
|
9
|
+
//# sourceMappingURL=CurrencyInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../src/components/Forms/CurrencyInput.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAoB,MAAM,wBAAwB,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,MAAM,aAAa,GAAiC,CAAC,EACnD,UAAU,EACV,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,OAAO,EAChB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC5C,KAAC,WAAW,OACN,IAAI,EACR,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACjD,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAC1D,cAAc,EAAE,UAAU,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EACpE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,EAC1B,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACxC,QAAQ,EAAE,KAAK,CAAC,GAAG,EACnB,OAAO,EAAE,KAAK,CAAC,IAAI,GACnB,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CalendarProps } from "primereact/calendar";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { ControllerProps } from "./types";
|
|
4
|
+
export interface DateRangeInputProps extends Omit<CalendarProps, "name" | "defaultValue" | "selectionMode" | "value" | "onChange"> {
|
|
5
|
+
controller: ControllerProps;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const DateRangeInput: React.FC<DateRangeInputProps>;
|
|
9
|
+
export default DateRangeInput;
|
|
10
|
+
//# sourceMappingURL=DateRangeInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/DateRangeInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,cAAc,GAAG,eAAe,GAAG,OAAO,GAAG,UAAU,CAAC;IAChI,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4BjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
import { Calendar } from "primereact/calendar";
|
|
5
|
+
import { Controller } from "react-hook-form";
|
|
6
|
+
const DateRangeInput = (props) => {
|
|
7
|
+
const { controller, block, ...rest } = props;
|
|
8
|
+
return (_jsx(Controller, { ...controller, render: ({ field, fieldState }) => (_jsx(Calendar, { id: field.name, locale: "es", ...rest, selectionMode: "range", dateFormat: "dd/mm/yy", className: classNames("date-input", rest.className, { "w-full": block }), invalid: fieldState.invalid, name: field.name, inputRef: field.ref, placeholder: "DD/MM/yyyy - DD/MM/yyyy", monthNavigator: true, yearNavigator: true, yearRange: "1930:2030",
|
|
9
|
+
// field.value is [Date|null, Date|null] or null; Calendar range expects Date[]|null
|
|
10
|
+
value: field.value ?? null, onChange: (e) => field.onChange(e.value), onBlur: field.onBlur })) }));
|
|
11
|
+
};
|
|
12
|
+
export default DateRangeInput;
|
|
13
|
+
//# sourceMappingURL=DateRangeInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateRangeInput.js","sourceRoot":"","sources":["../../../src/components/Forms/DateRangeInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAiB,MAAM,qBAAqB,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAQ7C,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC7C,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACjC,KAAC,QAAQ,IACP,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,MAAM,EAAC,IAAI,KACP,IAAI,EACR,aAAa,EAAC,OAAO,EACrB,UAAU,EAAC,UAAU,EACrB,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EACxE,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,GAAG,EACnB,WAAW,EAAC,yBAAyB,EACrC,cAAc,QACd,aAAa,QACb,SAAS,EAAC,WAAW;YACrB,oFAAoF;YACpF,KAAK,EAAG,KAAK,CAAC,KAAoC,IAAI,IAAI,EAC1D,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACxC,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
export interface FormWizardStep {
|
|
3
|
+
label: string;
|
|
4
|
+
/** Field names to validate before advancing. Omit to skip validation. */
|
|
5
|
+
fields?: string[];
|
|
6
|
+
content: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export interface FormWizardProps {
|
|
9
|
+
steps: FormWizardStep[];
|
|
10
|
+
/** Called when the final step's submit button is clicked (alternative to <form onSubmit>). */
|
|
11
|
+
onComplete?: () => void | Promise<void>;
|
|
12
|
+
submitLabel?: string;
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
declare const FormWizard: ({ steps, onComplete, submitLabel, className, }: FormWizardProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export default FormWizard;
|
|
17
|
+
//# sourceMappingURL=FormWizard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormWizard.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/FormWizard.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,8FAA8F;IAC9F,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,GAAI,gDAKjB,eAAe,4CA+EjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* FormWizard — multi-step form navigator.
|
|
3
|
+
*
|
|
4
|
+
* MUST be rendered inside a <FormProvider> (react-hook-form).
|
|
5
|
+
* The parent owns <form onSubmit={handleSubmit(onSubmit)}>.
|
|
6
|
+
*
|
|
7
|
+
* Submit wiring: the final-step button uses type="submit" so the surrounding
|
|
8
|
+
* <form onSubmit> fires without any extra callback. `onComplete` is an optional
|
|
9
|
+
* escape hatch for wizard usage outside a <form> element.
|
|
10
|
+
*
|
|
11
|
+
* Minimal usage example:
|
|
12
|
+
* ──────────────────────
|
|
13
|
+
* const form = useForm<MyData>();
|
|
14
|
+
*
|
|
15
|
+
* <FormProvider {...form}>
|
|
16
|
+
* <form onSubmit={form.handleSubmit(onSubmit)}>
|
|
17
|
+
* <FormWizard
|
|
18
|
+
* steps={[
|
|
19
|
+
* { label: "Datos", fields: ["name", "email"], content: <Step1 /> },
|
|
20
|
+
* { label: "Confirmar", content: <Step2 /> },
|
|
21
|
+
* ]}
|
|
22
|
+
* submitLabel="Guardar"
|
|
23
|
+
* />
|
|
24
|
+
* </form>
|
|
25
|
+
* </FormProvider>
|
|
26
|
+
*/
|
|
27
|
+
"use client";
|
|
28
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
29
|
+
import classNames from "classnames";
|
|
30
|
+
import { Steps } from "primereact/steps";
|
|
31
|
+
import { useState } from "react";
|
|
32
|
+
import { useFormContext } from "react-hook-form";
|
|
33
|
+
import Button from "../Buttons/Button";
|
|
34
|
+
const FormWizard = ({ steps, onComplete, submitLabel = "Finalizar", className, }) => {
|
|
35
|
+
const { trigger, formState } = useFormContext();
|
|
36
|
+
const [active, setActive] = useState(0);
|
|
37
|
+
// Guard: normalise to at least 1 step
|
|
38
|
+
const total = Math.max(steps.length, 1);
|
|
39
|
+
const isLast = active === total - 1;
|
|
40
|
+
const currentStep = steps[active];
|
|
41
|
+
const stepsModel = steps.map((s) => ({ label: s.label }));
|
|
42
|
+
const handleNext = async () => {
|
|
43
|
+
const fields = currentStep?.fields;
|
|
44
|
+
if (fields && fields.length > 0) {
|
|
45
|
+
const valid = await trigger(fields);
|
|
46
|
+
if (!valid)
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
setActive((prev) => Math.min(prev + 1, total - 1));
|
|
50
|
+
};
|
|
51
|
+
const handleBack = () => {
|
|
52
|
+
setActive((prev) => Math.max(prev - 1, 0));
|
|
53
|
+
};
|
|
54
|
+
return (_jsxs("div", { className: classNames("mantis-core-wizard", className), children: [_jsx(Steps, { model: stepsModel, activeIndex: active, readOnly: true, className: "mantis-core-wizard__steps mb-4" }), _jsx("div", { className: "mantis-core-wizard__content", children: currentStep?.content }), _jsxs("div", { className: "mantis-core-wizard__footer mantis-core-form-actions mantis-core-form-actions--between mt-4", children: [_jsx("div", { className: "mantis-core-form-actions__left", children: active > 0 && (_jsx(Button, { type: "button", label: "Atr\u00E1s", variant: "secondary", outlined: true, disabled: formState.isSubmitting, onClick: handleBack })) }), _jsx("div", { className: "mantis-core-form-actions__right", children: isLast ? (_jsx(Button
|
|
55
|
+
/* ponytail: type="submit" — parent <form onSubmit> handles submission;
|
|
56
|
+
onComplete is the escape hatch for formless usage */
|
|
57
|
+
, {
|
|
58
|
+
/* ponytail: type="submit" — parent <form onSubmit> handles submission;
|
|
59
|
+
onComplete is the escape hatch for formless usage */
|
|
60
|
+
type: onComplete ? "button" : "submit", label: submitLabel, variant: "primary", loading: formState.isSubmitting, disabled: formState.isSubmitting, onClick: onComplete ? () => void onComplete() : undefined })) : (_jsx(Button, { type: "button", label: "Siguiente", variant: "primary", disabled: formState.isSubmitting, onClick: () => void handleNext() })) })] })] }));
|
|
61
|
+
};
|
|
62
|
+
export default FormWizard;
|
|
63
|
+
//# sourceMappingURL=FormWizard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormWizard.js","sourceRoot":"","sources":["../../../src/components/Forms/FormWizard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { InputMaskProps } from 'primereact/inputmask';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ControllerProps } from './types';
|
|
4
|
+
export interface PhoneInputProps extends Omit<InputMaskProps, 'name' | 'defaultValue'> {
|
|
5
|
+
controller: ControllerProps;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
mask?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const PhoneInput: React.FC<PhoneInputProps>;
|
|
10
|
+
export default PhoneInput;
|
|
11
|
+
//# sourceMappingURL=PhoneInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/PhoneInput.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,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,cAAc,CAAC;IACpF,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { InputMask } from 'primereact/inputmask';
|
|
4
|
+
import { Controller } from 'react-hook-form';
|
|
5
|
+
const PhoneInput = ({ controller, block, mask = '(999) 999-9999', ...rest }) => {
|
|
6
|
+
return (_jsx(Controller, { ...controller, render: ({ field, fieldState, formState }) => (_jsx(InputMask, { id: rest.id || field.name, ...rest, mask: mask, name: field.name, value: field.value ?? '', onBlur: field.onBlur, onChange: (e) => field.onChange(e.value), ref: field.ref, disabled: formState.isSubmitting || rest.disabled, invalid: fieldState.invalid, className: classNames(rest.className, { 'w-full': block }) })) }));
|
|
7
|
+
};
|
|
8
|
+
export default PhoneInput;
|
|
9
|
+
//# sourceMappingURL=PhoneInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../src/components/Forms/PhoneInput.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;AAS7C,MAAM,UAAU,GAA8B,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,GAAG,gBAAgB,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACxG,OAAO,CACL,KAAC,UAAU,OACL,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,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EACxC,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACjD,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,GAC1D,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ControllerProps } from './types';
|
|
3
|
+
export interface RadioGroupProps {
|
|
4
|
+
controller: ControllerProps;
|
|
5
|
+
options: {
|
|
6
|
+
label: string;
|
|
7
|
+
value: any;
|
|
8
|
+
}[];
|
|
9
|
+
block?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
declare const RadioGroup: React.FC<RadioGroupProps>;
|
|
14
|
+
export default RadioGroup;
|
|
15
|
+
//# sourceMappingURL=RadioGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/RadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,eAAe,CAAC;IAC5B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,EAAE,CAAC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { RadioButton } from 'primereact/radiobutton';
|
|
4
|
+
import { Controller } from 'react-hook-form';
|
|
5
|
+
const RadioGroup = ({ controller, options, block, disabled, className }) => {
|
|
6
|
+
return (_jsx(Controller, { ...controller, render: ({ field, formState }) => (_jsx("div", { className: classNames('flex flex-column gap-2', { 'w-full': block }, className), children: options.map((opt) => (_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(RadioButton, { inputId: `${field.name}_${opt.value}`, name: field.name, value: opt.value, checked: field.value === opt.value, onChange: () => field.onChange(opt.value), onBlur: field.onBlur, disabled: formState.isSubmitting || disabled, ref: field.ref }), _jsx("label", { htmlFor: `${field.name}_${opt.value}`, children: opt.label })] }, String(opt.value)))) })) }));
|
|
7
|
+
};
|
|
8
|
+
export default RadioGroup;
|
|
9
|
+
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/Forms/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,MAAM,UAAU,GAA8B,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACpG,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAChC,cAAK,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,CAAC,YACjF,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,eAA6B,SAAS,EAAC,+BAA+B,aACpE,KAAC,WAAW,IACV,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,GAAG,CAAC,KAAK,EAAE,EACrC,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,EAClC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,QAAQ,EAC5C,GAAG,EAAE,KAAK,CAAC,GAAG,GACd,EACF,gBAAO,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,GAAG,CAAC,KAAK,EAAE,YAAG,GAAG,CAAC,KAAK,GAAS,KAXzD,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAYrB,CACP,CAAC,GACE,CACP,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SliderProps } from 'primereact/slider';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ControllerProps } from './types';
|
|
4
|
+
export interface RangeSliderProps extends Omit<SliderProps, 'name' | 'range' | 'value' | 'onChange'> {
|
|
5
|
+
controller: ControllerProps;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
min?: number;
|
|
8
|
+
max?: number;
|
|
9
|
+
step?: number;
|
|
10
|
+
}
|
|
11
|
+
declare const RangeSlider: React.FC<RangeSliderProps>;
|
|
12
|
+
export default RangeSlider;
|
|
13
|
+
//# sourceMappingURL=RangeSlider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../src/components/Forms/RangeSlider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IAClG,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmB3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { Slider } from 'primereact/slider';
|
|
4
|
+
import { Controller } from 'react-hook-form';
|
|
5
|
+
const RangeSlider = ({ controller, block, min, max, step, ...rest }) => {
|
|
6
|
+
return (_jsx(Controller, { ...controller, render: ({ field, formState }) => (_jsx(Slider, { ...rest, range: true, min: min, max: max, step: step, disabled: formState.isSubmitting || rest.disabled, className: classNames(rest.className, { 'w-full': block }), value: field.value ?? [min ?? 0, max ?? 100], onChange: (e) => field.onChange(e.value) })) }));
|
|
7
|
+
};
|
|
8
|
+
export default RangeSlider;
|
|
9
|
+
//# sourceMappingURL=RangeSlider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../../../src/components/Forms/RangeSlider.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,MAAM,WAAW,GAA+B,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACjG,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAChC,KAAC,MAAM,OACD,IAAI,EACR,KAAK,QACL,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACjD,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAC1D,KAAK,EAAG,KAAK,CAAC,KAA0B,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,GAAG,CAAC,EAClE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,GACxC,CACH,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { InputTextProps } from 'primereact/inputtext';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ControllerProps } from './types';
|
|
4
|
+
export interface SearchInputProps extends Omit<InputTextProps, 'name' | 'defaultValue' | 'value' | 'onChange'> {
|
|
5
|
+
controller?: ControllerProps;
|
|
6
|
+
block?: boolean;
|
|
7
|
+
onSearch?: (value: string) => void;
|
|
8
|
+
debounceMs?: number;
|
|
9
|
+
value?: string;
|
|
10
|
+
onChange?: (value: string) => void;
|
|
11
|
+
}
|
|
12
|
+
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/Forms/SearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAW1C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,CAAC;IAC5G,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsD3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import { InputText } from 'primereact/inputtext';
|
|
5
|
+
import { useRef, useState } from 'react';
|
|
6
|
+
import { Controller } from 'react-hook-form';
|
|
7
|
+
// ponytail: inline debounce — 5 lines, no library needed
|
|
8
|
+
function useDebouncedCallback(fn, delay) {
|
|
9
|
+
const timer = useRef(undefined);
|
|
10
|
+
return (value) => {
|
|
11
|
+
clearTimeout(timer.current);
|
|
12
|
+
timer.current = setTimeout(() => fn(value), delay);
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
const SearchInput = ({ controller, block, onSearch, debounceMs = 300, value: valueProp, onChange: onChangeProp, ...rest }) => {
|
|
16
|
+
const [localValue, setLocalValue] = useState(valueProp ?? '');
|
|
17
|
+
const fireSearch = useDebouncedCallback(onSearch ?? (() => { }), debounceMs);
|
|
18
|
+
if (controller) {
|
|
19
|
+
return (_jsx(Controller, { ...controller, render: ({ field, fieldState, formState }) => (_jsxs("span", { className: classNames('p-input-icon-left', { 'w-full': block }), children: [_jsx("i", { className: "pi pi-search" }), _jsx(InputText, { id: rest.id || field.name, ...rest, ...field, disabled: formState.isSubmitting || rest.disabled, invalid: fieldState.invalid, className: classNames(rest.className, { 'w-full': block }), onChange: (e) => {
|
|
20
|
+
field.onChange(e);
|
|
21
|
+
fireSearch(e.target.value);
|
|
22
|
+
} })] })) }));
|
|
23
|
+
}
|
|
24
|
+
// Uncontrolled plain search box (no react-hook-form)
|
|
25
|
+
return (_jsxs("span", { className: classNames('p-input-icon-left', { 'w-full': block }), children: [_jsx("i", { className: "pi pi-search" }), _jsx(InputText, { ...rest, value: valueProp !== undefined ? valueProp : localValue, className: classNames(rest.className, { 'w-full': block }), onChange: (e) => {
|
|
26
|
+
const v = e.target.value;
|
|
27
|
+
if (valueProp === undefined)
|
|
28
|
+
setLocalValue(v);
|
|
29
|
+
onChangeProp?.(v);
|
|
30
|
+
fireSearch(v);
|
|
31
|
+
} })] }));
|
|
32
|
+
};
|
|
33
|
+
export default SearchInput;
|
|
34
|
+
//# sourceMappingURL=SearchInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../src/components/Forms/SearchInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdminPageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/pages/AdminPageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AdminPageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/pages/AdminPageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAC;CAC9C,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiCnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,16 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import Breadcrumbs from "./app-shell/Breadcrumbs";
|
|
3
3
|
const AdminPageHeader = ({ title, description, actions, breadcrumbs, }) => {
|
|
4
|
-
const hasBreadcrumbs = Boolean(breadcrumbs && breadcrumbs.length > 0);
|
|
5
4
|
return (_jsxs("div", { className: 'flex items-start justify-between rounded-xl px-6 py-5 border border-border gap-4', style: {
|
|
6
5
|
background: "linear-gradient(110deg, color-mix(in oklch, var(--primary), white 92%), color-mix(in oklch, var(--accent), white 90%))",
|
|
7
|
-
}, children: [_jsxs("div", { children: [
|
|
8
|
-
const isLast = index === breadcrumbs.length - 1;
|
|
9
|
-
return (_jsxs("li", { className: 'flex items-center gap-1.5', children: [item.href && !isLast ? (_jsx(Link, { href: item.href, className: 'transition-colors hover:opacity-80', style: { color: "var(--muted-foreground)" }, children: item.label })) : (_jsx("span", { style: {
|
|
10
|
-
color: isLast ? "color-mix(in oklch, var(--primary), black 24%)" : "var(--muted-foreground)",
|
|
11
|
-
fontWeight: isLast ? 600 : 500,
|
|
12
|
-
}, children: item.label })), !isLast && _jsx("span", { style: { color: "var(--muted-foreground)" }, children: "/" })] }, `${item.label}-${index}`));
|
|
13
|
-
}) }) })), _jsx("h1", { className: 'text-2xl font-bold', style: {
|
|
6
|
+
}, children: [_jsxs("div", { children: [breadcrumbs && breadcrumbs.length > 0 && _jsx(Breadcrumbs, { items: breadcrumbs }), _jsx("h1", { className: 'text-2xl font-bold', style: {
|
|
14
7
|
color: "color-mix(in oklch, var(--primary), black 20%)",
|
|
15
8
|
fontFamily: "var(--font-display)",
|
|
16
9
|
}, children: title }), description && (_jsx("p", { className: 'text-sm mt-0.5', style: { color: "var(--muted-foreground)" }, children: description }))] }), actions && _jsx("div", { children: actions })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdminPageHeader.js","sourceRoot":"","sources":["../../../src/components/pages/AdminPageHeader.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"AdminPageHeader.js","sourceRoot":"","sources":["../../../src/components/pages/AdminPageHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,WAAW,MAAM,yBAAyB,CAAC;AASlD,MAAM,eAAe,GAAmC,CAAC,EACvD,KAAK,EACL,WAAW,EACX,OAAO,EACP,WAAW,GACZ,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAC,kFAAkF,EAC5F,KAAK,EAAE;YACL,UAAU,EACR,wHAAwH;SAC3H,aACD,0BACG,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,WAAW,IAAC,KAAK,EAAE,WAAW,GAAI,EAE7E,aACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;4BACL,KAAK,EAAE,gDAAgD;4BACvD,UAAU,EAAE,qBAAqB;yBAClC,YACA,KAAK,GACH,EACJ,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,YACtE,WAAW,GACV,CACL,IACG,EACL,OAAO,IAAI,wBAAM,OAAO,GAAO,IAC5B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/pages/app-shell/AppShell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,SAAS,CAAC;AAyFzD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyHrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState } from "react";
|
|
4
|
+
import Link from "next/link";
|
|
5
|
+
import { usePathname } from "next/navigation";
|
|
6
|
+
import classNames from "classnames";
|
|
7
|
+
import { Sidebar } from "primereact/sidebar";
|
|
8
|
+
// ─── helpers ────────────────────────────────────────────────────────────────
|
|
9
|
+
const isActive = (pathname, href) => Boolean(href && (pathname === href || pathname.startsWith(href + "/")));
|
|
10
|
+
const NavItemLink = ({ item, pathname, onClick }) => {
|
|
11
|
+
const active = isActive(pathname, item.href);
|
|
12
|
+
const cls = classNames("mantis-core-appshell-nav-item", "w-full flex items-center gap-2.5 px-3 py-2.5 rounded-md text-sm transition-all duration-150 text-left", active
|
|
13
|
+
? "bg-primary/10 text-primary font-semibold"
|
|
14
|
+
: "text-muted-foreground font-medium hover:bg-primary/5 hover:text-primary");
|
|
15
|
+
const inner = (_jsxs(_Fragment, { children: [item.icon && (_jsx("span", { className: 'shrink-0 w-4 flex items-center justify-center', children: item.icon })), _jsx("span", { className: 'flex-1 truncate', children: item.label }), active && _jsx("span", { className: 'w-1.5 h-1.5 rounded-full bg-primary shrink-0' })] }));
|
|
16
|
+
return item.href ? (_jsx(Link, { href: item.href, onClick: onClick, className: cls, children: inner })) : (_jsx("button", { onClick: onClick, className: cls, children: inner }));
|
|
17
|
+
};
|
|
18
|
+
const NavGroup = ({ item, pathname, onNavigate }) => (_jsxs("div", { className: 'mantis-core-appshell-nav-group', children: [_jsxs("span", { className: 'block px-3 py-1.5 text-[0.7rem] font-semibold uppercase tracking-wider', style: { color: "var(--muted-foreground)" }, children: [item.icon && _jsx("span", { className: 'mr-1.5', children: item.icon }), item.label] }), item.children?.map((child) => (_jsx(NavItemLink, { item: child, pathname: pathname, onClick: onNavigate }, child.label)))] }));
|
|
19
|
+
const NavList = ({ items, pathname, onNavigate }) => (_jsx("ul", { className: 'flex flex-col gap-0.5 list-none m-0 p-0', children: items.map((item) => item.children?.length ? (_jsx("li", { children: _jsx(NavGroup, { item: item, pathname: pathname, onNavigate: onNavigate }) }, item.label)) : (_jsx("li", { children: _jsx(NavItemLink, { item: item, pathname: pathname, onClick: onNavigate }) }, item.label))) }));
|
|
20
|
+
// ─── AppShell ────────────────────────────────────────────────────────────────
|
|
21
|
+
const AppShell = ({ navItems, brand, topbarActions, user, footer, children, }) => {
|
|
22
|
+
const pathname = usePathname();
|
|
23
|
+
const [mobileOpen, setMobileOpen] = useState(false);
|
|
24
|
+
return (_jsxs("div", { className: 'mantis-core-appshell flex min-h-screen', children: [_jsxs("aside", { className: 'mantis-core-appshell-sidebar hidden lg:flex flex-col w-60 shrink-0 border-r border-border', style: { background: "var(--card)" }, children: [brand && (_jsx("div", { className: 'mantis-core-appshell-sidebar-brand flex items-center h-16 px-4 border-b border-border shrink-0', style: {
|
|
25
|
+
background: "linear-gradient(110deg, color-mix(in oklch, var(--primary), white 92%), color-mix(in oklch, var(--accent), white 90%))",
|
|
26
|
+
}, children: brand })), _jsx("nav", { className: 'flex-1 overflow-y-auto p-3', children: _jsx(NavList, { items: navItems, pathname: pathname }) }), footer && (_jsx("div", { className: 'mantis-core-appshell-sidebar-footer shrink-0 border-t border-border p-3', children: footer }))] }), _jsxs("div", { className: 'flex flex-col flex-1 min-w-0', children: [_jsxs("header", { className: 'mantis-core-appshell-topbar flex items-center h-16 px-4 sm:px-6 border-b border-border shrink-0 gap-3', style: {
|
|
27
|
+
background: "var(--card)",
|
|
28
|
+
boxShadow: "0 1px 3px color-mix(in oklch, var(--foreground), transparent 92%)",
|
|
29
|
+
}, children: [_jsx("button", { className: 'lg:hidden p-2 rounded-sm bg-transparent border-0 cursor-pointer text-muted-foreground hover:text-primary transition-colors duration-150 leading-none', "aria-label": 'Abrir men\u00FA', "aria-expanded": mobileOpen, onClick: () => setMobileOpen(true), children: _jsxs("svg", { width: '18', height: '18', viewBox: '0 0 18 18', fill: 'none', stroke: 'currentColor', strokeWidth: '1.75', strokeLinecap: 'round', children: [_jsx("line", { x1: '2', y1: '4.5', x2: '16', y2: '4.5' }), _jsx("line", { x1: '2', y1: '9', x2: '16', y2: '9' }), _jsx("line", { x1: '2', y1: '13.5', x2: '16', y2: '13.5' })] }) }), brand && (_jsx("div", { className: 'lg:hidden flex items-center', children: brand })), _jsx("div", { className: 'flex-1' }), topbarActions && (_jsx("div", { className: 'mantis-core-appshell-topbar-actions flex items-center gap-2', children: topbarActions })), user && (_jsx("div", { className: 'mantis-core-appshell-topbar-user flex items-center', children: user }))] }), _jsx("main", { className: 'mantis-core-appshell-content flex-1', children: children })] }), _jsxs(Sidebar, { visible: mobileOpen, onHide: () => setMobileOpen(false), position: 'left', className: 'mantis-core-appshell-mobile-drawer w-72', style: { background: "var(--card)" }, children: [brand && (_jsx("div", { className: 'flex items-center mb-4 pb-4 border-b border-border', style: {
|
|
30
|
+
background: "linear-gradient(110deg, color-mix(in oklch, var(--primary), white 92%), color-mix(in oklch, var(--accent), white 90%))",
|
|
31
|
+
margin: "-1rem -1rem 1rem",
|
|
32
|
+
padding: "1rem",
|
|
33
|
+
}, children: brand })), _jsx(NavList, { items: navItems, pathname: pathname, onNavigate: () => setMobileOpen(false) }), footer && (_jsx("div", { className: 'mt-auto pt-4 border-t border-border', children: footer }))] })] }));
|
|
34
|
+
};
|
|
35
|
+
export default AppShell;
|
|
36
|
+
//# sourceMappingURL=AppShell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../../../src/components/pages/app-shell/AppShell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { AdminBreadcrumbItem } from "../admin-layout/types";
|
|
3
|
+
type BreadcrumbsProps = {
|
|
4
|
+
items: readonly AdminBreadcrumbItem[];
|
|
5
|
+
};
|
|
6
|
+
declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
|
|
7
|
+
export default Breadcrumbs;
|
|
8
|
+
//# sourceMappingURL=Breadcrumbs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/pages/app-shell/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,SAAS,mBAAmB,EAAE,CAAC;CACvC,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoC3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import Link from "next/link";
|
|
3
|
+
const Breadcrumbs = ({ items }) => {
|
|
4
|
+
if (!items.length)
|
|
5
|
+
return null;
|
|
6
|
+
return (_jsx("nav", { "aria-label": 'Breadcrumb', className: 'mb-2', children: _jsx("ol", { className: 'flex flex-wrap items-center gap-1.5 text-xs', children: items.map((item, index) => {
|
|
7
|
+
const isLast = index === items.length - 1;
|
|
8
|
+
return (_jsxs("li", { className: 'flex items-center gap-1.5', children: [item.href && !isLast ? (_jsx(Link, { href: item.href, className: 'transition-colors hover:opacity-80', style: { color: "var(--muted-foreground)" }, children: item.label })) : (_jsx("span", { style: {
|
|
9
|
+
color: isLast
|
|
10
|
+
? "color-mix(in oklch, var(--primary), black 24%)"
|
|
11
|
+
: "var(--muted-foreground)",
|
|
12
|
+
fontWeight: isLast ? 600 : 500,
|
|
13
|
+
}, children: item.label })), !isLast && _jsx("span", { style: { color: "var(--muted-foreground)" }, children: "/" })] }, `${item.label}-${index}`));
|
|
14
|
+
}) }) }));
|
|
15
|
+
};
|
|
16
|
+
export default Breadcrumbs;
|
|
17
|
+
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/pages/app-shell/Breadcrumbs.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,WAAW,CAAC;AAO7B,MAAM,WAAW,GAA+B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5D,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,4BAAgB,YAAY,EAAC,SAAS,EAAC,MAAM,YAC3C,aAAI,SAAS,EAAC,6CAA6C,YACxD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;gBAE1C,OAAO,CACL,cAAmC,SAAS,EAAC,2BAA2B,aACrE,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACtB,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,YAC1C,IAAI,CAAC,KAAK,GACN,CACR,CAAC,CAAC,CAAC,CACF,eACE,KAAK,EAAE;gCACL,KAAK,EAAE,MAAM;oCACX,CAAC,CAAC,gDAAgD;oCAClD,CAAC,CAAC,yBAAyB;gCAC7B,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;6BAC/B,YACA,IAAI,CAAC,KAAK,GACN,CACR,EACA,CAAC,MAAM,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,kBAAU,KAnBhE,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,CAoB5B,CACN,CAAC;YACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/pages/app-shell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/pages/app-shell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
export type AppNavItem = {
|
|
3
|
+
label: string;
|
|
4
|
+
href?: string;
|
|
5
|
+
icon?: ReactNode;
|
|
6
|
+
children?: AppNavItem[];
|
|
7
|
+
};
|
|
8
|
+
export type AppShellProps = {
|
|
9
|
+
navItems: AppNavItem[];
|
|
10
|
+
/** Brand slot: logo/name rendered in the sidebar header and topbar (mobile) */
|
|
11
|
+
brand?: ReactNode;
|
|
12
|
+
/** Extra content rendered in the topbar right area, before the user slot */
|
|
13
|
+
topbarActions?: ReactNode;
|
|
14
|
+
/** User profile slot rendered at the end of the topbar */
|
|
15
|
+
user?: ReactNode;
|
|
16
|
+
/** Optional footer rendered at the bottom of the sidebar */
|
|
17
|
+
footer?: ReactNode;
|
|
18
|
+
children: ReactNode;
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/pages/app-shell/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/pages/app-shell/types.ts"],"names":[],"mappings":""}
|