@sqrzro/ui 4.0.0-alpha.75 → 4.0.0-alpha.77

package/dist/components/collections/ListItem/index.js

@@ -5,8 +5,8 @@ import { usePathname } from 'next/navigation';
 import Switch from '../../../forms/components/Switch';
 import { useClassNames } from '../../../styles/context';
 import tw from '../../../styles/classnames/utility/tw';
+import normalizeHref from '../../../utility/normalize-href';
 import Link from '../../elements/Link';
-import normalizeHref from '../utility/normalize-href';
 import ListItemSecondary from '../ListItemSecondary';
 import ListItemMeta from '../ListItemMeta';
 import ListItemMenu from '../ListItemMenu';

package/dist/components/collections/utility/render-cell.js

@@ -4,7 +4,7 @@ import { formatDate, formatDatetime, formatMoney, formatPoints, formatTime } fro
 import { usePathname } from 'next/navigation';
 import Link from '../../../components/elements/Link';
 import Reference from '../../../components/elements/Reference';
-import normalizeHref from './normalize-href';
+import normalizeHref from '../../../utility/normalize-href';
 function renderDefault(value) {
     return value;
 }

package/dist/forms/components/EditableFormFields/index.d.ts

@@ -3,6 +3,8 @@ import type { CheckboxInputComponentProps } from '../CheckboxInput';
 import type { ColorInputComponentProps } from '../ColorInput';
 import type { DropdownComponentProps } from '../Dropdown';
 import type { ImageInputComponentProps } from '../ImageInput';
+import type { NumberInputComponentProps } from '../NumberInput';
+import type { PointsInputComponentProps } from '../PointsInput';
 import type { SwitchComponentProps } from '../Switch';
 import type { TextAreaComponentProps } from '../TextArea';
 import type { TextInputComponentProps } from '../TextInput';
@@ -14,6 +16,12 @@ export type EditableDropdownFormFieldProps<T> = EditableFormFieldComponentProps<
 export declare function EditableDropdownFormField<T>(props: Readonly<EditableDropdownFormFieldProps<T>>): React.ReactElement;
 export type EditableImageFormFieldProps = EditableFormFieldComponentProps<string | null> & ImageInputComponentProps;
 export declare function EditableImageFormField(props: Readonly<EditableImageFormFieldProps>): React.ReactElement;
+export type EditableMoneyFormFieldProps = EditableFormFieldComponentProps<number> & PointsInputComponentProps;
+export declare function EditableMoneyFormField(props: Readonly<EditableMoneyFormFieldProps>): React.ReactElement;
+export type EditableNumberFormFieldProps = EditableFormFieldComponentProps<number> & NumberInputComponentProps;
+export declare function EditableNumberFormField(props: Readonly<EditableNumberFormFieldProps>): React.ReactElement;
+export type EditablePointsFormFieldProps = EditableFormFieldComponentProps<number> & PointsInputComponentProps;
+export declare function EditablePointsFormField(props: Readonly<EditablePointsFormFieldProps>): React.ReactElement;
 export type EditableSwitchFormFieldProps = EditableFormFieldComponentProps<boolean> & SwitchComponentProps;
 export declare function EditableSwitchFormField(props: Readonly<EditableSwitchFormFieldProps>): React.ReactElement;
 export type EditableTextAreaFormFieldProps = EditableFormFieldComponentProps<string> & TextAreaComponentProps;

package/dist/forms/components/EditableFormFields/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from 'react';
+import { formatMoney, formatPoints } from '@sqrzro/utility';
 import { useClassNames } from '../../../styles/context';
 import tw from '../../../styles/classnames/utility/tw';
 import extractEditableInputProps from '../../utility/extract-editable-input-props';
@@ -8,6 +9,8 @@ import ColorInput from '../ColorInput';
 import Dropdown from '../Dropdown';
 import EditableFormField from '../EditableFormField';
 import ImageInput from '../ImageInput';
+import NumberInput from '../NumberInput';
+import PointsInput from '../PointsInput';
 import Switch from '../Switch';
 import TextArea from '../TextArea';
 import TextInput from '../TextInput';
@@ -58,6 +61,21 @@ export function EditableImageFormField(props) {
     }, [fieldProps.value]);
     return _jsx(EditableFormField, { ...fieldProps, render: renderInput, renderValue: renderValue });
 }
