uiconfig-blueprint 0.0.3 → 0.1.0-dev.2
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/README.md +28 -3
- package/dist/ConfigObject.d.ts +5 -3
- package/dist/allPaths-zMnhJyQa.js +23 -0
- package/dist/{allPaths-3YKfhB8Q.js.map → allPaths-zMnhJyQa.js.map} +1 -1
- package/dist/{allPathsLoader-lWFPuUtu.js → allPathsLoader-eCsEfMwc.js} +5 -5
- package/dist/{allPathsLoader-lWFPuUtu.js.map → allPathsLoader-eCsEfMwc.js.map} +1 -1
- package/dist/bpComponents/BPButtonComponent.d.ts +1 -1
- package/dist/bpComponents/BPColorInputComponent.d.ts +1 -2
- package/dist/bpComponents/BPComponent.d.ts +7 -3
- package/dist/bpComponents/BPDropdownInputComponent.d.ts +1 -2
- package/dist/bpComponents/BPFileComponent.d.ts +1 -2
- package/dist/bpComponents/BPFolderComponent.d.ts +1 -1
- package/dist/bpComponents/BPInputComponent.d.ts +2 -2
- package/dist/bpComponents/BPNumberInputComponent.d.ts +1 -2
- package/dist/bpComponents/BPPanelComponent.d.ts +1 -2
- package/dist/bpComponents/BPSliderInputComponent.d.ts +1 -2
- package/dist/bpComponents/BPTextInputComponent.d.ts +1 -2
- package/dist/bpComponents/BPToggleInputComponent.d.ts +2 -3
- package/dist/bpComponents/BPTreeComponent.d.ts +15 -11
- package/dist/bpComponents/BPTreeFolderComponent.d.ts +2 -2
- package/dist/bpComponents/BPVectorInputComponent.d.ts +1 -2
- package/dist/components/AppToaster.d.ts +6 -0
- package/dist/components/ConfigurationPanelComponent.d.ts +4 -0
- package/dist/components/DialogContext.d.ts +52 -0
- package/dist/components/DraggableIcon.d.ts +1 -1
- package/dist/components/ExtendedNumericInput.d.ts +1 -1
- package/dist/components/FormGroupComponent.d.ts +2 -2
- package/dist/components/InspectorStackComponent.d.ts +1 -2
- package/dist/components/VisualStyleContext.d.ts +10 -1
- package/dist/components/bpIconWrapper.d.ts +2 -2
- package/dist/components/loadingState.d.ts +4 -0
- package/dist/components/variableIcons.d.ts +40 -41
- package/dist/{index-RJDPvlPL.js → index--Vpcr7_d.js} +3 -3
- package/dist/{index-RJDPvlPL.js.map → index--Vpcr7_d.js.map} +1 -1
- package/dist/{index-sUDdkVfJ.js → index-QyqZQ9mG.js} +3 -3
- package/dist/{index-sUDdkVfJ.js.map → index-QyqZQ9mG.js.map} +1 -1
- package/dist/{index-zXngzS2o.js → index-f-ZwHBj3.js} +2786 -2796
- package/dist/index-f-ZwHBj3.js.map +1 -0
- package/dist/index.js +20 -20
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3 -3
- package/dist/lib.d.ts +33 -0
- package/dist/{splitPathsBySizeLoader-97pYQiA7.js → splitPathsBySizeLoader-xt9FLbSp.js} +6 -6
- package/dist/{splitPathsBySizeLoader-97pYQiA7.js.map → splitPathsBySizeLoader-xt9FLbSp.js.map} +1 -1
- package/docs/assets/highlight.css +17 -17
- package/docs/assets/main.js +4 -3
- package/docs/assets/navigation.js +1 -0
- package/docs/assets/search.js +1 -1
- package/docs/assets/style.css +484 -369
- package/docs/classes/UI.html +22 -403
- package/docs/classes/UiConfigRendererBlueprint.html +22 -404
- package/docs/index.html +38 -107
- package/docs/modules.html +3 -50
- package/lib/cjs/ConfigObject.d.ts +18 -0
- package/lib/cjs/ConfigObject.js +82 -0
- package/lib/cjs/ConfigObject.js.map +1 -0
- package/lib/cjs/UiConfigRendererBlueprint.d.ts +13 -0
- package/lib/cjs/UiConfigRendererBlueprint.js +56 -0
- package/lib/cjs/UiConfigRendererBlueprint.js.map +1 -0
- package/lib/cjs/bpComponents/BPButtonComponent.d.ts +8 -0
- package/lib/cjs/bpComponents/BPButtonComponent.js +19 -0
- package/lib/cjs/bpComponents/BPButtonComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPColorInputComponent.d.ts +24 -0
- package/lib/cjs/bpComponents/BPColorInputComponent.js +127 -0
- package/lib/cjs/bpComponents/BPColorInputComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPComponent.d.ts +29 -0
- package/lib/cjs/bpComponents/BPComponent.js +59 -0
- package/lib/cjs/bpComponents/BPComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPContainerComponent.d.ts +21 -0
- package/lib/cjs/bpComponents/BPContainerComponent.js +54 -0
- package/lib/cjs/bpComponents/BPContainerComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPDropdownInputComponent.d.ts +15 -0
- package/lib/cjs/bpComponents/BPDropdownInputComponent.js +43 -0
- package/lib/cjs/bpComponents/BPDropdownInputComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPFileComponent.d.ts +25 -0
- package/lib/cjs/bpComponents/BPFileComponent.js +69 -0
- package/lib/cjs/bpComponents/BPFileComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPFolderComponent.d.ts +16 -0
- package/lib/cjs/bpComponents/BPFolderComponent.js +39 -0
- package/lib/cjs/bpComponents/BPFolderComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPInputComponent.d.ts +11 -0
- package/lib/cjs/bpComponents/BPInputComponent.js +34 -0
- package/lib/cjs/bpComponents/BPInputComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPLabelledComponent.d.ts +8 -0
- package/lib/cjs/bpComponents/BPLabelledComponent.js +14 -0
- package/lib/cjs/bpComponents/BPLabelledComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPNumberInputComponent.d.ts +10 -0
- package/lib/cjs/bpComponents/BPNumberInputComponent.js +40 -0
- package/lib/cjs/bpComponents/BPNumberInputComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPPanelComponent.d.ts +16 -0
- package/lib/cjs/bpComponents/BPPanelComponent.js +35 -0
- package/lib/cjs/bpComponents/BPPanelComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPSliderInputComponent.d.ts +14 -0
- package/lib/cjs/bpComponents/BPSliderInputComponent.js +41 -0
- package/lib/cjs/bpComponents/BPSliderInputComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPTextInputComponent.d.ts +7 -0
- package/lib/cjs/bpComponents/BPTextInputComponent.js +19 -0
- package/lib/cjs/bpComponents/BPTextInputComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPToggleInputComponent.d.ts +8 -0
- package/lib/cjs/bpComponents/BPToggleInputComponent.js +22 -0
- package/lib/cjs/bpComponents/BPToggleInputComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPTreeComponent.d.ts +36 -0
- package/lib/cjs/bpComponents/BPTreeComponent.js +131 -0
- package/lib/cjs/bpComponents/BPTreeComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPTreeFolderComponent.d.ts +10 -0
- package/lib/cjs/bpComponents/BPTreeFolderComponent.js +40 -0
- package/lib/cjs/bpComponents/BPTreeFolderComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPValueComponent.d.ts +16 -0
- package/lib/cjs/bpComponents/BPValueComponent.js +46 -0
- package/lib/cjs/bpComponents/BPValueComponent.js.map +1 -0
- package/lib/cjs/bpComponents/BPVectorInputComponent.d.ts +19 -0
- package/lib/cjs/bpComponents/BPVectorInputComponent.js +110 -0
- package/lib/cjs/bpComponents/BPVectorInputComponent.js.map +1 -0
- package/lib/cjs/components/ConfigurationPanelComponent.d.ts +4 -0
- package/lib/cjs/components/ConfigurationPanelComponent.js +30 -0
- package/lib/cjs/components/ConfigurationPanelComponent.js.map +1 -0
- package/lib/cjs/components/DialogContext.d.ts +48 -0
- package/lib/cjs/components/DialogContext.js +79 -0
- package/lib/cjs/components/DialogContext.js.map +1 -0
- package/lib/cjs/components/DraggableIcon.d.ts +19 -0
- package/lib/cjs/components/DraggableIcon.js +70 -0
- package/lib/cjs/components/DraggableIcon.js.map +1 -0
- package/lib/cjs/components/ExtendedNumericInput.d.ts +25 -0
- package/lib/cjs/components/ExtendedNumericInput.js +174 -0
- package/lib/cjs/components/ExtendedNumericInput.js.map +1 -0
- package/lib/cjs/components/FileComponent.d.ts +7 -0
- package/lib/cjs/components/FileComponent.js +49 -0
- package/lib/cjs/components/FileComponent.js.map +1 -0
- package/lib/cjs/components/FormGroupComponent.d.ts +6 -0
- package/lib/cjs/components/FormGroupComponent.js +16 -0
- package/lib/cjs/components/FormGroupComponent.js.map +1 -0
- package/lib/cjs/components/InspectorStackComponent.d.ts +4 -0
- package/lib/cjs/components/InspectorStackComponent.js +27 -0
- package/lib/cjs/components/InspectorStackComponent.js.map +1 -0
- package/lib/cjs/components/VisualStyleContext.d.ts +119 -0
- package/lib/cjs/components/VisualStyleContext.js +60 -0
- package/lib/cjs/components/VisualStyleContext.js.map +1 -0
- package/lib/cjs/components/bpIconWrapper.d.ts +2 -0
- package/lib/cjs/components/bpIconWrapper.js +9 -0
- package/lib/cjs/components/bpIconWrapper.js.map +1 -0
- package/lib/cjs/components/loadingState.d.ts +4 -0
- package/lib/cjs/components/loadingState.js +16 -0
- package/lib/cjs/components/loadingState.js.map +1 -0
- package/lib/cjs/components/variableIcons.d.ts +40 -0
- package/lib/cjs/components/variableIcons.js +46 -0
- package/lib/cjs/components/variableIcons.js.map +1 -0
- package/lib/cjs/contexts.d.ts +1 -0
- package/lib/cjs/contexts.js +3 -0
- package/lib/cjs/contexts.js.map +1 -0
- package/lib/cjs/index.d.ts +4 -0
- package/lib/cjs/index.js +9 -0
- package/lib/cjs/index.js.map +1 -0
- package/lib/cjs/lib.d.ts +32 -0
- package/lib/cjs/lib.js +49 -0
- package/lib/cjs/lib.js.map +1 -0
- package/lib/cjs/threejs.d.ts +2 -0
- package/lib/cjs/threejs.js +3 -0
- package/lib/cjs/threejs.js.map +1 -0
- package/lib/css/renderer.css +13110 -0
- package/lib/css/renderer.css.map +1 -0
- package/lib/esm/ConfigObject.d.ts +18 -0
- package/lib/esm/ConfigObject.js +78 -0
- package/lib/esm/ConfigObject.js.map +1 -0
- package/lib/esm/UiConfigRendererBlueprint.d.ts +13 -0
- package/lib/esm/UiConfigRendererBlueprint.js +52 -0
- package/lib/esm/UiConfigRendererBlueprint.js.map +1 -0
- package/lib/esm/bpComponents/BPButtonComponent.d.ts +8 -0
- package/lib/esm/bpComponents/BPButtonComponent.js +15 -0
- package/lib/esm/bpComponents/BPButtonComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPColorInputComponent.d.ts +24 -0
- package/lib/esm/bpComponents/BPColorInputComponent.js +123 -0
- package/lib/esm/bpComponents/BPColorInputComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPComponent.d.ts +29 -0
- package/lib/esm/bpComponents/BPComponent.js +55 -0
- package/lib/esm/bpComponents/BPComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPContainerComponent.d.ts +21 -0
- package/lib/esm/bpComponents/BPContainerComponent.js +50 -0
- package/lib/esm/bpComponents/BPContainerComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPDropdownInputComponent.d.ts +15 -0
- package/lib/esm/bpComponents/BPDropdownInputComponent.js +39 -0
- package/lib/esm/bpComponents/BPDropdownInputComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPFileComponent.d.ts +25 -0
- package/lib/esm/bpComponents/BPFileComponent.js +65 -0
- package/lib/esm/bpComponents/BPFileComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPFolderComponent.d.ts +16 -0
- package/lib/esm/bpComponents/BPFolderComponent.js +34 -0
- package/lib/esm/bpComponents/BPFolderComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPInputComponent.d.ts +11 -0
- package/lib/esm/bpComponents/BPInputComponent.js +30 -0
- package/lib/esm/bpComponents/BPInputComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPLabelledComponent.d.ts +8 -0
- package/lib/esm/bpComponents/BPLabelledComponent.js +10 -0
- package/lib/esm/bpComponents/BPLabelledComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPNumberInputComponent.d.ts +10 -0
- package/lib/esm/bpComponents/BPNumberInputComponent.js +36 -0
- package/lib/esm/bpComponents/BPNumberInputComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPPanelComponent.d.ts +16 -0
- package/lib/esm/bpComponents/BPPanelComponent.js +31 -0
- package/lib/esm/bpComponents/BPPanelComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPSliderInputComponent.d.ts +14 -0
- package/lib/esm/bpComponents/BPSliderInputComponent.js +37 -0
- package/lib/esm/bpComponents/BPSliderInputComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPTextInputComponent.d.ts +7 -0
- package/lib/esm/bpComponents/BPTextInputComponent.js +15 -0
- package/lib/esm/bpComponents/BPTextInputComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPToggleInputComponent.d.ts +8 -0
- package/lib/esm/bpComponents/BPToggleInputComponent.js +18 -0
- package/lib/esm/bpComponents/BPToggleInputComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPTreeComponent.d.ts +36 -0
- package/lib/esm/bpComponents/BPTreeComponent.js +127 -0
- package/lib/esm/bpComponents/BPTreeComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPTreeFolderComponent.d.ts +10 -0
- package/lib/esm/bpComponents/BPTreeFolderComponent.js +37 -0
- package/lib/esm/bpComponents/BPTreeFolderComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPValueComponent.d.ts +16 -0
- package/lib/esm/bpComponents/BPValueComponent.js +42 -0
- package/lib/esm/bpComponents/BPValueComponent.js.map +1 -0
- package/lib/esm/bpComponents/BPVectorInputComponent.d.ts +19 -0
- package/lib/esm/bpComponents/BPVectorInputComponent.js +106 -0
- package/lib/esm/bpComponents/BPVectorInputComponent.js.map +1 -0
- package/lib/esm/components/AppToaster.d.ts +6 -0
- package/lib/esm/components/AppToaster.js +8 -0
- package/lib/esm/components/AppToaster.js.map +1 -0
- package/lib/esm/components/ConfigurationPanelComponent.d.ts +4 -0
- package/lib/esm/components/ConfigurationPanelComponent.js +26 -0
- package/lib/esm/components/ConfigurationPanelComponent.js.map +1 -0
- package/lib/esm/components/DialogContext.d.ts +52 -0
- package/lib/esm/components/DialogContext.js +89 -0
- package/lib/esm/components/DialogContext.js.map +1 -0
- package/lib/esm/components/DraggableIcon.d.ts +19 -0
- package/lib/esm/components/DraggableIcon.js +66 -0
- package/lib/esm/components/DraggableIcon.js.map +1 -0
- package/lib/esm/components/ExtendedNumericInput.d.ts +25 -0
- package/lib/esm/components/ExtendedNumericInput.js +170 -0
- package/lib/esm/components/ExtendedNumericInput.js.map +1 -0
- package/lib/esm/components/FileComponent.d.ts +7 -0
- package/lib/esm/components/FileComponent.js +45 -0
- package/lib/esm/components/FileComponent.js.map +1 -0
- package/lib/esm/components/FormGroupComponent.d.ts +6 -0
- package/lib/esm/components/FormGroupComponent.js +12 -0
- package/lib/esm/components/FormGroupComponent.js.map +1 -0
- package/lib/esm/components/InspectorStackComponent.d.ts +4 -0
- package/lib/esm/components/InspectorStackComponent.js +23 -0
- package/lib/esm/components/InspectorStackComponent.js.map +1 -0
- package/lib/esm/components/VisualStyleContext.d.ts +119 -0
- package/lib/esm/components/VisualStyleContext.js +53 -0
- package/lib/esm/components/VisualStyleContext.js.map +1 -0
- package/lib/esm/components/bpIconWrapper.d.ts +2 -0
- package/lib/esm/components/bpIconWrapper.js +5 -0
- package/lib/esm/components/bpIconWrapper.js.map +1 -0
- package/lib/esm/components/loadingState.d.ts +4 -0
- package/lib/esm/components/loadingState.js +21 -0
- package/lib/esm/components/loadingState.js.map +1 -0
- package/lib/esm/components/variableIcons.d.ts +40 -0
- package/lib/esm/components/variableIcons.js +43 -0
- package/lib/esm/components/variableIcons.js.map +1 -0
- package/lib/esm/contexts.d.ts +1 -0
- package/lib/esm/contexts.js +2 -0
- package/lib/esm/contexts.js.map +1 -0
- package/lib/esm/index.d.ts +4 -0
- package/lib/esm/index.js +5 -0
- package/lib/esm/index.js.map +1 -0
- package/lib/esm/lib.d.ts +33 -0
- package/lib/esm/lib.js +34 -0
- package/lib/esm/lib.js.map +1 -0
- package/lib/esm/threejs.d.ts +2 -0
- package/lib/esm/threejs.js +2 -0
- package/lib/esm/threejs.js.map +1 -0
- package/lib/esnext/ConfigObject.d.ts +18 -0
- package/lib/esnext/ConfigObject.js +75 -0
- package/lib/esnext/ConfigObject.js.map +1 -0
- package/lib/esnext/UiConfigRendererBlueprint.d.ts +13 -0
- package/lib/esnext/UiConfigRendererBlueprint.js +52 -0
- package/lib/esnext/UiConfigRendererBlueprint.js.map +1 -0
- package/lib/esnext/bpComponents/BPButtonComponent.d.ts +8 -0
- package/lib/esnext/bpComponents/BPButtonComponent.js +15 -0
- package/lib/esnext/bpComponents/BPButtonComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPColorInputComponent.d.ts +24 -0
- package/lib/esnext/bpComponents/BPColorInputComponent.js +110 -0
- package/lib/esnext/bpComponents/BPColorInputComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPComponent.d.ts +29 -0
- package/lib/esnext/bpComponents/BPComponent.js +46 -0
- package/lib/esnext/bpComponents/BPComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPContainerComponent.d.ts +21 -0
- package/lib/esnext/bpComponents/BPContainerComponent.js +51 -0
- package/lib/esnext/bpComponents/BPContainerComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPDropdownInputComponent.d.ts +15 -0
- package/lib/esnext/bpComponents/BPDropdownInputComponent.js +40 -0
- package/lib/esnext/bpComponents/BPDropdownInputComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPFileComponent.d.ts +25 -0
- package/lib/esnext/bpComponents/BPFileComponent.js +52 -0
- package/lib/esnext/bpComponents/BPFileComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPFolderComponent.d.ts +16 -0
- package/lib/esnext/bpComponents/BPFolderComponent.js +30 -0
- package/lib/esnext/bpComponents/BPFolderComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPInputComponent.d.ts +11 -0
- package/lib/esnext/bpComponents/BPInputComponent.js +19 -0
- package/lib/esnext/bpComponents/BPInputComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPLabelledComponent.d.ts +8 -0
- package/lib/esnext/bpComponents/BPLabelledComponent.js +13 -0
- package/lib/esnext/bpComponents/BPLabelledComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPNumberInputComponent.d.ts +10 -0
- package/lib/esnext/bpComponents/BPNumberInputComponent.js +21 -0
- package/lib/esnext/bpComponents/BPNumberInputComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPPanelComponent.d.ts +16 -0
- package/lib/esnext/bpComponents/BPPanelComponent.js +31 -0
- package/lib/esnext/bpComponents/BPPanelComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPSliderInputComponent.d.ts +14 -0
- package/lib/esnext/bpComponents/BPSliderInputComponent.js +39 -0
- package/lib/esnext/bpComponents/BPSliderInputComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPTextInputComponent.d.ts +7 -0
- package/lib/esnext/bpComponents/BPTextInputComponent.js +15 -0
- package/lib/esnext/bpComponents/BPTextInputComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPToggleInputComponent.d.ts +8 -0
- package/lib/esnext/bpComponents/BPToggleInputComponent.js +18 -0
- package/lib/esnext/bpComponents/BPToggleInputComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPTreeComponent.d.ts +36 -0
- package/lib/esnext/bpComponents/BPTreeComponent.js +111 -0
- package/lib/esnext/bpComponents/BPTreeComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPTreeFolderComponent.d.ts +10 -0
- package/lib/esnext/bpComponents/BPTreeFolderComponent.js +23 -0
- package/lib/esnext/bpComponents/BPTreeFolderComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPValueComponent.d.ts +16 -0
- package/lib/esnext/bpComponents/BPValueComponent.js +29 -0
- package/lib/esnext/bpComponents/BPValueComponent.js.map +1 -0
- package/lib/esnext/bpComponents/BPVectorInputComponent.d.ts +19 -0
- package/lib/esnext/bpComponents/BPVectorInputComponent.js +93 -0
- package/lib/esnext/bpComponents/BPVectorInputComponent.js.map +1 -0
- package/lib/esnext/components/ConfigurationPanelComponent.d.ts +4 -0
- package/lib/esnext/components/ConfigurationPanelComponent.js +26 -0
- package/lib/esnext/components/ConfigurationPanelComponent.js.map +1 -0
- package/lib/esnext/components/DialogContext.d.ts +48 -0
- package/lib/esnext/components/DialogContext.js +55 -0
- package/lib/esnext/components/DialogContext.js.map +1 -0
- package/lib/esnext/components/DraggableIcon.d.ts +19 -0
- package/lib/esnext/components/DraggableIcon.js +62 -0
- package/lib/esnext/components/DraggableIcon.js.map +1 -0
- package/lib/esnext/components/ExtendedNumericInput.d.ts +25 -0
- package/lib/esnext/components/ExtendedNumericInput.js +151 -0
- package/lib/esnext/components/ExtendedNumericInput.js.map +1 -0
- package/lib/esnext/components/FileComponent.d.ts +7 -0
- package/lib/esnext/components/FileComponent.js +42 -0
- package/lib/esnext/components/FileComponent.js.map +1 -0
- package/lib/esnext/components/FormGroupComponent.d.ts +6 -0
- package/lib/esnext/components/FormGroupComponent.js +11 -0
- package/lib/esnext/components/FormGroupComponent.js.map +1 -0
- package/lib/esnext/components/InspectorStackComponent.d.ts +4 -0
- package/lib/esnext/components/InspectorStackComponent.js +23 -0
- package/lib/esnext/components/InspectorStackComponent.js.map +1 -0
- package/lib/esnext/components/VisualStyleContext.d.ts +119 -0
- package/lib/esnext/components/VisualStyleContext.js +53 -0
- package/lib/esnext/components/VisualStyleContext.js.map +1 -0
- package/lib/esnext/components/bpIconWrapper.d.ts +2 -0
- package/lib/esnext/components/bpIconWrapper.js +5 -0
- package/lib/esnext/components/bpIconWrapper.js.map +1 -0
- package/lib/esnext/components/loadingState.d.ts +4 -0
- package/lib/esnext/components/loadingState.js +12 -0
- package/lib/esnext/components/loadingState.js.map +1 -0
- package/lib/esnext/components/variableIcons.d.ts +40 -0
- package/lib/esnext/components/variableIcons.js +43 -0
- package/lib/esnext/components/variableIcons.js.map +1 -0
- package/lib/esnext/contexts.d.ts +1 -0
- package/lib/esnext/contexts.js +2 -0
- package/lib/esnext/contexts.js.map +1 -0
- package/lib/esnext/index.d.ts +4 -0
- package/lib/esnext/index.js +5 -0
- package/lib/esnext/index.js.map +1 -0
- package/lib/esnext/lib.d.ts +32 -0
- package/lib/esnext/lib.js +33 -0
- package/lib/esnext/lib.js.map +1 -0
- package/lib/esnext/threejs.d.ts +2 -0
- package/lib/esnext/threejs.js +2 -0
- package/lib/esnext/threejs.js.map +1 -0
- package/package.json +46 -13
- package/src/ConfigObject.tsx +4 -4
- package/src/UiConfigRendererBlueprint.tsx +2 -15
- package/src/bpComponents/BPButtonComponent.scss +1 -0
- package/src/bpComponents/BPColorInputComponent.tsx +1 -1
- package/src/bpComponents/BPComponent.tsx +9 -3
- package/src/bpComponents/BPDropdownInputComponent.tsx +0 -1
- package/src/bpComponents/BPFileComponent.tsx +2 -3
- package/src/bpComponents/BPFolderComponent.scss +2 -2
- package/src/bpComponents/BPInputComponent.tsx +1 -1
- package/src/bpComponents/BPPanelComponent.tsx +0 -1
- package/src/bpComponents/BPSliderInputComponent.tsx +0 -1
- package/src/bpComponents/BPTextInputComponent.tsx +1 -1
- package/src/bpComponents/BPToggleInputComponent.tsx +1 -1
- package/src/bpComponents/BPTreeComponent.tsx +48 -31
- package/src/bpComponents/BPTreeFolderComponent.tsx +5 -5
- package/src/components/AppToaster.tsx +18 -0
- package/src/components/ConfigurationPanelComponent.tsx +63 -0
- package/src/components/DialogContext.tsx +150 -0
- package/src/components/DraggableIcon.tsx +1 -0
- package/src/components/ExtendedNumericInput.tsx +1 -1
- package/src/components/FormGroupComponent.tsx +1 -1
- package/src/components/InspectorStackComponent.tsx +3 -33
- package/src/components/VisualStyleContext.tsx +33 -1
- package/src/components/bpIconWrapper.tsx +1 -1
- package/src/components/common.scss +6 -0
- package/src/components/loadingState.tsx +11 -0
- package/src/components/variableIcons.tsx +0 -1
- package/src/lib.ts +33 -0
- package/src/renderer.scss +59 -56
- package/src/tsconfig.json +6 -0
- package/tsconfig.json +1 -1
- package/dist/allPaths-3YKfhB8Q.js +0 -23
- package/dist/index-zXngzS2o.js.map +0 -1
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { BPLabelledComponent } from "./BPLabelledComponent";
|
|
2
|
+
export class BPValueComponent extends BPLabelledComponent {
|
|
3
|
+
constructor(props, context, state) {
|
|
4
|
+
super(props, context, state);
|
|
5
|
+
}
|
|
6
|
+
getUpdatedState(state) {
|
|
7
|
+
const val = this.context.methods.getValue(this.props.config);
|
|
8
|
+
state = super.getUpdatedState(state);
|
|
9
|
+
return val ? this.convertValueToState(val, state) : state;
|
|
10
|
+
}
|
|
11
|
+
_previousLast = false;
|
|
12
|
+
doesNeedRefresh(state, _last) {
|
|
13
|
+
return this._previousLast !== _last || this.state.value !== state.value;
|
|
14
|
+
}
|
|
15
|
+
async setValue(value, last) {
|
|
16
|
+
return this.updateStateValue({ ...this.state, value }, last);
|
|
17
|
+
}
|
|
18
|
+
forceOnChange = false;
|
|
19
|
+
async updateStateValue(state, last) {
|
|
20
|
+
if (!this.doesNeedRefresh(state, last)) {
|
|
21
|
+
await this.setStatePromise(state);
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
let val = await this.convertStateToValue(state);
|
|
25
|
+
await this.context.methods.setValue(this.props.config, val, { last }, this.forceOnChange);
|
|
26
|
+
await this.refreshConfigState(state);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=BPValueComponent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BPValueComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPValueComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAA2B,MAAM,uBAAuB,CAAC;AAMpF,MAAM,OAAgB,gBAAyF,SAAQ,mBAAmC;IAEtJ,YAAsB,KAA+B,EAAE,OAAoC,EAAE,KAAa;QACtG,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IACjC,CAAC;IAMD,eAAe,CAAC,KAAa;QACzB,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAC5D,KAAK,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;QACpC,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;IAC7D,CAAC;IAES,aAAa,GAAG,KAAK,CAAA;IAE/B,eAAe,CAAC,KAAa,EAAE,KAAe;QAC1C,OAAO,IAAI,CAAC,aAAa,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAA;IAC3E,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,KAAkB,EAAE,IAAc;QAC7C,OAAO,IAAI,CAAC,gBAAgB,CAAC,EAAC,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,EAAC,EAAE,IAAI,CAAC,CAAA;IAC9D,CAAC;IAED,aAAa,GAAY,KAAK,CAAA;IAE9B,KAAK,CAAC,gBAAgB,CAAC,KAAa,EAAE,IAAc;QAChD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;YACrC,MAAM,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;YACjC,OAAM;QACV,CAAC;QACD,IAAI,GAAG,GAAG,MAAM,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAA;QAC/C,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,EAAC,IAAI,EAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAA;QACvF,MAAM,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACxC,CAAC;CAEJ"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { BPComponentProps, UiConfigRendererContextType } from "./BPComponent";
|
|
2
|
+
import { BPInputComponent } from "./BPInputComponent";
|
|
3
|
+
import { BPValueComponentState } from "./BPValueComponent";
|
|
4
|
+
import type { Vector2, Vector3, Vector4 } from "three";
|
|
5
|
+
export type BPVectorComponentState = BPValueComponentState<Vector2 | Vector3 | Vector4> & {
|
|
6
|
+
min: number;
|
|
7
|
+
max: number;
|
|
8
|
+
step: number;
|
|
9
|
+
components: 1 | 2 | 3 | 4;
|
|
10
|
+
};
|
|
11
|
+
export declare class BPVectorInputComponent extends BPInputComponent<Vector2 | Vector3 | Vector4, BPVectorComponentState> {
|
|
12
|
+
constructor(props: BPComponentProps<Vector2 | Vector3 | Vector4>, context: UiConfigRendererContextType);
|
|
13
|
+
forceOnChange: boolean;
|
|
14
|
+
doesNeedRefresh(_: BPVectorComponentState): boolean;
|
|
15
|
+
getUpdatedState(state: BPVectorComponentState): BPVectorComponentState;
|
|
16
|
+
private _inputs;
|
|
17
|
+
refreshConfigState(state?: BPVectorComponentState): Promise<void>;
|
|
18
|
+
renderInput(): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
|
|
19
|
+
}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { BPInputComponent } from "./BPInputComponent";
|
|
4
|
+
import { ExtendedNumericInput } from "../components/ExtendedNumericInput";
|
|
5
|
+
import { wIcon3, xIcon3, yIcon3, zIcon3 } from "../components/variableIcons";
|
|
6
|
+
import { getOrCall } from 'ts-browser-helpers';
|
|
7
|
+
export class BPVectorInputComponent extends BPInputComponent {
|
|
8
|
+
constructor(props, context) {
|
|
9
|
+
super(props, context, {
|
|
10
|
+
value: new context.THREE.Vector2(),
|
|
11
|
+
label: 'Vector',
|
|
12
|
+
min: -Infinity,
|
|
13
|
+
max: Infinity,
|
|
14
|
+
step: 0.01,
|
|
15
|
+
components: 2,
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
forceOnChange = true;
|
|
19
|
+
doesNeedRefresh(_) {
|
|
20
|
+
return true;
|
|
21
|
+
}
|
|
22
|
+
getUpdatedState(state) {
|
|
23
|
+
const bounds = getOrCall(this.props.config.bounds);
|
|
24
|
+
const max = (bounds?.length ?? 0) >= 2 ? bounds[1] : Infinity;
|
|
25
|
+
const min = (bounds?.length ?? 0) >= 1 ? bounds[0] : -Infinity;
|
|
26
|
+
const step = getOrCall(this.props.config.stepSize) || (isFinite(max) && isFinite(min) ? (Math.pow(10, Math.floor(Math.log10((max - min) / 100)))) : 0.01);
|
|
27
|
+
state = super.getUpdatedState({
|
|
28
|
+
...state,
|
|
29
|
+
min, max, step
|
|
30
|
+
});
|
|
31
|
+
let com = this.props.config.type.replace('vector', '').replace('vec', '');
|
|
32
|
+
let components = 0;
|
|
33
|
+
if (!com.length) {
|
|
34
|
+
let v = state.value;
|
|
35
|
+
if (typeof v.w === "number")
|
|
36
|
+
components = 4;
|
|
37
|
+
else if (typeof v.z === "number")
|
|
38
|
+
components = 3;
|
|
39
|
+
else if (typeof v.y === "number")
|
|
40
|
+
components = 2;
|
|
41
|
+
else if (typeof v.x === "number")
|
|
42
|
+
components = 1;
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
components = Math.min(4, Math.max(1, parseInt(com)));
|
|
46
|
+
}
|
|
47
|
+
state.components = components;
|
|
48
|
+
return state;
|
|
49
|
+
}
|
|
50
|
+
_inputs = [React.createRef(), React.createRef(), React.createRef(), React.createRef()];
|
|
51
|
+
async refreshConfigState(state) {
|
|
52
|
+
await super.refreshConfigState(state);
|
|
53
|
+
await this._inputs[0].current?.setValue(this.state.value.x);
|
|
54
|
+
await this._inputs[1].current?.setValue(this.state.value.y);
|
|
55
|
+
await this._inputs[2].current?.setValue(this.state.value.z);
|
|
56
|
+
await this._inputs[3].current?.setValue(this.state.value.w);
|
|
57
|
+
}
|
|
58
|
+
renderInput() {
|
|
59
|
+
let ret = [];
|
|
60
|
+
if (!this.state.value)
|
|
61
|
+
return _jsx(_Fragment, {});
|
|
62
|
+
if (this.state.components > 0) {
|
|
63
|
+
const x = (_jsx(ExtendedNumericInput, { style: { maxWidth: "8rem", minWidth: "2rem" }, disabled: this.state.disabled, readOnly: this.state.readOnly, leftIcon: xIcon3, value: this.state.value.x, ref: this._inputs[0], min: this.state.min, max: this.state.max, stepSize: this.state.step, minorStepSize: this.state.step / 10, majorStepSize: this.state.step * 10, buttonPosition: "none", onChange2: (v, last) => {
|
|
64
|
+
this.state.value.x = v;
|
|
65
|
+
this.setValue(this.state.value, last);
|
|
66
|
+
} }, this.props.config.uuid + '_x'));
|
|
67
|
+
ret.push(x);
|
|
68
|
+
}
|
|
69
|
+
if (this.state.components > 1) {
|
|
70
|
+
const y = (_jsx(ExtendedNumericInput, { style: { maxWidth: "8rem", minWidth: "2rem" }, disabled: this.state.disabled, readOnly: this.state.readOnly, value: this.state.value.y, leftIcon: yIcon3, ref: this._inputs[1], min: this.state.min, max: this.state.max, stepSize: this.state.step, minorStepSize: this.state.step / 10, majorStepSize: this.state.step * 10, buttonPosition: "none", onChange2: (v, last) => {
|
|
71
|
+
this.state.value.y = v;
|
|
72
|
+
this.setValue(this.state.value, last);
|
|
73
|
+
} }, this.props.config.uuid + '_y'));
|
|
74
|
+
ret.push(y);
|
|
75
|
+
}
|
|
76
|
+
if (this.state.components > 2) {
|
|
77
|
+
const z = (_jsx(ExtendedNumericInput, { style: { maxWidth: "8rem", minWidth: "2rem" }, disabled: this.state.disabled, readOnly: this.state.readOnly, value: this.state.value.z, leftIcon: zIcon3, min: this.state.min, max: this.state.max, stepSize: this.state.step, ref: this._inputs[2], minorStepSize: this.state.step / 10, majorStepSize: this.state.step * 10, buttonPosition: "none", onChange2: (v, last) => {
|
|
78
|
+
this.state.value.z = v;
|
|
79
|
+
this.setValue(this.state.value, last);
|
|
80
|
+
} }, this.props.config.uuid + '_z'));
|
|
81
|
+
ret.push(z);
|
|
82
|
+
}
|
|
83
|
+
if (this.state.components > 3) {
|
|
84
|
+
const z = (_jsx(ExtendedNumericInput, { style: { maxWidth: "8rem", minWidth: "2rem" }, disabled: this.state.disabled, readOnly: this.state.readOnly, value: this.state.value.w, leftIcon: wIcon3, ref: this._inputs[3], min: this.state.min, max: this.state.max, stepSize: this.state.step, minorStepSize: this.state.step / 10, majorStepSize: this.state.step * 10, buttonPosition: "none", onChange2: (v, last) => {
|
|
85
|
+
this.state.value.w = v;
|
|
86
|
+
this.setValue(this.state.value, last);
|
|
87
|
+
} }, this.props.config.uuid + '_w'));
|
|
88
|
+
ret.push(z);
|
|
89
|
+
}
|
|
90
|
+
return ret;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
//# sourceMappingURL=BPVectorInputComponent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BPVectorInputComponent.js","sourceRoot":"","sources":["../../../src/bpComponents/BPVectorInputComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Button, Card, PanelStack2, Popover } from "@blueprintjs/core";
|
|
4
|
+
import { ConfigObject } from "../ConfigObject";
|
|
5
|
+
import { UiConfigRendererContext } from '../bpComponents/BPComponent';
|
|
6
|
+
import { Classes } from '@blueprintjs/core/src/common';
|
|
7
|
+
import { defaultVisualStyle, setupVisualStyle, ThemeSettingsMenuComponent, VisualStyleContext } from './VisualStyleContext';
|
|
8
|
+
export function ConfigurationPanelComponent({ config }) {
|
|
9
|
+
const renderer = React.useContext(UiConfigRendererContext);
|
|
10
|
+
const stackItem = React.useCallback(() => {
|
|
11
|
+
return {
|
|
12
|
+
props: { config: config },
|
|
13
|
+
renderPanel(props) {
|
|
14
|
+
return (_jsx("ul", { style: { listStyleType: "none", paddingLeft: "0", margin: "0" }, children: config && (_jsx(ConfigObject, { ...props, isPanel: true })) }));
|
|
15
|
+
},
|
|
16
|
+
title: renderer.methods.getLabel(config)
|
|
17
|
+
};
|
|
18
|
+
}, [config]);
|
|
19
|
+
const [currentPanelStack, setCurrentPanelStack] = React.useState([stackItem()]);
|
|
20
|
+
React.useEffect(() => {
|
|
21
|
+
setCurrentPanelStack([stackItem()]);
|
|
22
|
+
}, [config]);
|
|
23
|
+
const style = setupVisualStyle();
|
|
24
|
+
return (_jsx(VisualStyleContext.Provider, { value: { ...defaultVisualStyle, ...style }, children: _jsxs(Card, { id: "bpInspectorCard", className: style.darkMode ? Classes.DARK : "", style: { height: "100%", flexGrow: "1", position: "relative" }, children: [_jsx(PanelStack2, { className: "inspectorPanelStack", showPanelHeader: true, renderActivePanelOnly: true, onOpen: (p) => setCurrentPanelStack([...currentPanelStack, p]), onClose: () => setCurrentPanelStack(currentPanelStack.slice(0, -1)), stack: currentPanelStack }), _jsx("div", { className: "bpPanelStackHeaderOverlay " + Classes.PANEL_STACK2_HEADER, children: _jsx(Popover, { targetProps: { style: { position: "absolute", right: "5px" } }, minimal: true, targetTagName: "div", content: _jsx(ThemeSettingsMenuComponent, {}), placement: "bottom", children: _jsx(Button, { icon: "cog", small: true, minimal: true, text: "" }) }) })] }) }));
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=ConfigurationPanelComponent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfigurationPanelComponent.js","sourceRoot":"","sources":["../../../src/components/ConfigurationPanelComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type DialogStateType = {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
title: string;
|
|
5
|
+
content: ReactNode;
|
|
6
|
+
actions: ReactNode;
|
|
7
|
+
state: any;
|
|
8
|
+
canClose: boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare const defaultDialogContext: {
|
|
11
|
+
isOpen: boolean;
|
|
12
|
+
title: string;
|
|
13
|
+
content: ReactNode;
|
|
14
|
+
actions: ReactNode;
|
|
15
|
+
state: any;
|
|
16
|
+
canClose: boolean;
|
|
17
|
+
};
|
|
18
|
+
export declare function setupDialog(): {
|
|
19
|
+
dialog: DialogStateType;
|
|
20
|
+
open: (d: Partial<DialogStateType>) => void;
|
|
21
|
+
close: () => void;
|
|
22
|
+
};
|
|
23
|
+
export declare const DialogContext: import("react").Context<{
|
|
24
|
+
dialog: DialogStateType;
|
|
25
|
+
open: (d: Partial<DialogStateType>) => void;
|
|
26
|
+
close: () => void;
|
|
27
|
+
}>;
|
|
28
|
+
export declare const useDialog: () => {
|
|
29
|
+
dialog: DialogStateType;
|
|
30
|
+
open: (d: Partial<DialogStateType>) => void;
|
|
31
|
+
close: () => void;
|
|
32
|
+
};
|
|
33
|
+
export declare function DialogProvider({ children }: {
|
|
34
|
+
children: ReactNode;
|
|
35
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export declare function DialogComponent(): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export declare function useDialogPrompt(): {
|
|
38
|
+
prompt: ({ closeButtonText, submitButtonText, message, placeholder, value, onClose, onSubmit, ...props }: Partial<DialogStateType> & {
|
|
39
|
+
closeButtonText?: string | undefined;
|
|
40
|
+
submitButtonText?: string | undefined;
|
|
41
|
+
message?: string | undefined;
|
|
42
|
+
placeholder?: string | undefined;
|
|
43
|
+
value?: string | undefined;
|
|
44
|
+
onClose?: ((value: string) => boolean | undefined | Promise<boolean | undefined>) | undefined;
|
|
45
|
+
onSubmit?: ((value: string) => boolean | undefined | Promise<boolean | undefined>) | undefined;
|
|
46
|
+
}) => Promise<string | null>;
|
|
47
|
+
close: () => void;
|
|
48
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { createContext, useCallback, useContext, useState } from 'react';
|
|
3
|
+
import { Button, Dialog, DialogBody, DialogFooter, InputGroup, Label } from '@blueprintjs/core';
|
|
4
|
+
import { useLoadingState } from './loadingState';
|
|
5
|
+
export const defaultDialogContext = {
|
|
6
|
+
isOpen: false, title: '',
|
|
7
|
+
content: null,
|
|
8
|
+
actions: null,
|
|
9
|
+
state: {}, canClose: true,
|
|
10
|
+
};
|
|
11
|
+
export function setupDialog() {
|
|
12
|
+
const [dialog, setDialog] = useState(defaultDialogContext);
|
|
13
|
+
const open = useCallback((d) => {
|
|
14
|
+
setDialog({ ...dialog, isOpen: true, ...d });
|
|
15
|
+
}, [dialog, setDialog]);
|
|
16
|
+
const close = useCallback(() => setDialog({ ...dialog, isOpen: false }), [dialog, setDialog]);
|
|
17
|
+
return { dialog, open, close };
|
|
18
|
+
}
|
|
19
|
+
export const DialogContext = createContext({ dialog: defaultDialogContext, open: () => { }, close: () => { } });
|
|
20
|
+
export const useDialog = () => useContext(DialogContext);
|
|
21
|
+
export function DialogProvider({ children }) {
|
|
22
|
+
const dialog = setupDialog();
|
|
23
|
+
return _jsx(DialogContext.Provider, { value: { ...dialog }, children: children });
|
|
24
|
+
}
|
|
25
|
+
export function DialogComponent() {
|
|
26
|
+
const { dialog, close } = useDialog();
|
|
27
|
+
return (_jsxs(Dialog, { title: dialog.title, isOpen: dialog.isOpen, isCloseButtonShown: true, onClose: () => { dialog.canClose && close(); }, children: [_jsx(DialogBody, { children: dialog.content }), _jsx(DialogFooter, { actions: dialog.actions })] }));
|
|
28
|
+
}
|
|
29
|
+
export function useDialogPrompt() {
|
|
30
|
+
const { open, close } = useDialog();
|
|
31
|
+
const { loadingState, updateLoading } = useLoadingState();
|
|
32
|
+
const prompt = useCallback(({ closeButtonText = 'Close', submitButtonText = 'Okay', message = 'Enter some text: ', placeholder = '', value = '', onClose, onSubmit, ...props }) => {
|
|
33
|
+
return new Promise((resolve) => {
|
|
34
|
+
const state = { value };
|
|
35
|
+
open({
|
|
36
|
+
...props,
|
|
37
|
+
state,
|
|
38
|
+
content: (_jsxs(Label, { children: [message, _jsx(InputGroup, { placeholder: placeholder, defaultValue: state.value, onChange: (e) => state.value = e.target.value })] })),
|
|
39
|
+
actions: (_jsxs(_Fragment, { children: [_jsx(Button, { text: closeButtonText, loading: loadingState['popup-close'], onClick: () => updateLoading('popup-close', (async () => {
|
|
40
|
+
if (!(onClose && (await onClose(state.value)) !== false)) {
|
|
41
|
+
close();
|
|
42
|
+
resolve(null);
|
|
43
|
+
}
|
|
44
|
+
})()) }), _jsx(Button, { text: submitButtonText, intent: "primary", loading: loadingState['popup-submit'], onClick: () => updateLoading('popup-submit', (async () => {
|
|
45
|
+
if (!(onSubmit && (await onSubmit(state.value)) !== false)) {
|
|
46
|
+
close();
|
|
47
|
+
resolve(state.value);
|
|
48
|
+
}
|
|
49
|
+
})()) })] })),
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
}, [open, close, loadingState, updateLoading]);
|
|
53
|
+
return { prompt, close };
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=DialogContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DialogContext.js","sourceRoot":"","sources":["../../../src/components/DialogContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,aAAa,EAAa,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AACjF,OAAO,EAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAA;AAC7F,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAA;AAU9C,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IACxB,OAAO,EAAE,IAAiB;IAC1B,OAAO,EAAE,IAAiB;IAC1B,KAAK,EAAE,EAAS,EAAE,QAAQ,EAAE,IAAI;CACnC,CAAA;AACD,MAAM,UAAU,WAAW;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAkB,oBAAoB,CAAC,CAAA;IAC3E,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAA2B,EAAC,EAAE;QACpD,SAAS,CAAC,EAAC,GAAG,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,EAAC,CAAC,CAAA;IAC9C,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAA;IACvB,MAAM,KAAK,GAAG,WAAW,CAAC,GAAE,EAAE,CAAA,SAAS,CAAC,EAAC,GAAG,MAAM,EAAE,MAAM,EAAE,KAAK,EAAC,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAA;IACzF,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAC,CAAA;AAChC,CAAC;AACD,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACtC,EAAC,MAAM,EAAE,oBAAoB,EAAE,IAAI,EAAE,GAAE,EAAE,GAAC,CAAC,EAAE,KAAK,EAAE,GAAE,EAAE,GAAC,CAAC,EAAC,CAC9D,CAAA;AACD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;AAExD,MAAM,UAAU,cAAc,CAAC,EAAC,QAAQ,EAAwB;IAC5D,MAAM,MAAM,GAAG,WAAW,EAAE,CAAA;IAC5B,OAAO,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,GAAG,MAAM,EAAC,YAC5C,QAAQ,GACY,CAAA;AAC7B,CAAC;AAED,MAAM,UAAU,eAAe;IAC3B,MAAM,EAAC,MAAM,EAAE,KAAK,EAAC,GAAG,SAAS,EAAE,CAAA;IACnC,OAAO,CACH,MAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,MAAM,CAAC,QAAQ,IAAI,KAAK,EAAE,CAAA,CAAA,CAAC,aACzH,KAAC,UAAU,cACN,MAAM,CAAC,OAAO,GACN,EACb,KAAC,YAAY,IAAC,OAAO,EAAE,MAAM,CAAC,OAAO,GAAG,IACnC,CAAC,CAAA;AACd,CAAC;AAkBD,MAAM,UAAU,eAAe;IAC3B,MAAM,EAAC,IAAI,EAAE,KAAK,EAAC,GAAG,SAAS,EAAE,CAAA;IACjC,MAAM,EAAC,YAAY,EAAE,aAAa,EAAC,GAAG,eAAe,EAAE,CAAA;IACvD,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,EACxB,eAAe,GAAG,OAAO,EACzB,gBAAgB,GAAG,MAAM,EACzB,OAAO,GAAG,mBAAmB,EAC7B,WAAW,GAAG,EAAE,EAChB,KAAK,GAAG,EAAE,EACV,OAAO,EAAE,QAAQ,EACjB,GAAG,KAAK,EASX,EAAE,EAAE;QACD,OAAO,IAAI,OAAO,CAAc,CAAC,OAAO,EAAC,EAAE;YACvC,MAAM,KAAK,GAAG,EAAC,KAAK,EAAC,CAAA;YACrB,IAAI,CAAC;gBACD,GAAG,KAAK;gBACR,KAAK;gBACL,OAAO,EAAE,CACL,MAAC,KAAK,eACD,OAAO,EACR,KAAC,UAAU,IACP,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,KAAK,CAAC,KAAK,EACzB,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,GACpD,IACE,CACX;gBACD,OAAO,EAAE,CACL,8BACI,KAAC,MAAM,IAAC,IAAI,EAAE,eAAe,EACrB,OAAO,EAAE,YAAY,CAAC,aAAa,CAAC,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,aAAa,EAAE,CAAC,KAAK,IAAE,EAAE;gCAClD,IAAG,CAAC,CAAC,OAAO,IAAI,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAG,KAAK,CAAC,EAAC,CAAC;oCACnD,KAAK,EAAE,CAAA;oCACP,OAAO,CAAC,IAAI,CAAC,CAAA;gCACjB,CAAC;4BACL,CAAC,CAAC,EAAE,CAAC,GAAG,EAChB,KAAC,MAAM,IAAC,IAAI,EAAE,gBAAgB,EACtB,MAAM,EAAC,SAAS,EAChB,OAAO,EAAE,YAAY,CAAC,cAAc,CAAC,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,cAAc,EAAE,CAAC,KAAK,IAAE,EAAE;gCACnD,IAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAG,KAAK,CAAC,EAAC,CAAC;oCACrD,KAAK,EAAE,CAAA;oCACP,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;gCACxB,CAAC;4BACL,CAAC,CAAC,EAAE,CAAC,GAAG,IACjB,CACN;aACJ,CAAC,CAAA;QACN,CAAC,CAAC,CAAA;IACN,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC,CAAA;IAC9C,OAAO,EAAC,MAAM,EAAE,KAAK,EAAC,CAAA;AAC1B,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { IconName, MaybeElement } from "@blueprintjs/core";
|
|
3
|
+
export declare class DraggableIcon extends React.Component<{
|
|
4
|
+
icon: IconName | MaybeElement;
|
|
5
|
+
size?: number;
|
|
6
|
+
value: number;
|
|
7
|
+
stepSize?: number;
|
|
8
|
+
small?: boolean;
|
|
9
|
+
onChange: (v: number, last?: boolean) => void;
|
|
10
|
+
}> {
|
|
11
|
+
private cursor;
|
|
12
|
+
private dragStartOffset;
|
|
13
|
+
private dragStartValue;
|
|
14
|
+
private lastValue;
|
|
15
|
+
private removeEvents;
|
|
16
|
+
private mouseUpEvent;
|
|
17
|
+
private mouseMoveEvent;
|
|
18
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Icon } from "@blueprintjs/core";
|
|
4
|
+
export class DraggableIcon extends React.Component {
|
|
5
|
+
cursor = 'auto';
|
|
6
|
+
dragStartOffset = -Infinity;
|
|
7
|
+
dragStartValue = -Infinity;
|
|
8
|
+
lastValue = -Infinity;
|
|
9
|
+
removeEvents = () => {
|
|
10
|
+
if (isFinite(this.lastValue))
|
|
11
|
+
this.props.onChange(this.lastValue);
|
|
12
|
+
this.lastValue = -Infinity;
|
|
13
|
+
this.dragStartOffset = -Infinity;
|
|
14
|
+
this.dragStartValue = -Infinity;
|
|
15
|
+
document.removeEventListener('mousemove', this.mouseMoveEvent);
|
|
16
|
+
document.removeEventListener('mouseup', this.mouseUpEvent);
|
|
17
|
+
document.documentElement.style.cursor = this.cursor;
|
|
18
|
+
};
|
|
19
|
+
mouseUpEvent = (ev) => {
|
|
20
|
+
ev.stopPropagation();
|
|
21
|
+
ev.preventDefault();
|
|
22
|
+
this.removeEvents();
|
|
23
|
+
};
|
|
24
|
+
mouseMoveEvent = (ev) => {
|
|
25
|
+
ev.stopPropagation();
|
|
26
|
+
ev.preventDefault();
|
|
27
|
+
if (ev.buttons > 0) {
|
|
28
|
+
if (isFinite(this.dragStartValue) && isFinite(this.dragStartOffset)) {
|
|
29
|
+
let stepSize = (this.props.stepSize ?? 1) / 10;
|
|
30
|
+
let curr = ev.clientX;
|
|
31
|
+
let mm = 100;
|
|
32
|
+
let off = this.dragStartOffset - curr;
|
|
33
|
+
off = off / mm;
|
|
34
|
+
off *= ((stepSize) * 100) / 2;
|
|
35
|
+
if (ev.shiftKey)
|
|
36
|
+
off *= 10;
|
|
37
|
+
if (ev.altKey)
|
|
38
|
+
off *= 0.1;
|
|
39
|
+
let val = this.dragStartValue - off;
|
|
40
|
+
val = Number(val.toFixed(Math.max(1, -Math.log10(stepSize / 10))));
|
|
41
|
+
this.props.onChange(val, false);
|
|
42
|
+
this.lastValue = val;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
this.removeEvents();
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
render() {
|
|
50
|
+
return (_jsx("div", { style: { cursor: 'ew-resize', marginLeft: "6px", marginRight: "6px", marginTop: this.props.small ? "3px" : "6px", marginBottom: this.props.small ? "3px" : "6px" }, onMouseDown: (ev) => {
|
|
51
|
+
this.dragStartOffset = ev.clientX;
|
|
52
|
+
this.dragStartValue = this.props.value;
|
|
53
|
+
ev.stopPropagation();
|
|
54
|
+
ev.preventDefault();
|
|
55
|
+
this.cursor = document.documentElement.style.cursor;
|
|
56
|
+
document.documentElement.style.cursor = "ew-resize";
|
|
57
|
+
document.addEventListener('mousemove', this.mouseMoveEvent);
|
|
58
|
+
document.addEventListener('mouseup', this.mouseUpEvent);
|
|
59
|
+
}, children: _jsx(Icon, { icon: this.props.icon, size: this.props.size }) }));
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=DraggableIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DraggableIcon.js","sourceRoot":"","sources":["../../../src/components/DraggableIcon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { HTMLInputProps, NumericInputProps } from "@blueprintjs/core";
|
|
3
|
+
export interface IExtendedNumericInputState {
|
|
4
|
+
value?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare class ExtendedNumericInput extends React.PureComponent<HTMLInputProps & NumericInputProps & {
|
|
7
|
+
onChange2: (v: number, last?: boolean) => void;
|
|
8
|
+
}, IExtendedNumericInputState> {
|
|
9
|
+
state: IExtendedNumericInputState;
|
|
10
|
+
setValue(val?: number): Promise<void>;
|
|
11
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
private handleBlur;
|
|
13
|
+
private _lastChangedValue;
|
|
14
|
+
private handleKeyDown;
|
|
15
|
+
private handleValueChange;
|
|
16
|
+
private handleButtonClick;
|
|
17
|
+
private handleConfirm;
|
|
18
|
+
private expandScientificNotationTerms;
|
|
19
|
+
private expandNumberAbbreviationTerms;
|
|
20
|
+
private evaluateSimpleMathExpression;
|
|
21
|
+
private nanStringToEmptyString;
|
|
22
|
+
private expandAbbreviatedNumber;
|
|
23
|
+
private expandScientificNotationNumber;
|
|
24
|
+
private roundValue;
|
|
25
|
+
}
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { NumericInput } from "@blueprintjs/core";
|
|
4
|
+
import { DraggableIcon } from "./DraggableIcon";
|
|
5
|
+
const NumberAbbreviation = {
|
|
6
|
+
BILLION: "b",
|
|
7
|
+
MILLION: "m",
|
|
8
|
+
THOUSAND: "k",
|
|
9
|
+
};
|
|
10
|
+
const NUMBER_ABBREVIATION_REGEX = /((\.\d+)|(\d+(\.\d+)?))(k|m|b)\b/gi;
|
|
11
|
+
const SCIENTIFIC_NOTATION_REGEX = /((\.\d+)|(\d+(\.\d+)?))(e\d+)\b/gi;
|
|
12
|
+
export class ExtendedNumericInput extends React.PureComponent {
|
|
13
|
+
state = {
|
|
14
|
+
value: (this.props.value ?? this.props.defaultValue ?? '').toString(),
|
|
15
|
+
};
|
|
16
|
+
async setValue(val) {
|
|
17
|
+
return new Promise((resolve) => {
|
|
18
|
+
this.setState({ value: (val ?? this.props.value ?? this.props.defaultValue ?? '').toString() }, resolve);
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
render() {
|
|
22
|
+
const { value } = this.state;
|
|
23
|
+
const props2 = { ...this.props };
|
|
24
|
+
if (props2.onChange2)
|
|
25
|
+
delete props2.onChange2;
|
|
26
|
+
return (_jsx(NumericInput, { ...props2, leftElement: (_jsx(DraggableIcon, { icon: this.props.leftIcon ?? "variable", size: 16, small: this.props.small, value: parseFloat(value ?? '0'), stepSize: this.props.stepSize, onChange: (v, last) => {
|
|
27
|
+
this.handleValueChange(v, v.toString(), null, last, true);
|
|
28
|
+
} })), buttonPosition: this.props.buttonPosition ?? (this.props.disabled ? "none" : "right"), allowNumericCharactersOnly: false, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, onButtonClick: this.handleButtonClick, onValueChange: this.handleValueChange, placeholder: "Enter a number or expression...", value: value }));
|
|
29
|
+
}
|
|
30
|
+
handleBlur = (e) => {
|
|
31
|
+
this.handleConfirm(e.target.value);
|
|
32
|
+
};
|
|
33
|
+
_lastChangedValue = null;
|
|
34
|
+
handleKeyDown = (e) => {
|
|
35
|
+
if (e.code === 'Enter') {
|
|
36
|
+
this.handleConfirm(e.target.value);
|
|
37
|
+
}
|
|
38
|
+
else if (e.code === 'ArrowUp' || e.code === 'ArrowDown') {
|
|
39
|
+
if (this._lastChangedValue) {
|
|
40
|
+
if (!this._lastChangedValue[1].length && e.target.value.length) {
|
|
41
|
+
this.handleConfirm(e.target.value);
|
|
42
|
+
}
|
|
43
|
+
else
|
|
44
|
+
this.handleValueChange(this._lastChangedValue[0], this._lastChangedValue[1], e.target, true, true);
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
this.handleConfirm(e.target.value);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
this._lastChangedValue = null;
|
|
51
|
+
};
|
|
52
|
+
handleValueChange = (_valueAsNumber, valueAsString, inputElement, last, dispatchOnChange2 = false) => {
|
|
53
|
+
this._lastChangedValue = [_valueAsNumber, valueAsString];
|
|
54
|
+
this.setState({ value: valueAsString }, () => {
|
|
55
|
+
this.props.onValueChange?.(_valueAsNumber, valueAsString, inputElement);
|
|
56
|
+
if (dispatchOnChange2)
|
|
57
|
+
this.props.onChange2?.(_valueAsNumber, last);
|
|
58
|
+
});
|
|
59
|
+
};
|
|
60
|
+
handleButtonClick = (_valueAsNumber, valueAsString) => {
|
|
61
|
+
this.handleValueChange(_valueAsNumber, valueAsString, null, true, true);
|
|
62
|
+
};
|
|
63
|
+
handleConfirm = (value) => {
|
|
64
|
+
let result = value;
|
|
65
|
+
result = this.expandScientificNotationTerms(result);
|
|
66
|
+
result = this.expandNumberAbbreviationTerms(result);
|
|
67
|
+
result = this.evaluateSimpleMathExpression(result);
|
|
68
|
+
result = this.nanStringToEmptyString(result);
|
|
69
|
+
this.setState({ value: result }, () => {
|
|
70
|
+
this.props.onValueChange?.(parseFloat(result) || 0, result, null);
|
|
71
|
+
this.props.onChange2?.(parseFloat(result) || 0);
|
|
72
|
+
});
|
|
73
|
+
this.forceUpdate();
|
|
74
|
+
};
|
|
75
|
+
expandScientificNotationTerms = (value) => {
|
|
76
|
+
if (!value) {
|
|
77
|
+
return value;
|
|
78
|
+
}
|
|
79
|
+
return value.replace(SCIENTIFIC_NOTATION_REGEX, this.expandScientificNotationNumber);
|
|
80
|
+
};
|
|
81
|
+
expandNumberAbbreviationTerms = (value) => {
|
|
82
|
+
if (!value) {
|
|
83
|
+
return value;
|
|
84
|
+
}
|
|
85
|
+
return value.replace(NUMBER_ABBREVIATION_REGEX, this.expandAbbreviatedNumber);
|
|
86
|
+
};
|
|
87
|
+
evaluateSimpleMathExpression = (value) => {
|
|
88
|
+
if (!value) {
|
|
89
|
+
return value;
|
|
90
|
+
}
|
|
91
|
+
const terms = value.split(/[+\-*\/^]/);
|
|
92
|
+
const trimmedTerms = terms.map((term) => term.trim());
|
|
93
|
+
const numericTerms = trimmedTerms.map((term) => +term);
|
|
94
|
+
const illegalTerms = numericTerms.filter(isNaN);
|
|
95
|
+
if (illegalTerms.length > 0) {
|
|
96
|
+
return "";
|
|
97
|
+
}
|
|
98
|
+
let total = 0;
|
|
99
|
+
const matches = value.match(/[+\-*\/^]*\s*(\.\d+|\d+(\.\d+)?)/gi) || [];
|
|
100
|
+
for (const match of matches) {
|
|
101
|
+
const compactedMatch = match.replace(/\s/g, "");
|
|
102
|
+
const compactedMatchNum = compactedMatch.replace(/[*\/^]/g, "");
|
|
103
|
+
const num = parseFloat(compactedMatchNum);
|
|
104
|
+
if (compactedMatch.startsWith("*"))
|
|
105
|
+
total *= num;
|
|
106
|
+
else if (compactedMatch.startsWith("/"))
|
|
107
|
+
total /= num;
|
|
108
|
+
else if (compactedMatch.startsWith("^"))
|
|
109
|
+
total = Math.pow(total, num);
|
|
110
|
+
else
|
|
111
|
+
total += num;
|
|
112
|
+
}
|
|
113
|
+
const roundedTotal = this.roundValue(total);
|
|
114
|
+
return roundedTotal.toString();
|
|
115
|
+
};
|
|
116
|
+
nanStringToEmptyString = (value) => {
|
|
117
|
+
return value === "NaN" ? "" : value;
|
|
118
|
+
};
|
|
119
|
+
expandAbbreviatedNumber = (value) => {
|
|
120
|
+
if (!value) {
|
|
121
|
+
return value;
|
|
122
|
+
}
|
|
123
|
+
const num = +value.substring(0, value.length - 1);
|
|
124
|
+
const lastChar = value.charAt(value.length - 1).toLowerCase();
|
|
125
|
+
let result = null;
|
|
126
|
+
if (lastChar === NumberAbbreviation.THOUSAND) {
|
|
127
|
+
result = num * 1e3;
|
|
128
|
+
}
|
|
129
|
+
else if (lastChar === NumberAbbreviation.MILLION) {
|
|
130
|
+
result = num * 1e6;
|
|
131
|
+
}
|
|
132
|
+
else if (lastChar === NumberAbbreviation.BILLION) {
|
|
133
|
+
result = num * 1e9;
|
|
134
|
+
}
|
|
135
|
+
const isValid = result != null && !isNaN(result);
|
|
136
|
+
if (isValid) {
|
|
137
|
+
result = this.roundValue(result);
|
|
138
|
+
}
|
|
139
|
+
return isValid ? result.toString() : "";
|
|
140
|
+
};
|
|
141
|
+
expandScientificNotationNumber = (value) => {
|
|
142
|
+
if (!value) {
|
|
143
|
+
return value;
|
|
144
|
+
}
|
|
145
|
+
return (+value).toString();
|
|
146
|
+
};
|
|
147
|
+
roundValue = (value, precision = 1) => {
|
|
148
|
+
return Math.round(value * 10 ** precision) / 10 ** precision;
|
|
149
|
+
};
|
|
150
|
+
}
|
|
151
|
+
//# sourceMappingURL=ExtendedNumericInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExtendedNumericInput.js","sourceRoot":"","sources":["../../../src/components/ExtendedNumericInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { BPFileComponentState } from "../bpComponents/BPFileComponent";
|
|
3
|
+
export interface FileComponentProps {
|
|
4
|
+
state: BPFileComponentState;
|
|
5
|
+
onChange: (state: Partial<BPFileComponentState>) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const FileComponent: React.FC<FileComponentProps>;
|