@joelbarron/react-web-dev-kit 0.1.0

package/dist/config/merge.js

@@ -0,0 +1,18 @@
+const isPlainObject = (value) => typeof value === 'object' && value !== null && !Array.isArray(value);
+export const deepMerge = (base, overrides) => {
+    if (!overrides) {
+        return { ...base };
+    }
+    const output = { ...base };
+    for (const [key, overrideValue] of Object.entries(overrides)) {
+        const baseValue = output[key];
+        if (isPlainObject(baseValue) && isPlainObject(overrideValue)) {
+            output[key] = deepMerge(baseValue, overrideValue);
+            continue;
+        }
+        if (overrideValue !== undefined) {
+            output[key] = overrideValue;
+        }
+    }
+    return output;
+};

package/dist/config/types.d.ts

@@ -0,0 +1,46 @@
+export type JBAppStage = 'PRODUCTION' | 'QA' | 'DEVELOPMENT' | 'LOCAL';
+export type JBAppStageLowercase = Lowercase<JBAppStage>;
+export type JBStageValueMap<T> = Partial<Record<JBAppStage, T>> & Partial<Record<JBAppStageLowercase, T>>;
+export type JBApiHostConfig = Record<JBAppStage, string>;
+export type JBAuthProfileRoleOption = {
+    value: string;
+    label: string;
+    allowSignup?: boolean;
+};
+export type JBSocialProviderName = 'google' | 'facebook' | 'apple';
+export type JBAuthSocialProviderConfig = {
+    enabled: boolean;
+    clientId?: string;
+    redirectUri?: string;
+    scope?: string;
+};
+export type JBAuthSocialConfig = Record<JBSocialProviderName, JBAuthSocialProviderConfig>;
+export type JBAppConfig = {
+    debug: boolean;
+    forceHideStage: boolean;
+    stage: JBAppStage;
+    defaultRows: number;
+    maxRows: number;
+    momentLocale: string;
+    defaultLocaleDate: string;
+    dateFormat: string;
+    dateTimeFormat: string;
+    defaultFormatDateAPI: string;
+    api: {
+        version: string;
+        host: JBApiHostConfig;
+    };
+    auth: {
+        apiBasePath: string;
+        profileRoles: JBAuthProfileRoleOption[];
+        defaultProfileRole?: string;
+        social: JBAuthSocialConfig;
+    };
+    integrations: Record<string, unknown>;
+};
+type JBDeepPartial<T> = T extends Array<infer U> ? Array<JBDeepPartial<U>> : T extends object ? {
+    [K in keyof T]?: JBDeepPartial<T[K]>;
+} : T;
+export type JBAppConfigOverrides = JBDeepPartial<JBAppConfig>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/config/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/config/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,IAAI,GAAG,aAAa,GAAG,OAAO,CAAC;AACvE,MAAM,MAAM,mBAAmB,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AACxD,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,CAAC;AAE1G,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAEzD,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAEnE,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,oBAAoB,EAAE,0BAA0B,CAAC,CAAC;AAE1F,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,UAAU,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,GAAG,EAAE;QACH,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,eAAe,CAAC;KACvB,CAAC;IACF,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,uBAAuB,EAAE,CAAC;QACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,MAAM,EAAE,kBAAkB,CAAC;KAC5B,CAAC;IACF,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACvC,CAAC;AAEF,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,KAAK,CAAC,MAAM,CAAC,CAAC,GAC5C,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GACvB,CAAC,SAAS,MAAM,GACd;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,GACxC,CAAC,CAAC;AAER,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC"}

package/dist/config/types.js

@@ -0,0 +1 @@
+export {};

package/dist/forms/JBCheckboxField.d.ts

