@qualtrics/plugin-ui-react 1.4.0-alpha.6 → 1.4.0-alpha.7
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.
|
@@ -6,6 +6,7 @@ export declare type FieldMapperKeyProps = {
|
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
selectedField?: FieldMapperItem;
|
|
8
8
|
availableFields?: FieldMapperItem[];
|
|
9
|
+
tooltip?: React.ReactNode;
|
|
9
10
|
onChange?: (prevField: FieldMapperItem, field: FieldMapperItem) => void;
|
|
10
11
|
};
|
|
11
12
|
export declare type FieldMapperKeyRefProps = FieldMapperKeyProps;
|
|
@@ -6,6 +6,7 @@ export declare type FieldMapperValueProps = {
|
|
|
6
6
|
className?: string;
|
|
7
7
|
inputValue?: string;
|
|
8
8
|
pipedTextItems?: PipedTextItem[];
|
|
9
|
+
tooltip?: React.ReactNode;
|
|
9
10
|
onChange?: (value: string) => void;
|
|
10
11
|
};
|
|
11
12
|
export declare type FieldMapperValueRefProps = FieldMapperValueProps;
|
package/dist/index.d.ts
CHANGED
|
@@ -12,5 +12,6 @@ export { Popover } from './common/popover/popover';
|
|
|
12
12
|
export { CaptureEvent } from './common/capture-event/capture-event';
|
|
13
13
|
export { CopyText } from './common/copy-text/copy-text';
|
|
14
14
|
export { FieldMapper, FieldMapperRow, FieldMapperKey, FieldMapperValue, } from './common/field-mapper';
|
|
15
|
+
export { FieldMapperItem, } from './lib/models/field-mapper-item';
|
|
15
16
|
export { PluginSdkService };
|
|
16
17
|
export { languageCodeAdapter };
|
package/dist/main.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! @license @qualtrics/plugin-ui-react 1.4.0-alpha.
|
|
1
|
+
/*! @license @qualtrics/plugin-ui-react 1.4.0-alpha.7
|
|
2
2
|
Qualtrics Software License Agreement
|
|
3
3
|
|
|
4
4
|
1. General.
|
|
@@ -3327,7 +3327,7 @@ var css_248z$1 = ".field-mapper-key {\n padding-top: 8px;\n padding-right: 12p
|
|
|
3327
3327
|
styleInject(css_248z$1);
|
|
3328
3328
|
|
|
3329
3329
|
var FieldMapperKey = React.forwardRef(function FieldMapperKey(props, ref) {
|
|
3330
|
-
var _a, _b, _c, _d, _e;
|
|
3330
|
+
var _a, _b, _c, _d, _e, _f;
|
|
3331
3331
|
var availableFields;
|
|
3332
3332
|
var onFieldKeyChange;
|
|
3333
3333
|
availableFields = Array.isArray(props.availableFields)
|
|
@@ -3336,21 +3336,22 @@ var FieldMapperKey = React.forwardRef(function FieldMapperKey(props, ref) {
|
|
|
3336
3336
|
onFieldKeyChange = (typeof props.onChange === 'function')
|
|
3337
3337
|
? props.onChange
|
|
3338
3338
|
: function () { return undefined; };
|
|
3339
|
-
return (React.createElement("div", { className: 'field-mapper-key' + (props.className ? ' ' + props.className : ''), ref: ref },
|
|
3340
|
-
? props.children
|
|
3341
|
-
|
|
3342
|
-
|
|
3343
|
-
React.createElement(
|
|
3344
|
-
|
|
3345
|
-
|
|
3346
|
-
|
|
3347
|
-
React.createElement("div", { className: "required-field-
|
|
3348
|
-
|
|
3349
|
-
|
|
3350
|
-
React.createElement(
|
|
3351
|
-
|
|
3352
|
-
|
|
3353
|
-
|
|
3339
|
+
return (React.createElement("div", { className: 'field-mapper-key' + (props.className ? ' ' + props.className : ''), ref: ref },
|
|
3340
|
+
React.createElement(Tooltip, { disabled: !props.tooltip, content: (_a = props.tooltip) !== null && _a !== void 0 ? _a : null }, ((React.Children.count(props.children) > 0)
|
|
3341
|
+
? props.children
|
|
3342
|
+
: (React.createElement("div", { className: "field-mapper-key-select-container" }, fieldMapperKeyDropdownDisabled()
|
|
3343
|
+
? (React.createElement(Button, { className: "field-mapper-key-disabled", disabled: true, full: true },
|
|
3344
|
+
React.createElement("div", { className: "field-mapper-key-disabled-text" }, (_b = props.selectedField) === null || _b === void 0 ? void 0 : _b.label),
|
|
3345
|
+
React.createElement(ChevronDownIcon, { className: "field-mapper-key-disabled-icon", size: "medium", "aria-hidden": "true" })))
|
|
3346
|
+
: (((_c = props.selectedField) === null || _c === void 0 ? void 0 : _c.required) === true)
|
|
3347
|
+
? (React.createElement("div", { className: "required-field-container" },
|
|
3348
|
+
React.createElement("div", { className: "required-field-text" }, (_d = props.selectedField) === null || _d === void 0 ? void 0 : _d.label),
|
|
3349
|
+
React.createElement("div", { className: "required-field-symbol" }, "*")))
|
|
3350
|
+
: (React.createElement(Dropdown, { className: "field-mapper-key-dropdown", onChange: handleFieldKeyChange },
|
|
3351
|
+
React.createElement(DropdownButton, { className: "field-mapper-key-dropdown-button", label: (_e = props.selectedField) === null || _e === void 0 ? void 0 : _e.label }),
|
|
3352
|
+
React.createElement(DropdownList, null, (_f = props.availableFields) === null || _f === void 0 ? void 0 : _f.map(function (fieldItem) {
|
|
3353
|
+
return (React.createElement(DropdownOption, { key: fieldItem.key, label: fieldItem.label, value: fieldItem.value }));
|
|
3354
|
+
}))))))))));
|
|
3354
3355
|
function handleFieldKeyChange(value) {
|
|
3355
3356
|
var foundSelectedFieldKey;
|
|
3356
3357
|
foundSelectedFieldKey = availableFields.find(function (availableField) {
|
|
@@ -3373,11 +3374,12 @@ var css_248z = ".field-mapper-value {\n border-left: 1px solid #E5E5E5;\n padd
|
|
|
3373
3374
|
styleInject(css_248z);
|
|
3374
3375
|
|
|
3375
3376
|
var FieldMapperValue = React.forwardRef(function FieldMapperValue(props, ref) {
|
|
3376
|
-
var _a, _b;
|
|
3377
|
-
return (React.createElement("div", { className: 'field-mapper-value' + (props.className ? ' ' + props.className : ''), ref: ref },
|
|
3378
|
-
? props.children
|
|
3379
|
-
|
|
3380
|
-
React.createElement(
|
|
3377
|
+
var _a, _b, _c;
|
|
3378
|
+
return (React.createElement("div", { className: 'field-mapper-value' + (props.className ? ' ' + props.className : ''), ref: ref },
|
|
3379
|
+
React.createElement(Tooltip, { disabled: !props.tooltip, content: (_a = props.tooltip) !== null && _a !== void 0 ? _a : null }, ((React.Children.count(props.children) > 0)
|
|
3380
|
+
? props.children
|
|
3381
|
+
: (React.createElement("div", { className: "piped-text-input-value-container" },
|
|
3382
|
+
React.createElement(PipedTextInput, { items: (_b = props.pipedTextItems) !== null && _b !== void 0 ? _b : [], onChange: (_c = props.onChange) !== null && _c !== void 0 ? _c : (function () { return undefined; }), value: props.inputValue })))))));
|
|
3381
3383
|
});
|
|
3382
3384
|
|
|
3383
3385
|
var FieldMapperRow = React.forwardRef(function FieldMapperRow(props, ref) {
|
package/dist/main.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! @license @qualtrics/plugin-ui-react 1.4.0-alpha.
|
|
1
|
+
/*! @license @qualtrics/plugin-ui-react 1.4.0-alpha.7
|
|
2
2
|
Qualtrics Software License Agreement
|
|
3
3
|
|
|
4
4
|
1. General.
|
|
@@ -3340,7 +3340,7 @@ var css_248z$1 = ".field-mapper-key {\n padding-top: 8px;\n padding-right: 12p
|
|
|
3340
3340
|
styleInject(css_248z$1);
|
|
3341
3341
|
|
|
3342
3342
|
var FieldMapperKey = React__default["default"].forwardRef(function FieldMapperKey(props, ref) {
|
|
3343
|
-
var _a, _b, _c, _d, _e;
|
|
3343
|
+
var _a, _b, _c, _d, _e, _f;
|
|
3344
3344
|
var availableFields;
|
|
3345
3345
|
var onFieldKeyChange;
|
|
3346
3346
|
availableFields = Array.isArray(props.availableFields)
|
|
@@ -3349,21 +3349,22 @@ var FieldMapperKey = React__default["default"].forwardRef(function FieldMapperKe
|
|
|
3349
3349
|
onFieldKeyChange = (typeof props.onChange === 'function')
|
|
3350
3350
|
? props.onChange
|
|
3351
3351
|
: function () { return undefined; };
|
|
3352
|
-
return (React__default["default"].createElement("div", { className: 'field-mapper-key' + (props.className ? ' ' + props.className : ''), ref: ref },
|
|
3353
|
-
? props.children
|
|
3354
|
-
|
|
3355
|
-
|
|
3356
|
-
React__default["default"].createElement(
|
|
3357
|
-
|
|
3358
|
-
|
|
3359
|
-
|
|
3360
|
-
React__default["default"].createElement("div", { className: "required-field-
|
|
3361
|
-
|
|
3362
|
-
|
|
3363
|
-
React__default["default"].createElement(uiReact.
|
|
3364
|
-
|
|
3365
|
-
|
|
3366
|
-
|
|
3352
|
+
return (React__default["default"].createElement("div", { className: 'field-mapper-key' + (props.className ? ' ' + props.className : ''), ref: ref },
|
|
3353
|
+
React__default["default"].createElement(uiReact.Tooltip, { disabled: !props.tooltip, content: (_a = props.tooltip) !== null && _a !== void 0 ? _a : null }, ((React__default["default"].Children.count(props.children) > 0)
|
|
3354
|
+
? props.children
|
|
3355
|
+
: (React__default["default"].createElement("div", { className: "field-mapper-key-select-container" }, fieldMapperKeyDropdownDisabled()
|
|
3356
|
+
? (React__default["default"].createElement(uiReact.Button, { className: "field-mapper-key-disabled", disabled: true, full: true },
|
|
3357
|
+
React__default["default"].createElement("div", { className: "field-mapper-key-disabled-text" }, (_b = props.selectedField) === null || _b === void 0 ? void 0 : _b.label),
|
|
3358
|
+
React__default["default"].createElement(icons.ChevronDownIcon, { className: "field-mapper-key-disabled-icon", size: "medium", "aria-hidden": "true" })))
|
|
3359
|
+
: (((_c = props.selectedField) === null || _c === void 0 ? void 0 : _c.required) === true)
|
|
3360
|
+
? (React__default["default"].createElement("div", { className: "required-field-container" },
|
|
3361
|
+
React__default["default"].createElement("div", { className: "required-field-text" }, (_d = props.selectedField) === null || _d === void 0 ? void 0 : _d.label),
|
|
3362
|
+
React__default["default"].createElement("div", { className: "required-field-symbol" }, "*")))
|
|
3363
|
+
: (React__default["default"].createElement(uiReact.Dropdown, { className: "field-mapper-key-dropdown", onChange: handleFieldKeyChange },
|
|
3364
|
+
React__default["default"].createElement(uiReact.DropdownButton, { className: "field-mapper-key-dropdown-button", label: (_e = props.selectedField) === null || _e === void 0 ? void 0 : _e.label }),
|
|
3365
|
+
React__default["default"].createElement(uiReact.DropdownList, null, (_f = props.availableFields) === null || _f === void 0 ? void 0 : _f.map(function (fieldItem) {
|
|
3366
|
+
return (React__default["default"].createElement(uiReact.DropdownOption, { key: fieldItem.key, label: fieldItem.label, value: fieldItem.value }));
|
|
3367
|
+
}))))))))));
|
|
3367
3368
|
function handleFieldKeyChange(value) {
|
|
3368
3369
|
var foundSelectedFieldKey;
|
|
3369
3370
|
foundSelectedFieldKey = availableFields.find(function (availableField) {
|
|
@@ -3386,11 +3387,12 @@ var css_248z = ".field-mapper-value {\n border-left: 1px solid #E5E5E5;\n padd
|
|
|
3386
3387
|
styleInject(css_248z);
|
|
3387
3388
|
|
|
3388
3389
|
var FieldMapperValue = React__default["default"].forwardRef(function FieldMapperValue(props, ref) {
|
|
3389
|
-
var _a, _b;
|
|
3390
|
-
return (React__default["default"].createElement("div", { className: 'field-mapper-value' + (props.className ? ' ' + props.className : ''), ref: ref },
|
|
3391
|
-
? props.children
|
|
3392
|
-
|
|
3393
|
-
React__default["default"].createElement(
|
|
3390
|
+
var _a, _b, _c;
|
|
3391
|
+
return (React__default["default"].createElement("div", { className: 'field-mapper-value' + (props.className ? ' ' + props.className : ''), ref: ref },
|
|
3392
|
+
React__default["default"].createElement(uiReact.Tooltip, { disabled: !props.tooltip, content: (_a = props.tooltip) !== null && _a !== void 0 ? _a : null }, ((React__default["default"].Children.count(props.children) > 0)
|
|
3393
|
+
? props.children
|
|
3394
|
+
: (React__default["default"].createElement("div", { className: "piped-text-input-value-container" },
|
|
3395
|
+
React__default["default"].createElement(PipedTextInput, { items: (_b = props.pipedTextItems) !== null && _b !== void 0 ? _b : [], onChange: (_c = props.onChange) !== null && _c !== void 0 ? _c : (function () { return undefined; }), value: props.inputValue })))))));
|
|
3394
3396
|
});
|
|
3395
3397
|
|
|
3396
3398
|
var FieldMapperRow = React__default["default"].forwardRef(function FieldMapperRow(props, ref) {
|