@pinnacle0/web-ui 0.4.21 → 0.4.23

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.
@@ -1,8 +1,8 @@
1
1
  import React from "react";
2
2
  import "./index.less";
3
- interface Props {
4
- id?: string;
5
- className?: string;
3
+ interface Props extends React.HTMLAttributes<HTMLDivElement> {
4
+ x: number;
5
+ y: number;
6
6
  height: number;
7
7
  width: number;
8
8
  minHeight?: number;
@@ -10,7 +10,6 @@ interface Props {
10
10
  maxHeight?: number;
11
11
  maxWidth?: number;
12
12
  gap?: number;
13
- children?: React.ReactNode;
14
13
  }
15
14
  export declare const Resizable: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
16
15
  export {};
@@ -1,70 +1,92 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
1
23
  import React from "react";
2
24
  import { Resizer } from "./Resizer";
3
25
  import { classNames } from "../../util/ClassNames";
4
26
  import "./index.less";
5
27
  export var Resizable = React.forwardRef(function (_a, ref) {
6
- var height = _a.height, width = _a.width, className = _a.className, id = _a.id, gap = _a.gap, children = _a.children, _b = _a.maxHeight, maxHeight = _b === void 0 ? window.innerHeight : _b, _c = _a.maxWidth, maxWidth = _c === void 0 ? window.innerWidth : _c, _d = _a.minHeight, minHeight = _d === void 0 ? 0 : _d, _e = _a.minWidth, minWidth = _e === void 0 ? 0 : _e;
7
- var resizableDivRef = React.useRef(null);
28
+ var height = _a.height, width = _a.width, x = _a.x, y = _a.y, className = _a.className, id = _a.id, style = _a.style, gap = _a.gap, children = _a.children, _b = _a.maxHeight, maxHeight = _b === void 0 ? window.innerHeight : _b, _c = _a.maxWidth, maxWidth = _c === void 0 ? window.innerWidth : _c, _d = _a.minHeight, minHeight = _d === void 0 ? 0 : _d, _e = _a.minWidth, minWidth = _e === void 0 ? 0 : _e, restProps = __rest(_a, ["height", "width", "x", "y", "className", "id", "style", "gap", "children", "maxHeight", "maxWidth", "minHeight", "minWidth"]);
29
+ var resizableRef = React.useRef(null);
8
30
  var startRect = React.useRef({ top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 });
9
31
  var combineRef = function (node) {
10
32
  if (node) {
11
33
  if (ref) {
12
34
  typeof ref === "function" ? ref(node) : (ref.current = node);
13
35
  }
14
- resizableDivRef.current = node;
36
+ resizableRef.current = node;
15
37
  }
16
38
  };
17
39
  var onResizeStart = function () {
18
- if (resizableDivRef.current) {
19
- var _a = resizableDivRef.current.getBoundingClientRect(), top_1 = _a.top, right = _a.right, bottom = _a.bottom, left = _a.left, width_1 = _a.width, height_1 = _a.height;
40
+ if (resizableRef.current) {
41
+ var _a = resizableRef.current.getBoundingClientRect(), top_1 = _a.top, right = _a.right, bottom = _a.bottom, left = _a.left, width_1 = _a.width, height_1 = _a.height;
20
42
  startRect.current = { top: top_1, right: right, bottom: bottom, left: left, width: width_1, height: height_1 };
21
43
  }
22
44
  };
23
45
  var onResizeTop = function (state) {
24
- if (resizableDivRef.current) {
46
+ if (resizableRef.current) {
25
47
  var _a = startRect.current, top_2 = _a.top, height_2 = _a.height;
26
48
  var deltaY = state.delta[1];
27
49
  var transformedHeight = height_2 - deltaY;
28
50
  if (transformedHeight < minHeight || transformedHeight > maxHeight) {
29
51
  return;
30
52
  }
31
- resizableDivRef.current.style.top = "".concat(top_2 + deltaY, "px");
32
- resizableDivRef.current.style.height = "".concat(transformedHeight, "px");
53
+ resizableRef.current.style.top = "".concat(top_2 + deltaY, "px");
54
+ resizableRef.current.style.height = "".concat(transformedHeight, "px");
33
55
  }
34
56
  };
35
57
  var onResizeRight = function (state) {
36
- if (resizableDivRef.current) {
58
+ if (resizableRef.current) {
37
59
  var width_2 = startRect.current.width;
38
60
  var transformedWidth = width_2 + state.delta[0];
39
61
  if (transformedWidth < minWidth || transformedWidth > maxWidth) {
40
62
  return;
41
63
  }
42
- resizableDivRef.current.style.width = "".concat(transformedWidth, "px");
64
+ resizableRef.current.style.width = "".concat(transformedWidth, "px");
43
65
  }
44
66
  };
45
67
  var onResizeBottom = function (state) {
46
- if (resizableDivRef.current) {
68
+ if (resizableRef.current) {
47
69
  var height_3 = startRect.current.height;
48
70
  var transformedHeight = height_3 + state.delta[1];
49
71
  if (transformedHeight < minHeight || transformedHeight > maxHeight) {
50
72
  return;
51
73
  }
52
- resizableDivRef.current.style.height = "".concat(transformedHeight, "px");
74
+ resizableRef.current.style.height = "".concat(transformedHeight, "px");
53
75
  }
54
76
  };
55
77
  var onResizeLeft = function (state) {
56
- if (resizableDivRef.current) {
78
+ if (resizableRef.current) {
57
79
  var _a = startRect.current, left = _a.left, width_3 = _a.width;
58
80
  var deltaX = state.delta[0];
59
81
  var transformedWidth = width_3 - deltaX;
60
82
  if (transformedWidth < minWidth || transformedWidth > maxWidth) {
61
83
  return;
62
84
  }
63
- resizableDivRef.current.style.left = "".concat(left + deltaX, "px");
64
- resizableDivRef.current.style.width = "".concat(transformedWidth, "px");
85
+ resizableRef.current.style.left = "".concat(left + deltaX, "px");
86
+ resizableRef.current.style.width = "".concat(transformedWidth, "px");
65
87
  }
66
88
  };
67
- return (React.createElement("div", { className: classNames("resizable", className), id: id, ref: combineRef, style: { height: height, width: width } },
89
+ return (React.createElement("div", __assign({ className: classNames("resizable", className), id: id, ref: combineRef, style: __assign(__assign({}, style), { height: height, width: width, top: y, left: x }) }, restProps),
68
90
  React.createElement(Resizer, { className: "top", onResizeStart: onResizeStart, onResize: onResizeTop, gap: gap }),
69
91
  React.createElement(Resizer, { className: "top-right", gap: gap, onResizeStart: onResizeStart, onResize: function (state) {
70
92
  onResizeTop(state);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Resizable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,OAAO,cAAc,CAAC;AAwBtB,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACrC,UAAC,EAAwI,EAAE,GAAG;QAA5I,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,EAAE,QAAA,EAAE,GAAG,SAAA,EAAE,QAAQ,cAAA,EAAE,iBAA8B,EAA9B,SAAS,mBAAG,MAAM,CAAC,WAAW,KAAA,EAAE,gBAA4B,EAA5B,QAAQ,mBAAG,MAAM,CAAC,UAAU,KAAA,EAAE,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA,EAAE,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA;IACpI,IAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAClE,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAO,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC,CAAC,CAAC;IAElG,IAAM,UAAU,GAAG,UAAC,IAAoB;QACpC,IAAI,IAAI,EAAE;YACN,IAAI,GAAG,EAAE;gBACL,OAAO,GAAG,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;aAChE;YACD,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;SAClC;IACL,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG;QAClB,IAAI,eAAe,CAAC,OAAO,EAAE;YACnB,IAAA,KAA4C,eAAe,CAAC,OAAO,CAAC,qBAAqB,EAAE,EAA1F,KAAG,SAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,OAAK,WAAA,EAAE,QAAM,YAAmD,CAAC;YAClG,SAAS,CAAC,OAAO,GAAG,EAAC,GAAG,OAAA,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,IAAI,MAAA,EAAE,KAAK,SAAA,EAAE,MAAM,UAAA,EAAC,CAAC;SACjE;IACL,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,KAAgB;QACjC,IAAI,eAAe,CAAC,OAAO,EAAE;YACnB,IAAA,KAAgB,SAAS,CAAC,OAAO,EAAhC,KAAG,SAAA,EAAE,QAAM,YAAqB,CAAC;YACxC,IAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC9B,IAAM,iBAAiB,GAAG,QAAM,GAAG,MAAM,CAAC;YAC1C,IAAI,iBAAiB,GAAG,SAAS,IAAI,iBAAiB,GAAG,SAAS,EAAE;gBAChE,OAAO;aACV;YACD,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,UAAG,KAAG,GAAG,MAAM,OAAI,CAAC;YACxD,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,iBAAiB,OAAI,CAAC;SACnE;IACL,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAAgB;QACnC,IAAI,eAAe,CAAC,OAAO,EAAE;YAClB,IAAA,OAAK,GAAI,SAAS,CAAC,OAAO,MAArB,CAAsB;YAClC,IAAM,gBAAgB,GAAG,OAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAChD,IAAI,gBAAgB,GAAG,QAAQ,IAAI,gBAAgB,GAAG,QAAQ,EAAE;gBAC5D,OAAO;aACV;YACD,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,UAAG,gBAAgB,OAAI,CAAC;SACjE;IACL,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,KAAgB;QACpC,IAAI,eAAe,CAAC,OAAO,EAAE;YAClB,IAAA,QAAM,GAAI,SAAS,CAAC,OAAO,OAArB,CAAsB;YACnC,IAAM,iBAAiB,GAAG,QAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAClD,IAAI,iBAAiB,GAAG,SAAS,IAAI,iBAAiB,GAAG,SAAS,EAAE;gBAChE,OAAO;aACV;YACD,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,iBAAiB,OAAI,CAAC;SACnE;IACL,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAgB;QAClC,IAAI,eAAe,CAAC,OAAO,EAAE;YACnB,IAAA,KAAgB,SAAS,CAAC,OAAO,EAAhC,IAAI,UAAA,EAAE,OAAK,WAAqB,CAAC;YACxC,IAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC9B,IAAM,gBAAgB,GAAG,OAAK,GAAG,MAAM,CAAC;YACxC,IAAI,gBAAgB,GAAG,QAAQ,IAAI,gBAAgB,GAAG,QAAQ,EAAE;gBAC5D,OAAO;aACV;YACD,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,UAAG,IAAI,GAAG,MAAM,OAAI,CAAC;YAC1D,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,UAAG,gBAAgB,OAAI,CAAC;SACjE;IACL,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAC,MAAM,QAAA,EAAE,KAAK,OAAA,EAAC;QAC/F,oBAAC,OAAO,IAAC,SAAS,EAAC,KAAK,EAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,GAAI;QAC1F,oBAAC,OAAO,IACJ,SAAS,EAAC,WAAW,EACrB,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,UAAA,KAAK;gBACX,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,aAAa,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC,GACH;QACF,oBAAC,OAAO,IAAC,SAAS,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,GAAI;QAC9F,oBAAC,OAAO,IACJ,SAAS,EAAC,cAAc,EACxB,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,UAAA,KAAK;gBACX,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,cAAc,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC,GACH;QACF,oBAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,GAAI;QAChG,oBAAC,OAAO,IACJ,SAAS,EAAC,aAAa,EACvB,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,UAAA,KAAK;gBACX,cAAc,CAAC,KAAK,CAAC,CAAC;gBACtB,YAAY,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,GACH;QACF,oBAAC,OAAO,IAAC,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,GAAG,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,GAAI;QAC5F,oBAAC,OAAO,IACJ,SAAS,EAAC,UAAU,EACpB,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,UAAA,KAAK;gBACX,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,YAAY,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,GACH;QACD,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Resizable/index.tsx"],"names":[],"mappings":"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"}
@@ -45,7 +45,12 @@ export var useDraggable = function (_a) {
45
45
  if (target.current) {
46
46
  var _a = target.current.getBoundingClientRect(), left = _a.left, right = _a.right, bottom = _a.bottom, top_1 = _a.top;
47
47
  start.current = [left, top_1];
48
- bounds.current = { x: [-left + gap, window.innerWidth - right - gap], y: [-top_1 + gap, window.innerHeight - bottom - gap] };
48
+ var minX = Math.min(0, -left + gap);
49
+ var maxX = Math.max(0, window.innerWidth - right - gap);
50
+ var minY = Math.min(0, -top_1 + gap);
51
+ var maxY = Math.max(0, window.innerHeight - bottom - gap);
52
+ bounds.current = { x: [minX, maxX], y: [minY, maxY] };
53
+ target.current.style.willChange = "transform";
49
54
  onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(state);
50
55
  }
51
56
  },
@@ -64,6 +69,7 @@ export var useDraggable = function (_a) {
64
69
  target.current.style.top = "".concat(start.current[1] + delta[1], "px");
65
70
  }
66
71
  transit.to({ x: 0, y: 0, immediate: true });
72
+ target.current.style.willChange = "";
67
73
  onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(__assign(__assign({}, state), { delta: delta }));
68
74
  }
69
75
  },
@@ -1 +1 @@
1
- {"version":3,"file":"useDraggable.js","sourceRoot":"","sources":["../../src/hooks/useDraggable.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useDraggable.js","sourceRoot":"","sources":["../../src/hooks/useDraggable.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pinnacle0/web-ui",
3
- "version": "0.4.21",
3
+ "version": "0.4.23",
4
4
  "author": "Pinnacle",
5
5
  "license": "MIT",
6
6
  "sideEffects": [