@@ -0,0 +1,12 @@
+import { CheckboxProps, FormControlLabelProps, FormControlProps, SxProps, Theme } from '@mui/material';
+import { ReactNode } from 'react';
+import { FieldValues, Path } from 'react-hook-form';
+import { JBFieldControlProps } from './types';
+export type JBCheckboxFieldProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>> = JBFieldControlProps<TFieldValues, TName> & Omit<CheckboxProps, 'name' | 'checked' | 'onChange' | 'defaultChecked'> & {
+    label: ReactNode;
+    formControlProps?: Omit<FormControlProps, 'error'>;
+    formControlLabelProps?: Omit<FormControlLabelProps, 'control' | 'label'>;
+    checkboxSx?: SxProps<Theme>;
+};
+export declare function JBCheckboxField<TFieldValues extends FieldValues, TName extends Path<TFieldValues>>(props: JBCheckboxFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JBCheckboxField.d.ts.map

package/dist/forms/JBCheckboxField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBCheckboxField.d.ts","sourceRoot":"","sources":["../../src/forms/JBCheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EAGb,qBAAqB,EACrB,gBAAgB,EAEhB,OAAO,EACP,KAAK,EACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAc,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,MAAM,oBAAoB,CAC9B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,IAC9B,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,GAC1C,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAC,GAAG;IACxE,KAAK,EAAE,SAAS,CAAC;IACjB,gBAAgB,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;IACnD,qBAAqB,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;IACzE,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,eAAe,CAC7B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,EAChC,KAAK,EAAE,oBAAoB,CAAC,YAAY,EAAE,KAAK,CAAC,2CAsEjD"}

package/dist/forms/JBCheckboxField.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox, FormControl, FormControlLabel, FormHelperText } from '@mui/material';
+import { Controller } from 'react-hook-form';
+import { getJBFieldErrorMessage } from './utils';
+export function JBCheckboxField(props) {
+    const { control, name, rules, label, formControlProps, formControlLabelProps, checkboxSx, ...checkboxProps } = props;
+    return (_jsx(Controller, { control: control, name: name, rules: rules, render: ({ field, fieldState }) => (_jsxs(FormControl, { ...formControlProps, error: !!fieldState.error, children: [_jsx(FormControlLabel, { ...formControlLabelProps, label: label, sx: {
+                        alignItems: 'center',
+                        m: 0,
+                        columnGap: 1,
+                        '& .MuiFormControlLabel-label': {
+                            fontSize: 14,
+                            lineHeight: 1.35,
+                            color: 'text.primary'
+                        }
+                    }, control: _jsx(Checkbox, { ...checkboxProps, size: checkboxProps.size ?? 'small', inputRef: field.ref, checked: !!field.value, onBlur: field.onBlur, onChange: (_, checked) => {
+                            field.onChange(checked);
+                        }, sx: {
+                            p: 0.25,
+                            borderRadius: 1,
+                            '& .MuiSvgIcon-root': {
+                                fontSize: 18
+                            },
+                            '&:not(.Mui-checked) .MuiSvgIcon-root': {
+                                color: 'transparent',
+                                border: '1px solid',
+                                borderColor: 'rgba(15, 23, 42, 0.35)',
+                                borderRadius: '4px',
+                                backgroundColor: 'background.paper'
+                            },
+                            '&:hover:not(.Mui-checked) .MuiSvgIcon-root': {
+                                borderColor: 'rgba(15, 23, 42, 0.55)'
+                            },
+                            ...(checkboxSx ?? {})
+                        } }) }), _jsx(FormHelperText, { children: getJBFieldErrorMessage(fieldState.error) })] })) }));
+}

package/dist/forms/JBDatePickerField.d.ts

@@ -0,0 +1,12 @@
+import { TextFieldProps } from '@mui/material';
+import { DatePicker } from '@mui/x-date-pickers';
+import { ComponentProps } from 'react';
+import { FieldValues, Path } from 'react-hook-form';
+import { JBFieldControlProps } from './types';
+type MuiDatePickerProps = ComponentProps<typeof DatePicker>;
+export type JBDatePickerFieldProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>> = JBFieldControlProps<TFieldValues, TName> & Omit<MuiDatePickerProps, 'value' | 'onChange' | 'slotProps'> & {
+    textFieldProps?: TextFieldProps;
+};
+export declare function JBDatePickerField<TFieldValues extends FieldValues, TName extends Path<TFieldValues>>(props: JBDatePickerFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=JBDatePickerField.d.ts.map

package/dist/forms/JBDatePickerField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBDatePickerField.d.ts","sourceRoot":"","sources":["../../src/forms/JBDatePickerField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAc,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE5D,MAAM,MAAM,sBAAsB,CAChC,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,IAC9B,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,GAC1C,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC,GAAG;IAC7D,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAEJ,wBAAgB,iBAAiB,CAC/B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,EAChC,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,KAAK,CAAC,2CAwBnD"}

package/dist/forms/JBDatePickerField.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DatePicker } from '@mui/x-date-pickers';
+import { Controller } from 'react-hook-form';
+import { getJBFieldErrorMessage } from './utils';
+export function JBDatePickerField(props) {
+    const { control, name, rules, textFieldProps, ...datePickerProps } = props;
+    return (_jsx(Controller, { control: control, name: name, rules: rules, render: ({ field, fieldState }) => (_jsx(DatePicker, { ...datePickerProps, value: field.value ?? null, onChange: (value) => field.onChange(value), slotProps: {
+                textField: {
+                    ...textFieldProps,
+                    error: !!fieldState.error,
+                    helperText: getJBFieldErrorMessage(fieldState.error) ?? textFieldProps?.helperText
+                }
+            } })) }));
+}

