@qualtrics/plugin-ui-react 1.3.3 → 1.4.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/.dockerignore +10 -0
  2. package/.eslintrc.js +1 -1
  3. package/Dockerfile +18 -0
  4. package/Makefile +33 -4
  5. package/README.md +28 -0
  6. package/dist/common/capture-event/capture-event.d.ts +13 -0
  7. package/dist/common/capture-event/capture-event.test.d.ts +1 -0
  8. package/dist/common/copy-text/copy-text.d.ts +8 -0
  9. package/dist/common/copy-text/copy-text.test.d.ts +1 -0
  10. package/dist/common/field-mapper/field-mapper-key/field-mapper-key.d.ts +12 -0
  11. package/dist/common/field-mapper/field-mapper-row/field-mapper-row.d.ts +17 -0
  12. package/dist/common/field-mapper/field-mapper-value/field-mapper-value.d.ts +11 -0
  13. package/dist/common/field-mapper/field-mapper.d.ts +20 -0
  14. package/dist/common/field-mapper/index.d.ts +4 -0
  15. package/dist/common/piped-text-input/piped-text-input.d.ts +2 -2
  16. package/dist/common/piped-text-select/piped-text-menu/piped-text-menu-item/piped-text-menu-item.d.ts +16 -0
  17. package/dist/common/piped-text-select/piped-text-menu/piped-text-submenu-item/piped-text-submenu-item.d.ts +13 -0
  18. package/dist/common/portal.d.ts +3 -0
  19. package/dist/hooks/use-id.d.ts +7 -0
  20. package/dist/index.d.ts +4 -1
  21. package/dist/lib/models/field-mapper-item.d.ts +7 -0
  22. package/dist/lib/models/piped-text-menu-item-data.d.ts +21 -0
  23. package/dist/lib/models/piped-text.d.ts +16 -0
  24. package/dist/lib/type-validation/validate-primitives.d.ts +1 -0
  25. package/dist/main.es.js +959 -172
  26. package/dist/main.js +963 -170
  27. package/jenkins.groovy +284 -0
  28. package/jenkinsPipelineUtils/jira.groovy +84 -0
  29. package/jenkinsPipelineUtils/notifications.groovy +34 -0
  30. package/jenkinsPipelineUtils/pipelineControls.groovy +56 -0
  31. package/jenkinsPipelineUtils/trs.groovy +30 -0
  32. package/package.json +7 -6
  33. package/test_results/junit.xml +101 -0
  34. package/.bee +0 -2
  35. package/Jenkinsfile +0 -109
  36. package/bee +0 -932
package/.dockerignore ADDED
@@ -0,0 +1,10 @@
1
+ **/.git
2
+ **/node_modules
3
+ **/build
4
+ **/dist
5
+ **/coverage
6
+ **/.nyc_output
7
+ **/npm-debug.log
8
+ **/package-lock.json
9
+ **/yarn-error.log
10
+ **/.npmrc
package/.eslintrc.js CHANGED
@@ -72,7 +72,7 @@ module.exports = {
72
72
  'off',
73
73
  ],
74
74
  'no-var': 'error',
