@getsoren/design-system 4.75.0 → 4.77.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.
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export interface ChipQuantityEditorProps {
|
|
2
|
+
/**
|
|
3
|
+
* The current quantity displayed in the chip.
|
|
4
|
+
*/
|
|
5
|
+
quantity: number;
|
|
6
|
+
/**
|
|
7
|
+
* Optional unit appended after the quantity (e.g. "m", "kg").
|
|
8
|
+
*/
|
|
9
|
+
unit?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Indicates if the editor is disabled. A disabled chip is not clickable.
|
|
12
|
+
*/
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Called with the new quantity when the user commits a valid change (strictly positive integer).
|
|
16
|
+
*/
|
|
17
|
+
onChange: (quantity: number) => void;
|
|
18
|
+
}
|
|
19
|
+
declare const ChipQuantityEditor: ({ quantity, unit, disabled, onChange }: ChipQuantityEditorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
20
|
+
export default ChipQuantityEditor;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Fades the edges of a horizontally scrollable container to hint at hidden content.
|
|
3
|
+
* Returns props to spread on the scroll container: a ref, an onScroll handler and a
|
|
4
|
+
* dynamic `maskImage` that fades only the edges that still overflow (right when there
|
|
5
|
+
* is more to reveal, left once scrolled). Pure CSS mask, so it is background-agnostic.
|
|
6
|
+
*/
|
|
7
|
+
declare const useScrollFadeMask: <T extends HTMLElement = HTMLDivElement>() => {
|
|
8
|
+
maskImage: string;
|
|
9
|
+
onScroll: () => void;
|
|
10
|
+
ref: (node: T | null) => void;
|
|
11
|
+
};
|
|
12
|
+
export default useScrollFadeMask;
|
package/dist/src/main.d.ts
CHANGED
|
@@ -72,6 +72,8 @@ export * from './components/Inputs/CheckboxCard/CheckboxCard';
|
|
|
72
72
|
export { default as CheckboxCard } from './components/Inputs/CheckboxCard/CheckboxCard';
|
|
73
73
|
export * from './components/Inputs/ChipFilter/ChipFilter';
|
|
74
74
|
export { default as ChipFilter } from './components/Inputs/ChipFilter/ChipFilter';
|
|
75
|
+
export * from './components/Inputs/ChipQuantityEditor/ChipQuantityEditor';
|
|
76
|
+
export { default as ChipQuantityEditor } from './components/Inputs/ChipQuantityEditor/ChipQuantityEditor';
|
|
75
77
|
export * from './components/Inputs/CountryAutocomplete/CountryAutocomplete';
|
|
76
78
|
export { default as CountryAutocomplete } from './components/Inputs/CountryAutocomplete/CountryAutocomplete';
|
|
77
79
|
export * from './components/Inputs/File';
|
|
@@ -117,6 +119,8 @@ export * from './hooks/useMenu';
|
|
|
117
119
|
export { default as useMenu } from './hooks/useMenu';
|
|
118
120
|
export * from './hooks/usePermission';
|
|
119
121
|
export { default as usePermission } from './hooks/usePermission';
|
|
122
|
+
export * from './hooks/useScrollFadeMask/useScrollFadeMask';
|
|
123
|
+
export { default as useScrollFadeMask } from './hooks/useScrollFadeMask/useScrollFadeMask';
|
|
120
124
|
export * from './hooks/useSnackbar';
|
|
121
125
|
export { default as useSnackbar } from './hooks/useSnackbar';
|
|
122
126
|
export * from './hooks/useTabs';
|