package/dist/forms/JBRadioGroupField.d.ts

@@ -0,0 +1,10 @@
+import { FormControlProps, RadioGroupProps } from '@mui/material';
+import { FieldValues, Path } from 'react-hook-form';
+import { JBFieldControlProps, SelectOption } from './types';
+export type JBRadioGroupFieldProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>> = JBFieldControlProps<TFieldValues, TName> & Omit<RadioGroupProps, 'name' | 'value' | 'onChange'> & {
+    label?: string;
+    options: SelectOption[];
+    formControlProps?: Omit<FormControlProps, 'error'>;
+};
+export declare function JBRadioGroupField<TFieldValues extends FieldValues, TName extends Path<TFieldValues>>(props: JBRadioGroupFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JBRadioGroupField.d.ts.map

package/dist/forms/JBRadioGroupField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBRadioGroupField.d.ts","sourceRoot":"","sources":["../../src/forms/JBRadioGroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,gBAAgB,EAKhB,eAAe,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAc,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5D,MAAM,MAAM,sBAAsB,CAChC,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,IAC9B,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,GAC1C,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,gBAAgB,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;CACpD,CAAC;AAEJ,wBAAgB,iBAAiB,CAC/B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,EAChC,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,KAAK,CAAC,2CAkCnD"}

package/dist/forms/JBRadioGroupField.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormControlLabel, FormHelperText, FormLabel, Radio, RadioGroup } from '@mui/material';
+import { Controller } from 'react-hook-form';
+import { getJBFieldErrorMessage } from './utils';
+export function JBRadioGroupField(props) {
+    const { control, name, rules, label, options, formControlProps, ...radioGroupProps } = props;
+    return (_jsx(Controller, { control: control, name: name, rules: rules, render: ({ field, fieldState }) => (_jsxs(FormControl, { ...formControlProps, error: !!fieldState.error, children: [label ? _jsx(FormLabel, { children: label }) : null, _jsx(RadioGroup, { ...radioGroupProps, name: field.name, value: field.value ?? '', onBlur: field.onBlur, onChange: (_, value) => field.onChange(value), children: options.map((option) => (_jsx(FormControlLabel, { value: option.value, disabled: option.disabled, control: _jsx(Radio, { inputRef: field.ref }), label: option.label }, `${option.value}`))) }), _jsx(FormHelperText, { children: getJBFieldErrorMessage(fieldState.error) })] })) }));
+}

package/dist/forms/JBSelectField.d.ts

@@ -0,0 +1,9 @@
+import { TextFieldProps } from '@mui/material';
+import { FieldValues, Path } from 'react-hook-form';
+import { JBFieldControlProps, SelectOption } from './types';
+export type JBSelectFieldProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>> = JBFieldControlProps<TFieldValues, TName> & Omit<TextFieldProps, 'name' | 'defaultValue' | 'value' | 'onChange' | 'error' | 'helperText' | 'select'> & {
+    options: SelectOption[];
+    emptyOptionLabel?: string;
+};
+export declare function JBSelectField<TFieldValues extends FieldValues, TName extends Path<TFieldValues>>(props: JBSelectFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JBSelectField.d.ts.map

package/dist/forms/JBSelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBSelectField.d.ts","sourceRoot":"","sources":["../../src/forms/JBSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,cAAc,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAc,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5D,MAAM,MAAM,kBAAkB,CAC5B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,IAC9B,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,GAC1C,IAAI,CACF,cAAc,EACd,MAAM,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,GAAG,QAAQ,CACnF,GAAG;IACF,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEJ,wBAAgB,aAAa,CAC3B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,EAChC,KAAK,EAAE,kBAAkB,CAAC,YAAY,EAAE,KAAK,CAAC,2CA6B/C"}

package/dist/forms/JBSelectField.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MenuItem, TextField } from '@mui/material';
+import { Controller } from 'react-hook-form';
+import { getJBFieldErrorMessage } from './utils';
+export function JBSelectField(props) {
+    const { control, name, rules, options, emptyOptionLabel, ...textFieldProps } = props;
+    return (_jsx(Controller, { control: control, name: name, rules: rules, render: ({ field, fieldState }) => (_jsxs(TextField, { ...textFieldProps, ...field, select: true, value: field.value ?? '', error: !!fieldState.error, helperText: getJBFieldErrorMessage(fieldState.error), children: [emptyOptionLabel ? _jsx(MenuItem, { value: "", children: emptyOptionLabel }) : null, options.map((option, index) => (_jsx(MenuItem, { value: option.value, disabled: option.disabled, children: option.label }, `${option.value}-${index}`)))] })) }));
+}