75
- 'prefer-arrow-callback': 'error',
75
+ 'prefer-arrow-callback': 'off',
76
76
  'arrow-spacing': [
77
77
  'error',
78
78
  { 'before': true, 'after': true }
package/Dockerfile ADDED
@@ -0,0 +1,18 @@
1
+ FROM registry-app.eng.qops.net:5001/imported/alpine/node:16-alpine as base
2
+ ENV USER actions-task
3
+ ENV GROUP actions-task
4
+ ENV HOME /home/$USER
5
+
6
+ WORKDIR $HOME
7
+ ENV NODE_ENV=development
8
+
9
+ COPY ./ .
10
+
11
+ RUN apk update && apk upgrade && apk --no-cache add curl
12
+ RUN apk add --no-cache make
13
+
14
+ RUN npm config set registry https://artifactory.eng.qops.net/artifactory/api/npm/npm-virtual
15
+
16
+ RUN npm i && npm run build
17
+
18
+ RUN npm config set registry https://registry.npmjs.org
package/Makefile CHANGED
@@ -1,4 +1,33 @@
1
- publish-alpha:
2
- npm publish --tag alpha
3
- publish-public:
4
- npm publish --tag latest
1
+ APP = actions-task
2
+ IMAGE = $(APP)-builder
3
+
4
+ WORKSPACE_PATH ?= $(shell pwd)
5
+ WORKING_DIRECTORY = /home/$(APP)
6
+
7
+ RUNARGS = -w $(WORKING_DIRECTORY) --rm
8
+
9
+ build:
10
+ docker build -t $(IMAGE) -f Dockerfile .
11
+
12
+ test:
13
+ make test-directory TEST_RESULT_DIRECTORY=$(WORKSPACE_PATH)/coverage/$(DIRECTORY) WORKING_DIRECTORY=$(WORKING_DIRECTORY)/$(DIRECTORY)
14
+
15
+ test-directory: build
16
+ docker run $(RUNARGS) -v $(TEST_RESULT_DIRECTORY):$(WORKING_DIRECTORY)/coverage $(IMAGE) npm run test:trs
17
+
18
+ publish-external: build
19
+ docker run -e INT_NPM_TOKEN -w $(WORKING_DIRECTORY)/$(DIRECTORY) --rm $(IMAGE) make publish TAG=$(TAG)
20
+
21
+ publish:
22
+ @echo //registry.npmjs.org/:_authToken=${INT_NPM_TOKEN} >> ./.npmrc;
23
+ npm publish --tag=$(TAG)
24
+
25
+ clean:
26
+ docker rmi $(IMAGE) || true
27
+
28
+ .PHONY: build
29
+ .PHONY: test-directory
30
+ .PHONY: test
31
+ .PHONY: publish-external
32
+ .PHONY: publish
33
+ .PHONY: clean
package/README.md CHANGED
@@ -55,3 +55,31 @@ If the problems persist, run:
55
55
  ```
56
56
  $ npm rebuild
57
57
  ```
58
+
59
+ ## Deployment
60
+ ### Automated Alpha Version Deployment
61
+ - This project will automatically published if the package.json contains an alpha-tagged version when the feature branch is merged into the master branch
62
+ - Check the [Jenkins job](https://jenkins.eng.qops.net/job/appsdk/job/packages/job/qualtrics-plugin-ui-react-job/) or #app-sdk-deploys Slack channel for deployment results
63
+
64
+ ### Deploying Non-Alpha Versions with Jenkins
65
+ 1. Create a PC ticket
66
+ 1. Go to this [Jenkins job](https://jenkins.eng.qops.net/job/appsdk/job/packages/job/qualtrics-plugin-ui-react-job/)
67
+ 2. Set `JOB_PARAMETER_PROJECT` to `plugin-ui-react`
68
+ 3. Set `JOB_PARAMETER_RELEASE_STEP` to `pc tickets`
69
+ 4. Start the job
70
+ 2. Post the PC ticket in the slack channel #app-sdk-internal for approval
71
+ 3. Once approved, publish the target project through Jenkins
72
+ 1. Go to this [Jenkins job](https://jenkins.eng.qops.net/job/appsdk/job/packages/job/qualtrics-plugin-ui-react-job/)
73
+ 2. Set `JOB_PARAMETER_PROJECT` to `plugin-ui-react`
74
+ 3. Set `JOB_PARAMETER_RELEASE_STEP` to `publish`
75
+ 4. Start the job
76
+ 4. Verify the new release
77
+
78
+ ### Deploying Non-Alpha Versions Manually
79
+ The projects in this repo can also be published manually.
80
+
81
+ 1. Follow the steps above to get the PC ticket created and approved
82
+ 2. In the top-level directory, run `make test DIRECTORY=.` to run all client unit tests
83
+ 3. Still in the top-level directory, run `make publish-external INT_NPM_TOKEN=<yourNpmToken> DIRECTORY=. TAG=latest`
84
+ - NOTE: docker must be installed and running
85
+ 4. Verify the new release
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import './capture-event.scss';
3
+ export interface CaptureEventProps {
4
+ captureNextEventTranslation: string;
5
+ cancelCaptureTranslation: string;
6
+ waitingForEventTranslation: string;
7
+ payloadTranslation: string;
8
+ payload?: string;
9
+ capturing?: boolean;
10
+ onStart: () => undefined;
11
+ onCancel: () => undefined;
12
+ }
13
+ export declare function CaptureEvent(props: CaptureEventProps): JSX.Element;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import './copy-text.scss';
3
+ export interface CopyTextProps {
4
+ text: string;
5
+ copyTranslation: string;
6
+ copySelectedTranslation: string;
7
+ }
8
+ export declare function CopyText(props: CopyTextProps): JSX.Element;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,12 @@
1
+ import './field-mapper-key.scss';
2
+ import React from 'react';
3
+ import { FieldMapperItem } from '../../../lib/models/field-mapper-item';
4
+ export declare type FieldMapperKeyProps = {
5
+ className?: string;
6
+ children?: React.ReactNode;
7
+ selectedField?: FieldMapperItem;
8
+ availableFields?: FieldMapperItem[];
9
+ onFieldKeyChange?: (prevField: FieldMapperItem, field: FieldMapperItem) => void;
10
+ };
11
+ export declare type FieldMapperKeyRefProps = React.HTMLProps<HTMLDivElement>;
12
+ export declare const FieldMapperKey: React.ForwardRefExoticComponent<Pick<FieldMapperKeyRefProps, "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,17 @@
1
+ import './field-mapper-row.scss';
2
+ import React from 'react';
3
+ import { FieldMapperItem } from '../../../lib/models/field-mapper-item';
4
+ import { PipedTextItem } from '../../../lib/models/piped-text';
5
+ export declare type FieldMapperRowProps = {
6
+ className?: string;
7
+ children?: React.ReactNode;
8
+ selectedField?: FieldMapperItem;
9
+ onChange?: (fieldItem: FieldMapperItem, inputValue: string) => void;
10
+ onFieldRemove?: (fieldItem: FieldMapperItem) => void;
11
+ availableFields?: FieldMapperItem[];
12
+ pipedTextItems?: PipedTextItem[];
13
+ showRemove?: boolean;
14
+ };
15
+ declare type FieldMapperRowRefProps = FieldMapperRowProps & React.HTMLProps<HTMLDivElement>;
16
+ export declare const FieldMapperRow: React.ForwardRefExoticComponent<Pick<FieldMapperRowRefProps, "className" | "children" | "selectedField" | "onChange" | "onFieldRemove" | "availableFields" | "pipedTextItems" | "showRemove" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLDivElement>>;
17
+ export {};
@@ -0,0 +1,11 @@
1
+ import './field-mapper-value.scss';
2
+ import React from 'react';
3
+ import { PipedTextItem } from '../../../lib/models/piped-text';
4
+ export declare type FieldMapperValueProps = {
5
+ children?: React.ReactNode;
6
+ className?: string;
7
+ onChange?: (value: string) => void;
8
+ pipedTextItems?: PipedTextItem[];
9
+ };
10
+ export declare type FieldMapperValueRefProps = FieldMapperValueProps & React.HTMLProps<HTMLDivElement>;
11
+ export declare const FieldMapperValue: React.ForwardRefExoticComponent<Pick<FieldMapperValueRefProps, "children" | "className" | "onChange" | "pipedTextItems" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,20 @@
1
+ import './field-mapper.scss';
2
+ import React from 'react';
3
+ import { FieldMapperItem } from '../../lib/models/field-mapper-item';
4
+ import { PipedTextItem } from '../../lib/models/piped-text';
5
+ export declare type FieldMapperProps = {
6
+ className: string;
7
+ children: React.ReactNode;
8
+ addFieldLabel: string;
9
+ selectedFields: FieldMapperItem[];
10
+ onFieldAdd: (fieldItem: FieldMapperItem) => void;
11
+ onFieldRemove: (fieldItem: FieldMapperItem) => void;
12
+ onFieldValueChange: (fieldItem: FieldMapperItem, inputValue: string) => void;
13
+ fieldKeysHeaderText?: string;
14
+ fieldValuesHeaderText?: string;
15
+ availableFields?: FieldMapperItem[];
16
+ pipedTextItems?: PipedTextItem[];
17
+ };
18
+ declare type FieldMapperHtmlProps = React.HTMLProps<HTMLDivElement>;
19
+ export declare const FieldMapper: React.ForwardRefExoticComponent<Pick<FieldMapperHtmlProps, "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLDivElement>>;
20
+ export {};
@@ -0,0 +1,4 @@
1
+ export { FieldMapper, } from './field-mapper';
2
+ export { FieldMapperRow, } from './field-mapper-row/field-mapper-row';
3
+ export { FieldMapperKey, } from './field-mapper-key/field-mapper-key';
4
+ export { FieldMapperValue, } from './field-mapper-value/field-mapper-value';
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { InputProps } from '@qualtrics/ui-react';
3
3
  import { NewOmit } from '../../lib/type-util';
4
4
  import './piped-text-input.scss';
5
- export interface PipedTextItem extends Record<string, any> {
5
+ export interface _PipedTextItem extends Record<string, any> {
6
6
  }
7
7
  interface PipedTextInputProps extends NewOmit<InputProps, 'onChange'> {
8
8
  items: any[];
@@ -11,7 +11,7 @@ interface PipedTextInputProps extends NewOmit<InputProps, 'onChange'> {
11
11
  helperText?: string;
12
12
  errorText?: string;
13
13
  onChange: (value: string, evt: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
14
- onSelect: (pipedTextItem: PipedTextItem) => void;
14
+ onSelect?: (pipedTextItem: _PipedTextItem) => void;
15
15
  onClose?: () => void;
16
16
  }
17
17
  export declare function PipedTextInput(props: PipedTextInputProps): JSX.Element;
@@ -0,0 +1,16 @@
1
+ import './piped-text-menu-item.scss';
2
+ import React from 'react';
3
+ import { PipedTextMenuItemData } from '../../../../lib/models/piped-text-menu-item-data';
4
+ export declare type PipedTextMenuItemProps = {
5
+ className?: string;
6
+ children?: React.ReactNode;
7
+ menuItem: PipedTextMenuItemData;
8
+ onSubmenuHover: (menutItem: PipedTextMenuItemData) => void;
9
+ onMenuItemHover: (menuItem: PipedTextMenuItemData) => void;
10
+ onMenuItemClicked: (menuItem: PipedTextMenuItemData) => void;
11
+ onEmbeddedDataItemClick: (menuItem: PipedTextMenuItemData) => void;
12
+ };
13
+ declare type PipedTextMenuItemRefProps = PipedTextMenuItemProps & React.HTMLProps<HTMLDivElement>;
14
+ export declare const EMBEDDED_DATA_LOCATOR = "embeddedData";
15
+ export declare const PipedTextMenuItem: React.ForwardRefExoticComponent<Pick<PipedTextMenuItemRefProps, "className" | "children" | "menuItem" | "onSubmenuHover" | "onMenuItemHover" | "onMenuItemClicked" | "onEmbeddedDataItemClick" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLDivElement>>;
16
+ export {};
@@ -0,0 +1,13 @@
1
+ import './piped-text-submenu-item.scss';
2
+ import React from 'react';
3
+ import { PipedTextMenuItemData } from '../../../../lib/models/piped-text-menu-item-data';
4
+ declare type PipedTextSubmenuProps = {
5
+ className?: string;
6
+ children?: React.ReactNode;
7
+ menuItem: PipedTextMenuItemData;
8
+ onSubmenuHover: (menuItem: PipedTextMenuItemData) => void;
9
+ onMenuItemClick: (menuItem: PipedTextMenuItemData) => void;
10
+ };
11
+ declare type PipedTextSubmenuRefProps = PipedTextSubmenuProps & React.HTMLProps<HTMLDivElement>;
12
+ export declare const PipedTextSubmenuItem: React.ForwardRefExoticComponent<Pick<PipedTextSubmenuRefProps, "className" | "children" | "menuItem" | "onSubmenuHover" | "onMenuItemClick" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLDivElement>>;
13
+ export {};
@@ -3,5 +3,8 @@ export class Portal extends Component<any, any, any> {
3
3
  constructor(props: any, context: any);
4
4
  rootSelector: HTMLElement;
5
5
  container: HTMLDivElement;
6
+ componentDidMount(): void;
7
+ componentWillUnmount(): void;
8
+ render(): import("react").ReactPortal;
6
9
  }
7
10
  import { Component } from "react";
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Copied from: https://gitlab-app.eng.qops.net/cfe/ui/-/blob/master/packages/ui-react/src/hooks/useId/useId.js
3
+ * Returns an ID that is stable across renders.
4
+ * @param {string=} defaultExternalId - ID to be used instead of a randomly generated ID. This ID is only considered on mount, so changes to this ID are ignored.
5
+ * @returns {String} If an external ID is passed in, the external ID. Otherwise, a randomly generated ID.
6
+ */
7
+ export declare function useId(defaultExternalId?: string): string;
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import './main.scss';
2
2
  import PluginSdkService from './common/plugin-sdk-service';
3
3
  import { languageCodeAdapter } from './common/language-service';
4
- export { PipedTextInput, PipedTextItem, } from './common/piped-text-input/piped-text-input';
4
+ export { PipedTextInput, _PipedTextItem as PipedTextItem, } from './common/piped-text-input/piped-text-input';
5
5
  export { PipedTextSelect } from './common/piped-text-select/piped-text-select';
6
6
  export { TaskFields } from './common/task-fields/task-fields';
7
7
  export { FieldItem } from './common/task-fields/field-item/field-item';
@@ -9,5 +9,8 @@ export { MultiselectDropdown } from './common/multiselect-dropdown/multiselect-d
9
9
  export { SelectItem } from './common/multiselect-dropdown/select-item/select-item';
10
10
  export { DynamicSearchInput } from './common/dynamic-search-input/dynamic-search-input';
11
11
  export { Popover } from './common/popover/popover';
12
+ export { CaptureEvent } from './common/capture-event/capture-event';
13
+ export { CopyText } from './common/copy-text/copy-text';
14
+ export { FieldMapper, FieldMapperRow, FieldMapperKey, FieldMapperValue, } from './common/field-mapper';
12
15
  export { PluginSdkService };
13
16
  export { languageCodeAdapter };
@@ -0,0 +1,7 @@
1
+ export declare type FieldMapperItem<InputValue = string> = {
2
+ value: string;
3
+ label: string;
4
+ key: string;
5
+ required?: boolean;
6
+ inputValue?: InputValue;
7
+ } & Record<string, unknown>;
@@ -0,0 +1,21 @@
1
+ declare type PipedTextMenuItemLocator = {
2
+ locator: string;
3
+ };
4
+ export declare type PipedTextMenuItemData = {
5
+ key: string;
6
+ label: string;
7
+ value: PipedTextMenuItemLocator | string;
8
+ hasSubmenu?: boolean;
9
+ disabled?: boolean;
10
+ header?: boolean;
11
+ show?: boolean;
12
+ submenu?: {
13
+ items?: () => Promise<PipedTextMenuItemData[]> | PipedTextMenuItemData[];
14
+ allowCustom?: boolean;
15
+ customScheme?: string;
16
+ customInputMessage?: string;
17
+ searchPlaceholder?: string;
18
+ errorText?: string;
19
+ };
20
+ };
21
+ export {};
@@ -0,0 +1,16 @@
1
+ export declare type PipedTextLocator = {
2
+ value: string;
3
+ };
4
+ export declare type LocalizedText = {
5
+ emptyText: string;
6
+ searchText: string;
7
+ };
8
+ export declare type PipedTextItem = {
9
+ label: string;
10
+ locator: PipedTextLocator;
11
+ submenu?: {
12
+ searchable?: boolean;
13
+ localizedText?: LocalizedText;
14
+ items: PipedTextItem[];
15
+ };
16
+ };
@@ -0,0 +1 @@
1
+ export declare function isString(val: unknown): val is string;