+export function EditableMoneyFormField(props) {
+    const { fieldProps, inputProps } = extractEditableInputProps(props);
+    const renderInput = useCallback((renderProps) => (_jsx(PointsInput, { ...renderProps, ...inputProps, prefix: "\u00A3" })), [inputProps]);
+    return _jsx(EditableFormField, { ...fieldProps, render: renderInput, renderValue: formatMoney });
+}
+export function EditableNumberFormField(props) {
+    const { fieldProps, inputProps } = extractEditableInputProps(props);
+    const renderInput = useCallback((renderProps) => (_jsx(NumberInput, { ...renderProps, ...inputProps })), [inputProps]);
+    return _jsx(EditableFormField, { ...fieldProps, render: renderInput });
+}
+export function EditablePointsFormField(props) {
+    const { fieldProps, inputProps } = extractEditableInputProps(props);
+    const renderInput = useCallback((renderProps) => (_jsx(PointsInput, { ...renderProps, ...inputProps })), [inputProps]);
+    return _jsx(EditableFormField, { ...fieldProps, render: renderInput, renderValue: formatPoints });
+}
 export function EditableSwitchFormField(props) {
     const { fieldProps, inputProps } = extractEditableInputProps(props);
     const renderInput = useCallback((renderProps) => (_jsx(Switch, { ...renderProps, ...inputProps, label: null })), [inputProps]);

package/dist/forms/components/FormFields/index.d.ts

@@ -5,9 +5,9 @@ import type { CalendarInputComponentProps } from '../CalendarInput';
 import type { CheckboxInputComponentProps } from '../CheckboxInput';
 import type { DropdownComponentProps } from '../Dropdown';
 import type { ImageInputComponentProps } from '../ImageInput';
-import type { PointsInputComponentProps } from '../PointsInput';
 import type { NumberInputComponentProps } from '../NumberInput';
 import type { PasswordInputComponentProps } from '../PasswordInput';
+import type { PointsInputComponentProps } from '../PointsInput';
 import type { RangeCalendarInputComponentProps } from '../RangeCalendarInput';
 import type { SwitchComponentProps } from '../Switch';
 import type { TextAreaComponentProps } from '../TextArea';
@@ -32,6 +32,8 @@ export type NumberFormFieldProps = FormFieldComponentProps<number> & NumberInput
 export declare function NumberFormField(props: Readonly<NumberFormFieldProps>): React.ReactElement;
 export type PasswordFormFieldProps = FormFieldComponentProps<string> & PasswordInputComponentProps;
 export declare function PasswordFormField(props: Readonly<PasswordFormFieldProps>): React.ReactElement;
+export type PointsFormFieldProps = FormFieldComponentProps<number> & PointsInputComponentProps;
+export declare function PointsFormField(props: Readonly<PointsFormFieldProps>): React.ReactElement;
 export type RangeCalendarFormFieldProps = FormFieldComponentProps<[Date, Date] | null> & RangeCalendarInputComponentProps;
 export declare function RangeCalendarFormField(props: Readonly<RangeCalendarFormFieldProps>): React.ReactElement;
 export type SwitchFormFieldProps = FormFieldComponentProps<boolean> & SwitchComponentProps;

package/dist/forms/components/FormFields/index.js

@@ -9,9 +9,9 @@ import CheckboxInput from '../CheckboxInput';
 import Dropdown from '../Dropdown';
 import FormField from '../FormField';
 import ImageInput from '../ImageInput';
-import PointsInput from '../PointsInput';
 import NumberInput from '../NumberInput';
 import PasswordInput from '../PasswordInput';
+import PointsInput from '../PointsInput';
 import RangeCalendarInput from '../RangeCalendarInput';
 import Switch from '../Switch';
 import TextArea from '../TextArea';
@@ -53,7 +53,7 @@ export function ImageFormField(props) {
 }
 export function MoneyFormField(props) {
     const { fieldProps, inputProps } = extractInputProps(props);
-    const renderInput = useCallback((renderProps) => (_jsx(PointsInput, { ...renderProps, ...inputProps })), [inputProps]);
+    const renderInput = useCallback((renderProps) => (_jsx(PointsInput, { ...renderProps, ...inputProps, prefix: "\u00A3" })), [inputProps]);
     return _jsx(FormField, { ...fieldProps, render: renderInput });
 }
 export function NumberFormField(props) {
@@ -66,6 +66,11 @@ export function PasswordFormField(props) {
     const renderInput = useCallback((renderProps) => (_jsx(PasswordInput, { ...renderProps, ...inputProps })), [inputProps]);
     return _jsx(FormField, { ...fieldProps, render: renderInput });
 }
+export function PointsFormField(props) {
+    const { fieldProps, inputProps } = extractInputProps(props);
+    const renderInput = useCallback((renderProps) => (_jsx(PointsInput, { ...renderProps, ...inputProps })), [inputProps]);
+    return _jsx(FormField, { ...fieldProps, render: renderInput });
+}
 export function RangeCalendarFormField(props) {
     const { fieldProps, inputProps } = extractInputProps(props);
     const renderInput = useCallback((renderProps) => (_jsx(RangeCalendarInput, { ...renderProps, ...inputProps })), [inputProps]);

package/dist/hooks/useSuccess.js

@@ -1,5 +1,7 @@
-import { useRouter } from 'next/navigation';
+import { usePathname, useRouter } from 'next/navigation';
+import normalizeHref from '../utility/normalize-href';
 function useSuccess({ onSuccess, redirectOnSuccess, refreshOnSuccess, }) {
+    const pathname = usePathname();
     const router = useRouter();
     async function handleSuccess(response) {
         if (onSuccess) {
@@ -10,7 +12,7 @@ function useSuccess({ onSuccess, redirectOnSuccess, refreshOnSuccess, }) {
                 ? await redirectOnSuccess(response)
                 : redirectOnSuccess;
             if (url) {
-                router.push(url);
+                router.push(normalizeHref(url, pathname));
             }
         }
         else if (refreshOnSuccess) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sqrzro/ui",
   "type": "module",
-  "version": "4.0.0-alpha.75",
+  "version": "4.0.0-alpha.77",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "ISC",
@@ -50,15 +50,15 @@
     "dist/**/*"
   ],
   "dependencies": {
+    "@sqrzro/addons": "^4.0.0-alpha.14",
+    "@sqrzro/utility": "^4.0.0-alpha.22",
     "clsx": "^2.1.1",
     "drizzle-orm": "^0.45.2",
     "next": "^16.2.11",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "tailwind-merge": "^3.6.0",
-    "use-deep-compare-effect": "^1.8.1",
-    "@sqrzro/addons": "^4.0.0-alpha.14",
-    "@sqrzro/utility": "^4.0.0-alpha.21"
+    "use-deep-compare-effect": "^1.8.1"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.5.3",