package/dist/forms/JBSwitchField.d.ts

@@ -0,0 +1,11 @@
+import { FormControlLabelProps, FormControlProps, SwitchProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { FieldValues, Path } from 'react-hook-form';
+import { JBFieldControlProps } from './types';
+export type JBSwitchFieldProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>> = JBFieldControlProps<TFieldValues, TName> & Omit<SwitchProps, 'name' | 'checked' | 'onChange' | 'defaultChecked'> & {
+    label: ReactNode;
+    formControlProps?: Omit<FormControlProps, 'error'>;
+    formControlLabelProps?: Omit<FormControlLabelProps, 'control' | 'label'>;
+};
+export declare function JBSwitchField<TFieldValues extends FieldValues, TName extends Path<TFieldValues>>(props: JBSwitchFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JBSwitchField.d.ts.map

package/dist/forms/JBSwitchField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBSwitchField.d.ts","sourceRoot":"","sources":["../../src/forms/JBSwitchField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,qBAAqB,EACrB,gBAAgB,EAGhB,WAAW,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAc,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,MAAM,kBAAkB,CAC5B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,IAC9B,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,GAC1C,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAC,GAAG;IACtE,KAAK,EAAE,SAAS,CAAC;IACjB,gBAAgB,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;IACnD,qBAAqB,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;CAC1E,CAAC;AAEJ,wBAAgB,aAAa,CAC3B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,EAChC,KAAK,EAAE,kBAAkB,CAAC,YAAY,EAAE,KAAK,CAAC,2CAiC/C"}

package/dist/forms/JBSwitchField.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormControlLabel, FormHelperText, Switch } from '@mui/material';
+import { Controller } from 'react-hook-form';
+import { getJBFieldErrorMessage } from './utils';
+export function JBSwitchField(props) {
+    const { control, name, rules, label, formControlProps, formControlLabelProps, ...switchProps } = props;
+    return (_jsx(Controller, { control: control, name: name, rules: rules, render: ({ field, fieldState }) => (_jsxs(FormControl, { ...formControlProps, error: !!fieldState.error, children: [_jsx(FormControlLabel, { ...formControlLabelProps, label: label, control: _jsx(Switch, { ...switchProps, inputRef: field.ref, checked: !!field.value, onBlur: field.onBlur, onChange: (_, checked) => {
+                            field.onChange(checked);
+                        } }) }), _jsx(FormHelperText, { children: getJBFieldErrorMessage(fieldState.error) })] })) }));
+}

package/dist/forms/JBTextField.d.ts

@@ -0,0 +1,6 @@
+import { TextFieldProps } from '@mui/material';
+import { FieldValues, Path } from 'react-hook-form';
+import { JBFieldControlProps } from './types';
+export type JBTextFieldProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>> = JBFieldControlProps<TFieldValues, TName> & Omit<TextFieldProps, 'name' | 'defaultValue' | 'value' | 'onChange' | 'error' | 'helperText'>;
+export declare function JBTextField<TFieldValues extends FieldValues, TName extends Path<TFieldValues>>(props: JBTextFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JBTextField.d.ts.map

package/dist/forms/JBTextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBTextField.d.ts","sourceRoot":"","sources":["../../src/forms/JBTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAc,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,MAAM,gBAAgB,CAC1B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,IAC9B,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,GAC1C,IAAI,CACF,cAAc,EACd,MAAM,GAAG,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CACxE,CAAC;AAEJ,wBAAgB,WAAW,CACzB,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,EAChC,KAAK,EAAE,gBAAgB,CAAC,YAAY,EAAE,KAAK,CAAC,2CAmB7C"}

package/dist/forms/JBTextField.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TextField } from '@mui/material';
+import { Controller } from 'react-hook-form';
+import { getJBFieldErrorMessage } from './utils';
+export function JBTextField(props) {
+    const { control, name, rules, ...textFieldProps } = props;
+    return (_jsx(Controller, { control: control, name: name, rules: rules, render: ({ field, fieldState }) => (_jsx(TextField, { ...textFieldProps, ...field, value: field.value ?? '', error: !!fieldState.error, helperText: getJBFieldErrorMessage(fieldState.error) })) }));
+}

package/dist/forms/JBTimePickerField.d.ts

@@ -0,0 +1,12 @@
+import { TextFieldProps } from '@mui/material';
+import { TimePicker } from '@mui/x-date-pickers';
+import { ComponentProps } from 'react';
+import { FieldValues, Path } from 'react-hook-form';
+import { JBFieldControlProps } from './types';
+type MuiTimePickerProps = ComponentProps<typeof TimePicker>;
+export type JBTimePickerFieldProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>> = JBFieldControlProps<TFieldValues, TName> & Omit<MuiTimePickerProps, 'value' | 'onChange' | 'slotProps'> & {
+    textFieldProps?: TextFieldProps;
+};
+export declare function JBTimePickerField<TFieldValues extends FieldValues, TName extends Path<TFieldValues>>(props: JBTimePickerFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=JBTimePickerField.d.ts.map

package/dist/forms/JBTimePickerField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBTimePickerField.d.ts","sourceRoot":"","sources":["../../src/forms/JBTimePickerField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAc,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE5D,MAAM,MAAM,sBAAsB,CAChC,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,IAC9B,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,GAC1C,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC,GAAG;IAC7D,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAEJ,wBAAgB,iBAAiB,CAC/B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,EAChC,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,KAAK,CAAC,2CAwBnD"}

package/dist/forms/JBTimePickerField.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TimePicker } from '@mui/x-date-pickers';
+import { Controller } from 'react-hook-form';
+import { getJBFieldErrorMessage } from './utils';
+export function JBTimePickerField(props) {
+    const { control, name, rules, textFieldProps, ...timePickerProps } = props;
+    return (_jsx(Controller, { control: control, name: name, rules: rules, render: ({ field, fieldState }) => (_jsx(TimePicker, { ...timePickerProps, value: field.value ?? null, onChange: (value) => field.onChange(value), slotProps: {
+                textField: {
+                    ...textFieldProps,
+                    error: !!fieldState.error,
+                    helperText: getJBFieldErrorMessage(fieldState.error) ?? textFieldProps?.helperText
+                }
+            } })) }));
+}

package/dist/forms/index.d.ts

@@ -0,0 +1,11 @@
+export * from './types';
+export * from './utils';
+export * from './rules';
+export * from './JBTextField';
+export * from './JBSelectField';
+export * from './JBCheckboxField';
+export * from './JBSwitchField';
+export * from './JBRadioGroupField';
+export * from './JBDatePickerField';
+export * from './JBTimePickerField';
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

package/dist/forms/index.js

@@ -0,0 +1,10 @@
+export * from './types';
+export * from './utils';
+export * from './rules';
+export * from './JBTextField';
+export * from './JBSelectField';
+export * from './JBCheckboxField';
+export * from './JBSwitchField';
+export * from './JBRadioGroupField';
+export * from './JBDatePickerField';
+export * from './JBTimePickerField';

package/dist/forms/rules.d.ts

@@ -0,0 +1,16 @@
+import { RegisterOptions } from 'react-hook-form';
+type FieldRules = RegisterOptions<any, any>;
+export declare const jbRules: {
+    required: (message?: string) => FieldRules;
+    email: (message?: string) => FieldRules;
+    minLength: (value: number, message?: string) => FieldRules;
+    maxLength: (value: number, message?: string) => FieldRules;
+    pattern: (value: RegExp, message: string) => FieldRules;
+    compose: (...rules: FieldRules[]) => FieldRules;
+};
+export {};
+/**
+ * Puedes usar `rules` junto con `zodResolver`.
+ * Si ambos validan la misma regla, el mensaje visible depende del error que primero reciba el campo.
+ */
+//# sourceMappingURL=rules.d.ts.map

package/dist/forms/rules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rules.d.ts","sourceRoot":"","sources":["../../src/forms/rules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,KAAK,UAAU,GAAG,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAI5C,eAAO,MAAM,OAAO;oCACiC,UAAU;iCACX,UAAU;uBAGzC,MAAM,YAAY,MAAM,KAAG,UAAU;uBAGrC,MAAM,YAAY,MAAM,KAAG,UAAU;qBAGvC,MAAM,WAAW,MAAM,KAAG,UAAU;wBAGjC,UAAU,EAAE,KAAG,UAAU;CAC9C,CAAC;;AAEF;;;GAGG"}

package/dist/forms/rules.js

@@ -0,0 +1,21 @@
+const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+export const jbRules = {
+    required: (message = 'Este campo es obligatorio') => ({ required: message }),
+    email: (message = 'Correo electrónico inválido') => ({
+        pattern: { value: EMAIL_REGEX, message }
+    }),
+    minLength: (value, message) => ({
+        minLength: { value, message: message ?? `Mínimo ${value} caracteres` }
+    }),
+    maxLength: (value, message) => ({
+        maxLength: { value, message: message ?? `Máximo ${value} caracteres` }
+    }),
+    pattern: (value, message) => ({
+        pattern: { value, message }
+    }),
+    compose: (...rules) => Object.assign({}, ...rules)
+};
+/**
+ * Puedes usar `rules` junto con `zodResolver`.
+ * Si ambos validan la misma regla, el mensaje visible depende del error que primero reciba el campo.
+ */

package/dist/forms/types.d.ts

@@ -0,0 +1,12 @@
+import { Control, FieldValues, Path, RegisterOptions } from 'react-hook-form';
+export type JBFieldControlProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues>> = {
+    control: Control<TFieldValues>;
+    name: TName;
+    rules?: RegisterOptions<TFieldValues, TName>;
+};
+export type SelectOption<TValue = string> = {
+    label: string;
+    value: TValue;
+    disabled?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/forms/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/forms/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE9E,MAAM,MAAM,mBAAmB,CAC7B,YAAY,SAAS,WAAW,EAChC,KAAK,SAAS,IAAI,CAAC,YAAY,CAAC,IAC9B;IACF,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,CAAC,EAAE,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,MAAM,GAAG,MAAM,IAAI;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/dist/forms/types.js

@@ -0,0 +1 @@
+export {};

package/dist/forms/utils.d.ts

@@ -0,0 +1,5 @@
+import { FieldError, FieldErrorsImpl, Merge } from 'react-hook-form';
+type FormFieldError = FieldError | Merge<FieldError, FieldErrorsImpl<Record<string, unknown>>> | undefined;
+export declare const getJBFieldErrorMessage: (error: FormFieldError) => string | undefined;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/forms/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/forms/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAErE,KAAK,cAAc,GACf,UAAU,GACV,KAAK,CAAC,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAC3D,SAAS,CAAC;AAEd,eAAO,MAAM,sBAAsB,GAAI,OAAO,cAAc,KAAG,MAAM,GAAG,SAIvE,CAAC"}

package/dist/forms/utils.js

@@ -0,0 +1,7 @@
+export const getJBFieldErrorMessage = (error) => {
+    if (!error)
+        return undefined;
+    if (typeof error.message === 'string')
+        return error.message;
+    return undefined;
+};

package/dist/grid/JBGrid.d.ts

@@ -0,0 +1,3 @@
+import { JBGridProps } from './types';
+export declare function JBGrid<TData extends Record<string, unknown>>(props: JBGridProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JBGrid.d.ts.map

package/dist/grid/JBGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBGrid.d.ts","sourceRoot":"","sources":["../../src/grid/JBGrid.tsx"],"names":[],"mappings":"AAgCA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,wBAAgB,MAAM,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,2CAqMtF"}

package/dist/grid/JBGrid.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CustomPaging, FilteringState, GroupingState, IntegratedFiltering, IntegratedGrouping, IntegratedSelection, IntegratedSorting, IntegratedSummary, PagingState, SearchState, SelectionState, SortingState, SummaryState } from '@devexpress/dx-react-grid';
+import { DragDropProvider, Grid, GroupingPanel, PagingPanel, Table, TableColumnResizing, TableFilterRow, TableGroupRow, TableHeaderRow, TableSelection, TableSummaryRow, Toolbar, } from '@devexpress/dx-react-grid-material-ui';
+import { useEffect, useMemo, useState } from 'react';
+import { JBBooleanTypeProvider, JBCurrencyTypeProvider, JBImageTypeProvider } from './JBGridProviders';
+const DEFAULT_PAGE_SIZES = [10, 30, 50, 100, 200, 500, 1000];
+export function JBGrid(props) {
+    const { gridConfig, service, rows: controlledRows, searchText, onSearchTextChange, onRowSelected, loadData, loadingComponent, getRowId } = props;
+    const { defaults } = gridConfig;
+    const pageSizes = defaults.pageSizes ?? DEFAULT_PAGE_SIZES;
+    const [rows, setRows] = useState(controlledRows ?? []);
+    const [totalCount, setTotalCount] = useState(0);
+    const [pageSize, setPageSize] = useState(defaults.pageSize || 10);
+    const [currentPage, setCurrentPage] = useState(0);
+    const [loading, setLoading] = useState(false);
+    const [lastQuery, setLastQuery] = useState('');
+    const [selection, setSelection] = useState([]);
+    useEffect(() => {
+        if (controlledRows) {
+            setRows(controlledRows);
+            setTotalCount(controlledRows.length);
+        }
+    }, [controlledRows]);
+    const computeQueryString = useMemo(() => () => `pageSize=${pageSize}&skip=${pageSize * currentPage}&terms=${searchText || ''}`, [currentPage, pageSize, searchText]);
+    useEffect(() => {
+        if (controlledRows)
+            return;
+        const execute = async () => {
+            if (loadData) {
+                await loadData({
+                    lastQuery,
+                    loading,
+                    setRows,
+                    setTotalCount,
+                    setLastQuery,
+                    setLoading,
+                    getQueryString: computeQueryString,
+                    currentPage,
+                    pageSize,
+                    searchText
+                });
+                return;
+            }
+            if (!service)
+                return;
+            const queryString = computeQueryString();
+            if (queryString === lastQuery || loading)
+                return;
+            try {
+                setLoading(true);
+                const response = await service.list(currentPage, pageSize, searchText);
+                setRows(response?.data?.results ?? []);
+                setTotalCount(response?.data?.count ?? 0);
+                setLastQuery(queryString);
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        void execute();
+    }, [
+        computeQueryString,
+        controlledRows,
+        currentPage,
+        lastQuery,
+        loadData,
+        loading,
+        pageSize,
+        searchText,
+        service
+    ]);
+    const handleSelection = (nextSelection) => {
+        const lastSelected = nextSelection.find((selected) => selection.indexOf(selected) === -1);
+        if (lastSelected === undefined) {
+            setSelection([]);
+            return;
+        }
+        setSelection([lastSelected]);
+        const selectedIndex = typeof lastSelected === 'number' ? lastSelected : Number.parseInt(String(lastSelected), 10);
+        const selectedRow = rows[selectedIndex];
+        if (selectedRow && onRowSelected) {
+            onRowSelected(selectedRow);
+        }
+    };
+    const rowIdGetter = getRowId
+        ? (row) => getRowId(row)
+        : (row) => row.id;
+    return (_jsx("div", { style: { width: '100%', height: '100%' }, children: loading ? (_jsx("div", { children: loadingComponent ?? _jsx("span", { children: "Loading..." }) })) : (_jsxs(Grid, { rows: rows, columns: gridConfig.columns, getRowId: rowIdGetter, children: [_jsx(SortingState, { defaultSorting: defaults.sorting }), _jsx(PagingState, { currentPage: currentPage, onCurrentPageChange: setCurrentPage, pageSize: pageSize, onPageSizeChange: setPageSize }), _jsx(GroupingState, { defaultGrouping: defaults.grouping, defaultExpandedGroups: defaults.expandedGroups }), _jsx(SummaryState, { totalItems: gridConfig.totalSummaryItems, groupItems: gridConfig.groupSummaryItems }), _jsx(FilteringState, { defaultFilters: defaults.filters }), _jsx(SearchState, { value: searchText, onValueChange: onSearchTextChange }), _jsx(SelectionState, { selection: selection, onSelectionChange: handleSelection }), defaults.allowGrouping !== false ? _jsx(IntegratedGrouping, {}) : null, _jsx(IntegratedFiltering, {}), _jsx(IntegratedSorting, {}), _jsx(IntegratedSelection, {}), _jsx(IntegratedSummary, {}), _jsx(DragDropProvider, {}), gridConfig.booleanColumns?.length ? (_jsx(JBBooleanTypeProvider, { for: gridConfig.booleanColumns })) : null, gridConfig.imageColumns?.length ? _jsx(JBImageTypeProvider, { for: gridConfig.imageColumns }) : null, gridConfig.currencyColumns?.length ? (_jsx(JBCurrencyTypeProvider, { for: gridConfig.currencyColumns })) : null, _jsx(Table, { columnExtensions: gridConfig.tableColumnExtensions }), defaults.allowColumnResizing !== false ? (_jsx(TableColumnResizing, { defaultColumnWidths: gridConfig.columnsWidths })) : null, defaults.allowSelection !== false ? (_jsx(TableSelection, { showSelectAll: defaults.allowSelectAll, showSelectionColumn: defaults.showSelectionColumn, selectByRowClick: true, highlightRow: true })) : null, _jsx(TableHeaderRow, { showSortingControls: defaults.allowSorting !== false }), defaults.allowFiltering ? (_jsx(TableFilterRow, { showFilterSelector: defaults.advancedFiltering })) : null, _jsx(PagingPanel, { pageSizes: pageSizes }), defaults.allowGrouping !== false ? (_jsx(TableGroupRow, { showColumnsWhenGrouped: false })) : null, _jsx(Toolbar, {}), defaults.allowGrouping !== false ? _jsx(GroupingPanel, { showSortingControls: true }) : null, _jsx(TableSummaryRow, {}), _jsx(CustomPaging, { totalCount: totalCount })] })) }));
+}

package/dist/grid/JBGridHeader.d.ts

@@ -0,0 +1,3 @@
+import { JBGridHeaderProps } from './types';
+export declare function JBGridHeader(props: JBGridHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JBGridHeader.d.ts.map

package/dist/grid/JBGridHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBGridHeader.d.ts","sourceRoot":"","sources":["../../src/grid/JBGridHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAiEpD"}

package/dist/grid/JBGridHeader.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, InputBase, Paper, Typography } from '@mui/material';
+export function JBGridHeader(props) {
+    const { title, icon, searchText, onSearchTextChange, searchPlaceholder = 'Search...', allowCreate = true, createButtonLabel = 'Create', onCreateClick, rightContent } = props;
+    return (_jsxs(Box, { sx: {
+            display: 'flex',
+            flexDirection: { xs: 'column', sm: 'row' },
+            alignItems: { xs: 'stretch', sm: 'center' },
+            justifyContent: 'space-between',
+            gap: 2,
+            p: 2
+        }, children: [_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 1 }, children: [icon, _jsx(Typography, { variant: "h5", sx: { fontWeight: 700 }, children: title })] }), _jsxs(Box, { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: 1,
+                    width: { xs: '100%', sm: 'auto' }
+                }, children: [_jsx(Paper, { sx: {
+                            px: 1.5,
+                            py: 0.5,
+                            width: { xs: '100%', sm: 300 }
+                        }, children: _jsx(InputBase, { fullWidth: true, placeholder: searchPlaceholder, value: searchText, onChange: (event) => onSearchTextChange(event.target.value) }) }), rightContent, allowCreate && onCreateClick ? (_jsx(Button, { variant: "contained", onClick: onCreateClick, children: createButtonLabel })) : null] })] }));
+}

