@react-hive/honey-layout 3.0.1 → 3.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/HoneyFlexBox.d.ts +1 -3
- package/dist/components/HoneyGrid/HoneyGrid.d.ts +1 -3
- package/dist/components/HoneyGrid/HoneyGrid.styled.d.ts +2 -4
- package/dist/components/HoneyGridColumn/HoneyGridColumn.styled.d.ts +1 -3
- package/dist/components/HoneyLoopingList/HoneyLoopingList.d.ts +1 -3
- package/dist/hooks/use-honey-drag.d.ts +3 -3
- package/dist/hooks/use-honey-synthetic-scrollable-container.d.ts +3 -3
- package/dist/index.js +1239 -1429
- package/dist/types/types.d.ts +2 -2
- package/dist/utils.d.ts +7 -5
- package/package.json +23 -27
package/dist/types/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ElementType,
|
|
1
|
+
import { ElementType, RefObject } from 'react';
|
|
2
2
|
import { ExecutionContext, StyleFunction } from 'styled-components';
|
|
3
3
|
import { DataType } from 'csstype';
|
|
4
4
|
import { HoneyCSSColorProperty, HoneyCSSDimensionNumericValue, HoneyCSSDimensionValue } from './css.types';
|
|
@@ -309,7 +309,7 @@ export type HoneyActiveOverlay = {
|
|
|
309
309
|
/**
|
|
310
310
|
* Reference to the container element of the overlay.
|
|
311
311
|
*/
|
|
312
|
-
containerRef:
|
|
312
|
+
containerRef: RefObject<Nullable<HTMLDivElement>>;
|
|
313
313
|
/**
|
|
314
314
|
* Sets the container reference for the overlay.
|
|
315
315
|
*
|
package/dist/utils.d.ts
CHANGED
|
@@ -65,17 +65,18 @@ export declare const convertHexToHexWithAlpha: (hex: string, alpha: number) => H
|
|
|
65
65
|
* @returns {string} The generated media query string.
|
|
66
66
|
*/
|
|
67
67
|
export declare const media: (rules: HoneyCSSMediaRule[]) => string;
|
|
68
|
+
type HTMLElementTransformationValues = {
|
|
69
|
+
translateX: number;
|
|
70
|
+
translateY: number;
|
|
71
|
+
};
|
|
68
72
|
/**
|
|
69
73
|
* Get various transformation values from the transformation matrix of an element.
|
|
70
74
|
*
|
|
71
75
|
* @param {HTMLElement} element - The element with a transformation applied.
|
|
72
76
|
*
|
|
73
|
-
* @returns An object containing transformation values.
|
|
77
|
+
* @returns {HTMLElementTransformationValues} An object containing transformation values.
|
|
74
78
|
*/
|
|
75
|
-
export declare const getTransformationValues: (element: HTMLElement) =>
|
|
76
|
-
translateX: number;
|
|
77
|
-
translateY: number;
|
|
78
|
-
};
|
|
79
|
+
export declare const getTransformationValues: (element: HTMLElement) => HTMLElementTransformationValues;
|
|
79
80
|
/**
|
|
80
81
|
* Recursively converts a nested list structure into a flat list. It excludes the nested list key from the result
|
|
81
82
|
* while adding hierarchical metadata, such as `depthLevel`, `parentId`, and `totalNestedItems` to each flattened item.
|
|
@@ -166,3 +167,4 @@ export declare const filterFlattenedItems: <OriginItem extends object, NestedLis
|
|
|
166
167
|
* ```
|
|
167
168
|
*/
|
|
168
169
|
export declare const searchFlattenedItems: <OriginItem extends object, NestedListKey extends string>(flattenedItems: HoneyFlattenedItem<OriginItem, NestedListKey>[], itemIdKey: KeysWithNonArrayValues<OriginItem>, valueKey: KeysWithStringValues<OriginItem>, searchQuery: string) => HoneyFlattenedItem<OriginItem, NestedListKey>[];
|
|
170
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-hive/honey-layout",
|
|
3
|
-
"version": "3.0
|
|
3
|
+
"version": "3.3.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -32,44 +32,40 @@
|
|
|
32
32
|
],
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"@mdx-js/react": "3.1.0",
|
|
35
|
-
"
|
|
36
|
-
"react
|
|
37
|
-
"react-
|
|
38
|
-
"
|
|
39
|
-
"
|
|
35
|
+
"highlight.js": "11.11.1",
|
|
36
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
37
|
+
"react-dom": "^18.0.0 || ^19.0.0",
|
|
38
|
+
"react-router-dom": "^6.0.0",
|
|
39
|
+
"styled-components": "^6.0.0"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@emotion/is-prop-valid": "1.3.1",
|
|
43
|
-
"
|
|
43
|
+
"csstype": "3.1.3",
|
|
44
44
|
"lodash.debounce": "4.0.8",
|
|
45
|
-
"
|
|
45
|
+
"lodash.merge": "4.6.2"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@
|
|
48
|
+
"@eslint/js": "9.17.0",
|
|
49
|
+
"@mdx-js/rollup": "3.1.0",
|
|
50
|
+
"@testing-library/react": "16.1.0",
|
|
49
51
|
"@types/jest": "29.5.14",
|
|
50
|
-
"@typescript-eslint/eslint-plugin": "7.18.0",
|
|
51
|
-
"@typescript-eslint/parser": "7.18.0",
|
|
52
|
-
"@types/react": ">=18.0.0",
|
|
53
|
-
"@types/react-dom": ">=18.0.0",
|
|
54
|
-
"@types/mdx": "2.0.13",
|
|
55
|
-
"@types/lodash.merge": "4.6.9",
|
|
56
52
|
"@types/lodash.debounce": "4.0.9",
|
|
53
|
+
"@types/lodash.merge": "4.6.9",
|
|
54
|
+
"@types/mdx": "2.0.13",
|
|
55
|
+
"@types/react": "^18.0.0 || ^19.0.0",
|
|
56
|
+
"@types/react-dom": "^18.0.0 || ^19.0.0",
|
|
57
57
|
"@vitejs/plugin-react": "4.3.4",
|
|
58
|
-
"
|
|
59
|
-
"eslint": "
|
|
60
|
-
"eslint-config-airbnb": "19.0.4",
|
|
61
|
-
"eslint-config-airbnb-typescript": "18.0.0",
|
|
62
|
-
"eslint-config-prettier": "9.1.0",
|
|
63
|
-
"eslint-plugin-import": "2.31.0",
|
|
64
|
-
"eslint-plugin-prettier": "5.2.1",
|
|
58
|
+
"eslint": "9.17.0",
|
|
59
|
+
"eslint-plugin-react": "7.37.3",
|
|
65
60
|
"jest": "29.7.0",
|
|
66
61
|
"jest-environment-jsdom": "29.7.0",
|
|
67
|
-
"prettier": "3.4.
|
|
62
|
+
"prettier": "3.4.2",
|
|
68
63
|
"ts-jest": "29.2.5",
|
|
69
|
-
"typescript": "5.7.
|
|
70
|
-
"
|
|
71
|
-
"vite
|
|
72
|
-
"vite-plugin-checker": "0.8.0"
|
|
64
|
+
"typescript": "5.7.3",
|
|
65
|
+
"typescript-eslint": "8.19.1",
|
|
66
|
+
"vite": "6.0.7",
|
|
67
|
+
"vite-plugin-checker": "0.8.0",
|
|
68
|
+
"vite-plugin-dts": "4.5.0"
|
|
73
69
|
},
|
|
74
70
|
"jest": {
|
|
75
71
|
"preset": "ts-jest",
|