@babylonjs/shared-ui-components 8.8.0 → 8.8.1
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.
|
@@ -28,6 +28,7 @@ export class InputArrowsComponent extends React.Component {
|
|
|
28
28
|
this._arrowsRef.current?.ownerDocument.defaultView.addEventListener("pointerup", this._releaseListener);
|
|
29
29
|
this._arrowsRef.current?.ownerDocument.defaultView.addEventListener("mousemove", this._drag);
|
|
30
30
|
this.props.setDragging(true);
|
|
31
|
+
// eslint-disable-next-line @typescript-eslint/no-floating-promises
|
|
31
32
|
this._arrowsRef.current?.requestPointerLock();
|
|
32
33
|
}, onDragStart: (evt) => evt.preventDefault(), children: [_jsx("img", { className: "upArrowIcon", src: upArrowIcon, alt: "Increase Value" }), _jsx("img", { className: "downArrowIcon", src: downArrowIcon, alt: "Increase Value" })] }));
|
|
33
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputArrowsComponent.js","sourceRoot":"","sources":["../../../../dev/sharedUiComponents/src/lines/inputArrowsComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,WAAW,MAAM,wBAAwB,CAAC;AACjD,OAAO,aAAa,MAAM,0BAA0B,CAAC;AAOrD,MAAM,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAAqC;IAArF;;QACY,eAAU,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAC/C,UAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;YAClC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAChD,CAAC,CAAC;QACM,qBAAgB,GAAG,GAAG,EAAE;YAC5B,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC9B,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,eAAe,EAAE,CAAC;YACzD,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,WAAY,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAC5G,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YAC1G,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,WAAY,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACrG,CAAC,CAAC;QACM,wBAAmB,GAAG,GAAG,EAAE;YAC/B,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,kBAAkB,KAAK,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;gBACxF,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC5B,CAAC;QACL,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"inputArrowsComponent.js","sourceRoot":"","sources":["../../../../dev/sharedUiComponents/src/lines/inputArrowsComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,WAAW,MAAM,wBAAwB,CAAC;AACjD,OAAO,aAAa,MAAM,0BAA0B,CAAC;AAOrD,MAAM,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAAqC;IAArF;;QACY,eAAU,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAC/C,UAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;YAClC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAChD,CAAC,CAAC;QACM,qBAAgB,GAAG,GAAG,EAAE;YAC5B,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC9B,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,eAAe,EAAE,CAAC;YACzD,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,WAAY,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAC5G,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YAC1G,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,WAAY,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACrG,CAAC,CAAC;QACM,wBAAmB,GAAG,GAAG,EAAE;YAC/B,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,kBAAkB,KAAK,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;gBACxF,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC5B,CAAC;QACL,CAAC,CAAC;IAsBN,CAAC;IApBY,MAAM;QACX,OAAO,CACH,eACI,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,aAAa,EAAE,GAAG,EAAE;gBAChB,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;gBACvG,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,WAAY,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;gBACzG,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,CAAC,WAAY,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC9F,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC7B,mEAAmE;gBACnE,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,kBAAkB,EAAE,CAAC;YAClD,CAAC,EACD,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,cAAc,EAAE,aAE1C,cAAK,SAAS,EAAC,aAAa,EAAC,GAAG,EAAE,WAAW,EAAE,GAAG,EAAC,gBAAgB,GAAG,EACtE,cAAK,SAAS,EAAC,eAAe,EAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAC,gBAAgB,GAAG,IACxE,CACT,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\n\r\nimport upArrowIcon from \"./valueUpArrowIcon.svg\";\r\nimport downArrowIcon from \"./valueDownArrowIcon.svg\";\r\n\r\ninterface IInputArrowsComponentProps {\r\n incrementValue: (amount: number) => void;\r\n setDragging: (dragging: boolean) => void;\r\n}\r\n\r\nexport class InputArrowsComponent extends React.Component<IInputArrowsComponentProps> {\r\n private _arrowsRef = React.createRef<HTMLDivElement>();\r\n private _drag = (event: MouseEvent) => {\r\n this.props.incrementValue(-event.movementY);\r\n };\r\n private _releaseListener = () => {\r\n this.props.setDragging(false);\r\n this._arrowsRef.current?.ownerDocument.exitPointerLock();\r\n this._arrowsRef.current?.ownerDocument.defaultView!.removeEventListener(\"pointerup\", this._releaseListener);\r\n this._arrowsRef.current?.ownerDocument.removeEventListener(\"pointerlockchange\", this._lockChangeListener);\r\n this._arrowsRef.current?.ownerDocument.defaultView!.removeEventListener(\"mousemove\", this._drag);\r\n };\r\n private _lockChangeListener = () => {\r\n if (this._arrowsRef.current?.ownerDocument.pointerLockElement !== this._arrowsRef.current) {\r\n this._releaseListener();\r\n }\r\n };\r\n\r\n override render() {\r\n return (\r\n <div\r\n className=\"arrows\"\r\n ref={this._arrowsRef}\r\n onPointerDown={() => {\r\n this._arrowsRef.current?.ownerDocument.addEventListener(\"pointerlockchange\", this._lockChangeListener);\r\n this._arrowsRef.current?.ownerDocument.defaultView!.addEventListener(\"pointerup\", this._releaseListener);\r\n this._arrowsRef.current?.ownerDocument.defaultView!.addEventListener(\"mousemove\", this._drag);\r\n this.props.setDragging(true);\r\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n this._arrowsRef.current?.requestPointerLock();\r\n }}\r\n onDragStart={(evt) => evt.preventDefault()}\r\n >\r\n <img className=\"upArrowIcon\" src={upArrowIcon} alt=\"Increase Value\" />\r\n <img className=\"downArrowIcon\" src={downArrowIcon} alt=\"Increase Value\" />\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"linePropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/linePropertyGridComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oEAAoE,CAAC;AAGxH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAQ/E,MAAM,OAAO,yBAA0B,SAAQ,KAAK,CAAC,SAA0C;IAC3F,YAAY,KAAsC;QAC9C,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,YAAY,CAAC,KAAa;QACtB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QAEf,KAAK,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC;YACpB,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAExB,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;gBACb,
|
|
1
|
+
{"version":3,"file":"linePropertyGridComponent.js","sourceRoot":"","sources":["../../../../../../dev/sharedUiComponents/src/tabs/propertyGrids/gui/linePropertyGridComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport type { Observable } from \"core/Misc/observable\";\r\nimport type { PropertyChangedEvent } from \"../../../propertyChangedEvent\";\r\nimport { CommonControlPropertyGridComponent } from \"../../../tabs/propertyGrids/gui/commonControlPropertyGridComponent\";\r\nimport type { LockObject } from \"../../../tabs/propertyGrids/lockObject\";\r\nimport type { Line } from \"gui/2D/controls/line\";\r\nimport { LineContainerComponent } from \"../../../lines/lineContainerComponent\";\r\nimport { FloatLineComponent } from \"../../../lines/floatLineComponent\";\r\nimport { TextInputLineComponent } from \"../../../lines/textInputLineComponent\";\r\n\r\ninterface ILinePropertyGridComponentProps {\r\n line: Line;\r\n lockObject: LockObject;\r\n onPropertyChangedObservable?: Observable<PropertyChangedEvent>;\r\n}\r\n\r\nexport class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {\r\n constructor(props: ILinePropertyGridComponentProps) {\r\n super(props);\r\n }\r\n\r\n onDashChange(value: string) {\r\n const line = this.props.line;\r\n const split = value.split(\",\");\r\n line.dash = [];\r\n\r\n for (const v of split) {\r\n const int = parseInt(v);\r\n\r\n if (isNaN(int)) {\r\n continue;\r\n }\r\n\r\n line.dash.push(int);\r\n }\r\n }\r\n\r\n override render() {\r\n const line = this.props.line;\r\n\r\n return (\r\n <>\r\n <CommonControlPropertyGridComponent lockObject={this.props.lockObject} control={line} onPropertyChangedObservable={this.props.onPropertyChangedObservable} />\r\n <LineContainerComponent title=\"LINE\">\r\n <FloatLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Line width\"\r\n target={line}\r\n propertyName=\"lineWidth\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"X1\"\r\n target={line}\r\n propertyName=\"x1\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Y1\"\r\n target={line}\r\n propertyName=\"y1\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"X2\"\r\n target={line}\r\n propertyName=\"x2\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Y2\"\r\n target={line}\r\n propertyName=\"y2\"\r\n onPropertyChangedObservable={this.props.onPropertyChangedObservable}\r\n />\r\n <TextInputLineComponent\r\n lockObject={this.props.lockObject}\r\n label=\"Dash pattern\"\r\n target={line}\r\n value={line.dash.join(\",\")}\r\n onChange={(newValue) => this.onDashChange(newValue)}\r\n />\r\n </LineContainerComponent>\r\n </>\r\n );\r\n }\r\n}\r\n"]}
|