package/dist/grid/JBGridProviders.d.ts

@@ -0,0 +1,10 @@
+export declare const JBBooleanTypeProvider: (props: {
+    for: string[];
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const JBCurrencyTypeProvider: (props: {
+    for: string[];
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const JBImageTypeProvider: (props: {
+    for: string[];
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JBGridProviders.d.ts.map

package/dist/grid/JBGridProviders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JBGridProviders.d.ts","sourceRoot":"","sources":["../../src/grid/JBGridProviders.tsx"],"names":[],"mappings":"AA2DA,eAAO,MAAM,qBAAqB,GAAI,OAAO;IAAE,GAAG,EAAE,MAAM,EAAE,CAAA;CAAE,4CAK7D,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,OAAO;IAAE,GAAG,EAAE,MAAM,EAAE,CAAA;CAAE,4CAK9D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO;IAAE,GAAG,EAAE,MAAM,EAAE,CAAA;CAAE,4CAK3D,CAAC"}

package/dist/grid/JBGridProviders.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DataTypeProvider } from '@devexpress/dx-react-grid';
+import { Avatar, Box } from '@mui/material';
+const formatCurrency = (value, currency = 'USD') => {
+    const amount = typeof value === 'number' ? value : Number(value ?? 0);
+    if (Number.isNaN(amount))
+        return '';
+    return new Intl.NumberFormat('en-US', {
+        style: 'currency',
+        currency
+    }).format(amount);
+};
+const BooleanFormatter = ({ value }) => {
+    return _jsx("span", { children: value ? 'Yes' : 'No' });
+};
+const CurrencyFormatter = ({ value, column }) => {
+    const currency = column?.currency ?? 'USD';
+    return _jsx("span", { children: formatCurrency(value, currency) });
+};
+const ImageFormatter = ({ value, column }) => {
+    const src = typeof value === 'string' ? value : '';
+    const type = column?.type ?? 'square';
+    const className = column?.className ?? 'h-16 w-16';
+    if (type === 'rounded') {
+        return (_jsx(Avatar, { className: className, alt: "image", src: src }));
+    }
+    return (_jsx(Box, { className: className, children: src ? (_jsx("img", { className: "h-full w-full object-cover rounded", alt: "image", src: src })) : null }));
+};
+export const JBBooleanTypeProvider = (props) => (_jsx(DataTypeProvider, { formatterComponent: BooleanFormatter, ...props }));
+export const JBCurrencyTypeProvider = (props) => (_jsx(DataTypeProvider, { formatterComponent: CurrencyFormatter, ...props }));
+export const JBImageTypeProvider = (props) => (_jsx(DataTypeProvider, { formatterComponent: ImageFormatter, ...props }));

package/dist/grid/index.d.ts

@@ -0,0 +1,5 @@
+export * from './types';
+export * from './JBGridProviders';
+export * from './JBGridHeader';
+export * from './JBGrid';
+//# sourceMappingURL=index.d.ts.map

package/dist/grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}