PromucFlow_constructor/app/client/src/widgets/CodeScannerWidget/index.ts

40 lines
1014 B
TypeScript
Raw Normal View History

feat: Code Scanner Widget (#15990) * feat: Add QR Scanner Widget Folder * feat: Add QR Code Scanner in the Modal * feat: Add viewfinder and close button * QR generator * feat: Change deafult camera in QR Scanner to back camera * feat: remove qr generator widget from the registry * feat: update qr scanner icon * style: qr code scanner modal and video container, remove futile code * feat: add camera switch control panel to qr scanner * fix: update input devices list when the menu opens in qr scanner * fix: viewfinder in qr scanner responsive on mobile * feat: Add onCodeDetected event to the QR Scanner widget * feat: Add QR Scanner to autocomplete's entity definitions * feat: Add tooltip to QR Scanner * fix: isDisabled for QR Scanner * feat: Add icon and related properties to QR Scanner * feat: Add QR Scanner search tags, remove futile styles * feat: Add QR Scanner to themes, regex for button color * test: Add one cy test for qr scanner * revert: Remove qr scanner from system themes, will be merged in a seperate PR * fix: typo 'disable' to 'disabled' in qr scanner widget * test: add disabled and visibility cy tests for qr scanner * test: add open and close qr scanner modal test * feat: remove qr scanner image for tests * feat: add TODO item for solving performance issues for QR Generator widget * feat: shift from react-qr-reader to react-qr-barcode-scanner to enable barcode and QR scanning both * feat: Update QR Scanner Widget to Code Scanner Widget * test: update tests from qr scanner to code scanner widget * refactor: move code scanner's property pane config to individual files * fix: code scanner error message on permission denied * feat: remove Modal.setAppElement from code scanner * fix: hide code scanner scan animation overflow * feat: code scanner modal close on escape and overlay click * fix: code scanner video border radius on mobile * test: scan qr test for code scanner * feat: Add Modal.setAppElement for code scanner modal accessibility * fix: typo in search tags of code scanner * feat: update property pane content helper texts of code scanner * feat: hide code scanner widget from explorer * fix: code scanner events not working * feat: hide code scanner widget from explorer * feat: Show Code Scanner widget in Explorer * fix: remove code scanner scan cypress test * feat: Add barcode reader to search tags and put Modal.setAppElement inside a block in code scanner Co-authored-by: balajisoundar <balaji@appsmith.com> Co-authored-by: Aishwarya UR <aishwarya@appsmith.com>
2022-09-16 04:55:32 +00:00
import IconSVG from "./icon.svg";
import Widget from "./widget";
import { ButtonPlacementTypes } from "components/constants";
import { ScannerLayout } from "./constants";
feat: Code Scanner Widget (#15990) * feat: Add QR Scanner Widget Folder * feat: Add QR Code Scanner in the Modal * feat: Add viewfinder and close button * QR generator * feat: Change deafult camera in QR Scanner to back camera * feat: remove qr generator widget from the registry * feat: update qr scanner icon * style: qr code scanner modal and video container, remove futile code * feat: add camera switch control panel to qr scanner * fix: update input devices list when the menu opens in qr scanner * fix: viewfinder in qr scanner responsive on mobile * feat: Add onCodeDetected event to the QR Scanner widget * feat: Add QR Scanner to autocomplete's entity definitions * feat: Add tooltip to QR Scanner * fix: isDisabled for QR Scanner * feat: Add icon and related properties to QR Scanner * feat: Add QR Scanner search tags, remove futile styles * feat: Add QR Scanner to themes, regex for button color * test: Add one cy test for qr scanner * revert: Remove qr scanner from system themes, will be merged in a seperate PR * fix: typo 'disable' to 'disabled' in qr scanner widget * test: add disabled and visibility cy tests for qr scanner * test: add open and close qr scanner modal test * feat: remove qr scanner image for tests * feat: add TODO item for solving performance issues for QR Generator widget * feat: shift from react-qr-reader to react-qr-barcode-scanner to enable barcode and QR scanning both * feat: Update QR Scanner Widget to Code Scanner Widget * test: update tests from qr scanner to code scanner widget * refactor: move code scanner's property pane config to individual files * fix: code scanner error message on permission denied * feat: remove Modal.setAppElement from code scanner * fix: hide code scanner scan animation overflow * feat: code scanner modal close on escape and overlay click * fix: code scanner video border radius on mobile * test: scan qr test for code scanner * feat: Add Modal.setAppElement for code scanner modal accessibility * fix: typo in search tags of code scanner * feat: update property pane content helper texts of code scanner * feat: hide code scanner widget from explorer * fix: code scanner events not working * feat: hide code scanner widget from explorer * feat: Show Code Scanner widget in Explorer * fix: remove code scanner scan cypress test * feat: Add barcode reader to search tags and put Modal.setAppElement inside a block in code scanner Co-authored-by: balajisoundar <balaji@appsmith.com> Co-authored-by: Aishwarya UR <aishwarya@appsmith.com>
2022-09-16 04:55:32 +00:00
export const CONFIG = {
type: Widget.getWidgetType(),
name: "Code Scanner",
iconSVG: IconSVG,
needsMeta: true,
searchTags: [
"barcode scanner",
"qr scanner",
"code detector",
"barcode reader",
],
defaults: {
rows: 33,
feat: Code Scanner Widget (#15990) * feat: Add QR Scanner Widget Folder * feat: Add QR Code Scanner in the Modal * feat: Add viewfinder and close button * QR generator * feat: Change deafult camera in QR Scanner to back camera * feat: remove qr generator widget from the registry * feat: update qr scanner icon * style: qr code scanner modal and video container, remove futile code * feat: add camera switch control panel to qr scanner * fix: update input devices list when the menu opens in qr scanner * fix: viewfinder in qr scanner responsive on mobile * feat: Add onCodeDetected event to the QR Scanner widget * feat: Add QR Scanner to autocomplete's entity definitions * feat: Add tooltip to QR Scanner * fix: isDisabled for QR Scanner * feat: Add icon and related properties to QR Scanner * feat: Add QR Scanner search tags, remove futile styles * feat: Add QR Scanner to themes, regex for button color * test: Add one cy test for qr scanner * revert: Remove qr scanner from system themes, will be merged in a seperate PR * fix: typo 'disable' to 'disabled' in qr scanner widget * test: add disabled and visibility cy tests for qr scanner * test: add open and close qr scanner modal test * feat: remove qr scanner image for tests * feat: add TODO item for solving performance issues for QR Generator widget * feat: shift from react-qr-reader to react-qr-barcode-scanner to enable barcode and QR scanning both * feat: Update QR Scanner Widget to Code Scanner Widget * test: update tests from qr scanner to code scanner widget * refactor: move code scanner's property pane config to individual files * fix: code scanner error message on permission denied * feat: remove Modal.setAppElement from code scanner * fix: hide code scanner scan animation overflow * feat: code scanner modal close on escape and overlay click * fix: code scanner video border radius on mobile * test: scan qr test for code scanner * feat: Add Modal.setAppElement for code scanner modal accessibility * fix: typo in search tags of code scanner * feat: update property pane content helper texts of code scanner * feat: hide code scanner widget from explorer * fix: code scanner events not working * feat: hide code scanner widget from explorer * feat: Show Code Scanner widget in Explorer * fix: remove code scanner scan cypress test * feat: Add barcode reader to search tags and put Modal.setAppElement inside a block in code scanner Co-authored-by: balajisoundar <balaji@appsmith.com> Co-authored-by: Aishwarya UR <aishwarya@appsmith.com>
2022-09-16 04:55:32 +00:00
label: "Scan a QR/Barcode",
columns: 25,
feat: Code Scanner Widget (#15990) * feat: Add QR Scanner Widget Folder * feat: Add QR Code Scanner in the Modal * feat: Add viewfinder and close button * QR generator * feat: Change deafult camera in QR Scanner to back camera * feat: remove qr generator widget from the registry * feat: update qr scanner icon * style: qr code scanner modal and video container, remove futile code * feat: add camera switch control panel to qr scanner * fix: update input devices list when the menu opens in qr scanner * fix: viewfinder in qr scanner responsive on mobile * feat: Add onCodeDetected event to the QR Scanner widget * feat: Add QR Scanner to autocomplete's entity definitions * feat: Add tooltip to QR Scanner * fix: isDisabled for QR Scanner * feat: Add icon and related properties to QR Scanner * feat: Add QR Scanner search tags, remove futile styles * feat: Add QR Scanner to themes, regex for button color * test: Add one cy test for qr scanner * revert: Remove qr scanner from system themes, will be merged in a seperate PR * fix: typo 'disable' to 'disabled' in qr scanner widget * test: add disabled and visibility cy tests for qr scanner * test: add open and close qr scanner modal test * feat: remove qr scanner image for tests * feat: add TODO item for solving performance issues for QR Generator widget * feat: shift from react-qr-reader to react-qr-barcode-scanner to enable barcode and QR scanning both * feat: Update QR Scanner Widget to Code Scanner Widget * test: update tests from qr scanner to code scanner widget * refactor: move code scanner's property pane config to individual files * fix: code scanner error message on permission denied * feat: remove Modal.setAppElement from code scanner * fix: hide code scanner scan animation overflow * feat: code scanner modal close on escape and overlay click * fix: code scanner video border radius on mobile * test: scan qr test for code scanner * feat: Add Modal.setAppElement for code scanner modal accessibility * fix: typo in search tags of code scanner * feat: update property pane content helper texts of code scanner * feat: hide code scanner widget from explorer * fix: code scanner events not working * feat: hide code scanner widget from explorer * feat: Show Code Scanner widget in Explorer * fix: remove code scanner scan cypress test * feat: Add barcode reader to search tags and put Modal.setAppElement inside a block in code scanner Co-authored-by: balajisoundar <balaji@appsmith.com> Co-authored-by: Aishwarya UR <aishwarya@appsmith.com>
2022-09-16 04:55:32 +00:00
widgetName: "CodeScanner",
isDefaultClickDisabled: true,
scannerLayout: ScannerLayout.ALWAYS_ON,
feat: Code Scanner Widget (#15990) * feat: Add QR Scanner Widget Folder * feat: Add QR Code Scanner in the Modal * feat: Add viewfinder and close button * QR generator * feat: Change deafult camera in QR Scanner to back camera * feat: remove qr generator widget from the registry * feat: update qr scanner icon * style: qr code scanner modal and video container, remove futile code * feat: add camera switch control panel to qr scanner * fix: update input devices list when the menu opens in qr scanner * fix: viewfinder in qr scanner responsive on mobile * feat: Add onCodeDetected event to the QR Scanner widget * feat: Add QR Scanner to autocomplete's entity definitions * feat: Add tooltip to QR Scanner * fix: isDisabled for QR Scanner * feat: Add icon and related properties to QR Scanner * feat: Add QR Scanner search tags, remove futile styles * feat: Add QR Scanner to themes, regex for button color * test: Add one cy test for qr scanner * revert: Remove qr scanner from system themes, will be merged in a seperate PR * fix: typo 'disable' to 'disabled' in qr scanner widget * test: add disabled and visibility cy tests for qr scanner * test: add open and close qr scanner modal test * feat: remove qr scanner image for tests * feat: add TODO item for solving performance issues for QR Generator widget * feat: shift from react-qr-reader to react-qr-barcode-scanner to enable barcode and QR scanning both * feat: Update QR Scanner Widget to Code Scanner Widget * test: update tests from qr scanner to code scanner widget * refactor: move code scanner's property pane config to individual files * fix: code scanner error message on permission denied * feat: remove Modal.setAppElement from code scanner * fix: hide code scanner scan animation overflow * feat: code scanner modal close on escape and overlay click * fix: code scanner video border radius on mobile * test: scan qr test for code scanner * feat: Add Modal.setAppElement for code scanner modal accessibility * fix: typo in search tags of code scanner * feat: update property pane content helper texts of code scanner * feat: hide code scanner widget from explorer * fix: code scanner events not working * feat: hide code scanner widget from explorer * feat: Show Code Scanner widget in Explorer * fix: remove code scanner scan cypress test * feat: Add barcode reader to search tags and put Modal.setAppElement inside a block in code scanner Co-authored-by: balajisoundar <balaji@appsmith.com> Co-authored-by: Aishwarya UR <aishwarya@appsmith.com>
2022-09-16 04:55:32 +00:00
version: 1,
isRequired: false,
isDisabled: false,
animateLoading: true,
placement: ButtonPlacementTypes.CENTER,
},
properties: {
derived: Widget.getDerivedPropertiesMap(),
default: Widget.getDefaultPropertiesMap(),
meta: Widget.getMetaPropertiesMap(),
styleConfig: Widget.getPropertyPaneStyleConfig(),
contentConfig: Widget.getPropertyPaneContentConfig(),
},
};
export default Widget;