@dreamcommerce/aurora 0.4.9 → 0.4.10
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/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +7 -3
- package/build/esm/packages/aurora/src/components/controls/types.js +3 -3
- package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
- package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js
CHANGED
|
@@ -11,11 +11,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint }) => {
|
|
14
|
+
const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true } }) => {
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
16
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
17
17
|
label,
|
|
18
|
-
hint && React__default['default'].createElement(index$1['default'], { fixed:
|
|
18
|
+
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
20
20
|
React__default['default'].createElement(index['default'].Element, null,
|
|
21
21
|
React__default['default'].createElement(cell_selector['default'], { name: name, onChange: onChange, cols: cols, initialSelected: initialSelected, rows: rows, withValueOffset: withValueOffset, className: className }))),
|
|
@@ -23,7 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
23
23
|
* />
|
|
24
24
|
* )
|
|
25
25
|
*/
|
|
26
|
-
const ControlCheckbox = ({ id, hint, label, name, value, initiallyChecked, disabled, onChange, errors }) => {
|
|
26
|
+
const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange, errors }) => {
|
|
27
27
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
28
28
|
React__default['default'].createElement(index['default'].Content, null,
|
|
29
29
|
React__default['default'].createElement(index['default'].Element, { type: "checkbox" },
|
|
@@ -31,7 +31,7 @@ const ControlCheckbox = ({ id, hint, label, name, value, initiallyChecked, disab
|
|
|
31
31
|
React__default['default'].createElement(index$1['default'], { htmlFor: id },
|
|
32
32
|
label,
|
|
33
33
|
" ",
|
|
34
|
-
hint && React__default['default'].createElement(index$2['default'], { fixed:
|
|
34
|
+
hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
|
|
35
35
|
React__default['default'].createElement(index['default'].Errors, null)));
|
|
36
36
|
};
|
|
37
37
|
|
package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js
CHANGED
|
@@ -23,14 +23,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
23
23
|
* />
|
|
24
24
|
* )
|
|
25
25
|
*/
|
|
26
|
-
const ControlCheckboxSwitch = ({ id, label, name, hint, value, initiallyChecked, disabled, onChange, errors }) => {
|
|
26
|
+
const ControlCheckboxSwitch = ({ id, label, name, hint, hintOptions = { isFixed: true }, value, initiallyChecked, disabled, onChange, errors }) => {
|
|
27
27
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
28
28
|
React__default['default'].createElement(index['default'].Content, null,
|
|
29
29
|
React__default['default'].createElement(index['default'].Element, { type: "checkbox" },
|
|
30
30
|
React__default['default'].createElement(index['default'].CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
|
|
31
31
|
React__default['default'].createElement(index$1['default'], { htmlFor: id },
|
|
32
32
|
label,
|
|
33
|
-
hint && React__default['default'].createElement(index$2['default'], { fixed:
|
|
33
|
+
hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
|
|
34
34
|
React__default['default'].createElement(index['default'].Errors, null)));
|
|
35
35
|
};
|
|
36
36
|
|
|
@@ -28,7 +28,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
28
28
|
* />
|
|
29
29
|
* )
|
|
30
30
|
*/
|
|
31
|
-
const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint }) => {
|
|
31
|
+
const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
32
32
|
const colorPickerContext = use_color_picker.useColorPicker({ initialColorHex: initialColor, onChange });
|
|
33
33
|
return (React__default['default'].createElement(context.ColorPickerContext.Provider, { value: colorPickerContext },
|
|
34
34
|
React__default['default'].createElement(index$1['default'], null,
|
|
@@ -36,7 +36,7 @@ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label:
|
|
|
36
36
|
React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
|
|
37
37
|
(label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired },
|
|
38
38
|
label$1,
|
|
39
|
-
hint && React__default['default'].createElement(index$3['default'], { fixed:
|
|
39
|
+
hint && React__default['default'].createElement(index$3['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
40
40
|
React__default['default'].createElement(index$2['default'].Content, null,
|
|
41
41
|
React__default['default'].createElement(index$2['default'].Element, null,
|
|
42
42
|
React__default['default'].createElement(label['default'], { name: name || '', isRequired: isRequired, id: id, label: label$1 }))),
|
|
@@ -11,11 +11,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint }) => {
|
|
14
|
+
const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
16
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
17
17
|
label,
|
|
18
|
-
hint && React__default['default'].createElement(index$1['default'], { fixed:
|
|
18
|
+
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
20
20
|
React__default['default'].createElement(index['default'].Element, null,
|
|
21
21
|
React__default['default'].createElement(index$2['default'], { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className }))),
|
|
@@ -25,11 +25,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
25
25
|
* />
|
|
26
26
|
* )
|
|
27
27
|
*/
|
|
28
|
-
const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, errors, ...props }) => {
|
|
28
|
+
const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, ...props }) => {
|
|
29
29
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
30
30
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
31
31
|
label,
|
|
32
|
-
hint && React__default['default'].createElement(index$1['default'], { fixed:
|
|
32
|
+
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
33
33
|
React__default['default'].createElement(index['default'].Content, null,
|
|
34
34
|
React__default['default'].createElement(index['default'].Element, { prefix: prefix, postfix: postfix },
|
|
35
35
|
React__default['default'].createElement(index['default'].Input, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp, ...props }))),
|
|
@@ -11,11 +11,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint }) => {
|
|
14
|
+
const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
16
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
17
17
|
label,
|
|
18
|
-
hint && React__default['default'].createElement(index$1['default'], { fixed:
|
|
18
|
+
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
20
20
|
React__default['default'].createElement(index['default'].Element, null,
|
|
21
21
|
React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
|
|
@@ -24,7 +24,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
24
24
|
* />
|
|
25
25
|
* )
|
|
26
26
|
*/
|
|
27
|
-
const ControlRadio = ({ id, label, hint, name, value, defaultChecked, checked, disabled, onClick, errors, additionalInfo }) => {
|
|
27
|
+
const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors, additionalInfo }) => {
|
|
28
28
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
29
29
|
React__default['default'].createElement(index['default'].Content, null,
|
|
30
30
|
React__default['default'].createElement(index['default'].Element, { type: "radio", verticalPosition: additionalInfo ? positions.VERTICAL_POSITION.top : undefined },
|
|
@@ -32,7 +32,7 @@ const ControlRadio = ({ id, label, hint, name, value, defaultChecked, checked, d
|
|
|
32
32
|
React__default['default'].createElement(index$1['default'], { htmlFor: id },
|
|
33
33
|
label,
|
|
34
34
|
" ",
|
|
35
|
-
hint && React__default['default'].createElement(index$2['default'], { fixed:
|
|
35
|
+
hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true }),
|
|
36
36
|
additionalInfo && React__default['default'].createElement(index['default'].AdditionalInfo, null, additionalInfo)))),
|
|
37
37
|
React__default['default'].createElement(index['default'].Errors, null)));
|
|
38
38
|
};
|
|
@@ -11,11 +11,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, options, errors, isRequired }) => {
|
|
14
|
+
const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, options, errors, isRequired }) => {
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
16
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
17
17
|
label,
|
|
18
|
-
hint && React__default['default'].createElement(index$1['default'], { fixed:
|
|
18
|
+
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
19
19
|
options.map(({ value, label, hint, disabled }) => (React__default['default'].createElement(index$2['default'], { key: `RadioGroup${id}-RadioElement-${value}`, label: label, id: `RadioGroup${id}-Radio-${value}`, value: value, hint: hint, disabled: disabled, name: name, defaultChecked: defaultCheckedValue ? defaultCheckedValue === value : undefined, checked: checkedValue ? checkedValue === value : undefined, onClick: onClick }))),
|
|
20
20
|
React__default['default'].createElement(index['default'].Errors, null)));
|
|
21
21
|
};
|
|
@@ -11,11 +11,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const ControlRange = ({ label, hint, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors }) => {
|
|
14
|
+
const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors }) => {
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
16
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
17
17
|
label,
|
|
18
|
-
hint && React__default['default'].createElement(index$1['default'], { fixed:
|
|
18
|
+
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
20
20
|
React__default['default'].createElement(index['default'].Element, null,
|
|
21
21
|
React__default['default'].createElement(index$2['default'], { initialValue: initialValue, key: name, name: name, isDisabled: isDisabled, onChange: onChange, max: max, min: min, step: step }))),
|
|
@@ -26,11 +26,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
26
26
|
* />
|
|
27
27
|
* )
|
|
28
28
|
*/
|
|
29
|
-
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint }) => {
|
|
29
|
+
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
30
30
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
31
31
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
32
32
|
label,
|
|
33
|
-
hint && React__default['default'].createElement(index$1['default'], { fixed:
|
|
33
|
+
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
34
34
|
React__default['default'].createElement(index['default'].Content, null,
|
|
35
35
|
React__default['default'].createElement(index['default'].Element, null,
|
|
36
36
|
React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
|
package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js
CHANGED
|
@@ -11,11 +11,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint }) => {
|
|
14
|
+
const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
16
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
17
17
|
label,
|
|
18
|
-
hint && React__default['default'].createElement(index$1['default'], { fixed:
|
|
18
|
+
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
20
20
|
React__default['default'].createElement(index['default'].Element, null,
|
|
21
21
|
React__default['default'].createElement(index$2['default'], { id: id, name: name, placeholder: placeholder, minTagLength: minTagLength, withList: withList, defaultTags: defaultTags, tagsListValue: defaultListTags, onChange: onChange, onListItemClick: onListItemClick }))),
|
|
@@ -25,11 +25,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
25
25
|
* />
|
|
26
26
|
* )
|
|
27
27
|
*/
|
|
28
|
-
const ControlTextarea = ({ label, isRequired, id, name, value, placeholder, disabled, readOnly, onChange, onKeyPress, errors, hint }) => {
|
|
28
|
+
const ControlTextarea = ({ label, isRequired, id, name, value, placeholder, disabled, readOnly, onChange, onKeyPress, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
29
29
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
30
30
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
31
31
|
label,
|
|
32
|
-
hint && React__default['default'].createElement(index$1['default'], { fixed:
|
|
32
|
+
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
33
33
|
React__default['default'].createElement(index['default'].Content, null,
|
|
34
34
|
React__default['default'].createElement(index['default'].Element, null,
|
|
35
35
|
React__default['default'].createElement(index['default'].Textarea, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress }))),
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js
CHANGED
|
@@ -3,11 +3,11 @@ import Control from '../../index.js';
|
|
|
3
3
|
import Hint from '../../../hint/index.js';
|
|
4
4
|
import CellSelector from '../../components/cell_selector.js';
|
|
5
5
|
|
|
6
|
-
const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint }) => {
|
|
6
|
+
const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true } }) => {
|
|
7
7
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
8
8
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
9
9
|
label,
|
|
10
|
-
hint && React.createElement(Hint, { fixed:
|
|
10
|
+
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
11
11
|
React.createElement(Control.Content, null,
|
|
12
12
|
React.createElement(Control.Element, null,
|
|
13
13
|
React.createElement(CellSelector, { name: name, onChange: onChange, cols: cols, initialSelected: initialSelected, rows: rows, withValueOffset: withValueOffset, className: className }))),
|
|
@@ -15,7 +15,7 @@ import Hint from '../../../hint/index.js';
|
|
|
15
15
|
* />
|
|
16
16
|
* )
|
|
17
17
|
*/
|
|
18
|
-
const ControlCheckbox = ({ id, hint, label, name, value, initiallyChecked, disabled, onChange, errors }) => {
|
|
18
|
+
const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange, errors }) => {
|
|
19
19
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
20
20
|
React.createElement(Control.Content, null,
|
|
21
21
|
React.createElement(Control.Element, { type: "checkbox" },
|
|
@@ -23,7 +23,7 @@ const ControlCheckbox = ({ id, hint, label, name, value, initiallyChecked, disab
|
|
|
23
23
|
React.createElement(Label, { htmlFor: id },
|
|
24
24
|
label,
|
|
25
25
|
" ",
|
|
26
|
-
hint && React.createElement(Hint, { fixed:
|
|
26
|
+
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
|
|
27
27
|
React.createElement(Control.Errors, null)));
|
|
28
28
|
};
|
|
29
29
|
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js
CHANGED
|
@@ -15,14 +15,14 @@ import Hint from '../../../hint/index.js';
|
|
|
15
15
|
* />
|
|
16
16
|
* )
|
|
17
17
|
*/
|
|
18
|
-
const ControlCheckboxSwitch = ({ id, label, name, hint, value, initiallyChecked, disabled, onChange, errors }) => {
|
|
18
|
+
const ControlCheckboxSwitch = ({ id, label, name, hint, hintOptions = { isFixed: true }, value, initiallyChecked, disabled, onChange, errors }) => {
|
|
19
19
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
20
20
|
React.createElement(Control.Content, null,
|
|
21
21
|
React.createElement(Control.Element, { type: "checkbox" },
|
|
22
22
|
React.createElement(Control.CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
|
|
23
23
|
React.createElement(Label, { htmlFor: id },
|
|
24
24
|
label,
|
|
25
|
-
hint && React.createElement(Hint, { fixed:
|
|
25
|
+
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
|
|
26
26
|
React.createElement(Control.Errors, null)));
|
|
27
27
|
};
|
|
28
28
|
|
|
@@ -20,7 +20,7 @@ import ColorPickerLabel from '../../../color_picker/components/label.js';
|
|
|
20
20
|
* />
|
|
21
21
|
* )
|
|
22
22
|
*/
|
|
23
|
-
const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label, id, onChange, hideChooseCancelButtons, errors, hint }) => {
|
|
23
|
+
const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
24
24
|
const colorPickerContext = useColorPicker({ initialColorHex: initialColor, onChange });
|
|
25
25
|
return (React.createElement(ColorPickerContext.Provider, { value: colorPickerContext },
|
|
26
26
|
React.createElement(Dropdown, null,
|
|
@@ -28,7 +28,7 @@ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label,
|
|
|
28
28
|
React.createElement(Control, { errors: errors, name: name, id: id },
|
|
29
29
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
30
30
|
label,
|
|
31
|
-
hint && React.createElement(Hint, { fixed:
|
|
31
|
+
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
32
32
|
React.createElement(Control.Content, null,
|
|
33
33
|
React.createElement(Control.Element, null,
|
|
34
34
|
React.createElement(ColorPickerLabel, { name: name || '', isRequired: isRequired, id: id, label: label }))),
|
|
@@ -3,11 +3,11 @@ import Control from '../../index.js';
|
|
|
3
3
|
import Hint from '../../../hint/index.js';
|
|
4
4
|
import FilePicker from '../../../file_picker/index.js';
|
|
5
5
|
|
|
6
|
-
const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint }) => {
|
|
6
|
+
const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
7
7
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
8
8
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
9
9
|
label,
|
|
10
|
-
hint && React.createElement(Hint, { fixed:
|
|
10
|
+
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
11
11
|
React.createElement(Control.Content, null,
|
|
12
12
|
React.createElement(Control.Element, null,
|
|
13
13
|
React.createElement(FilePicker, { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className }))),
|
|
@@ -17,11 +17,11 @@ import Hint from '../../../hint/index.js';
|
|
|
17
17
|
* />
|
|
18
18
|
* )
|
|
19
19
|
*/
|
|
20
|
-
const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, errors, ...props }) => {
|
|
20
|
+
const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, ...props }) => {
|
|
21
21
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
22
22
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
23
23
|
label,
|
|
24
|
-
hint && React.createElement(Hint, { fixed:
|
|
24
|
+
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
25
25
|
React.createElement(Control.Content, null,
|
|
26
26
|
React.createElement(Control.Element, { prefix: prefix, postfix: postfix },
|
|
27
27
|
React.createElement(Control.Input, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp, ...props }))),
|
|
@@ -3,11 +3,11 @@ import Control from '../../index.js';
|
|
|
3
3
|
import Hint from '../../../hint/index.js';
|
|
4
4
|
import Multiple from '../../../dropdown/hoc/multiselect/index.js';
|
|
5
5
|
|
|
6
|
-
const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint }) => {
|
|
6
|
+
const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
7
7
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
8
8
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
9
9
|
label,
|
|
10
|
-
hint && React.createElement(Hint, { fixed:
|
|
10
|
+
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
11
11
|
React.createElement(Control.Content, null,
|
|
12
12
|
React.createElement(Control.Element, null,
|
|
13
13
|
React.createElement(Multiple, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
|
|
@@ -16,7 +16,7 @@ import Hint from '../../../hint/index.js';
|
|
|
16
16
|
* />
|
|
17
17
|
* )
|
|
18
18
|
*/
|
|
19
|
-
const ControlRadio = ({ id, label, hint, name, value, defaultChecked, checked, disabled, onClick, errors, additionalInfo }) => {
|
|
19
|
+
const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors, additionalInfo }) => {
|
|
20
20
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
21
21
|
React.createElement(Control.Content, null,
|
|
22
22
|
React.createElement(Control.Element, { type: "radio", verticalPosition: additionalInfo ? VERTICAL_POSITION.top : undefined },
|
|
@@ -24,7 +24,7 @@ const ControlRadio = ({ id, label, hint, name, value, defaultChecked, checked, d
|
|
|
24
24
|
React.createElement(Label, { htmlFor: id },
|
|
25
25
|
label,
|
|
26
26
|
" ",
|
|
27
|
-
hint && React.createElement(Hint, { fixed:
|
|
27
|
+
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true }),
|
|
28
28
|
additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)))),
|
|
29
29
|
React.createElement(Control.Errors, null)));
|
|
30
30
|
};
|
|
@@ -3,11 +3,11 @@ import Control from '../../index.js';
|
|
|
3
3
|
import Hint from '../../../hint/index.js';
|
|
4
4
|
import ControlRadio from '../control_radio/index.js';
|
|
5
5
|
|
|
6
|
-
const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, options, errors, isRequired }) => {
|
|
6
|
+
const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, options, errors, isRequired }) => {
|
|
7
7
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
8
8
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
9
9
|
label,
|
|
10
|
-
hint && React.createElement(Hint, { fixed:
|
|
10
|
+
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
11
11
|
options.map(({ value, label, hint, disabled }) => (React.createElement(ControlRadio, { key: `RadioGroup${id}-RadioElement-${value}`, label: label, id: `RadioGroup${id}-Radio-${value}`, value: value, hint: hint, disabled: disabled, name: name, defaultChecked: defaultCheckedValue ? defaultCheckedValue === value : undefined, checked: checkedValue ? checkedValue === value : undefined, onClick: onClick }))),
|
|
12
12
|
React.createElement(Control.Errors, null)));
|
|
13
13
|
};
|
|
@@ -3,11 +3,11 @@ import Control from '../../index.js';
|
|
|
3
3
|
import Hint from '../../../hint/index.js';
|
|
4
4
|
import Range from '../../../range/index.js';
|
|
5
5
|
|
|
6
|
-
const ControlRange = ({ label, hint, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors }) => {
|
|
6
|
+
const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors }) => {
|
|
7
7
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
8
8
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
9
9
|
label,
|
|
10
|
-
hint && React.createElement(Hint, { fixed:
|
|
10
|
+
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
11
11
|
React.createElement(Control.Content, null,
|
|
12
12
|
React.createElement(Control.Element, null,
|
|
13
13
|
React.createElement(Range, { initialValue: initialValue, key: name, name: name, isDisabled: isDisabled, onChange: onChange, max: max, min: min, step: step }))),
|
|
@@ -18,11 +18,11 @@ import Select from '../../../dropdown/hoc/select/index.js';
|
|
|
18
18
|
* />
|
|
19
19
|
* )
|
|
20
20
|
*/
|
|
21
|
-
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint }) => {
|
|
21
|
+
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
22
22
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
23
23
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
24
24
|
label,
|
|
25
|
-
hint && React.createElement(Hint, { fixed:
|
|
25
|
+
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
26
26
|
React.createElement(Control.Content, null,
|
|
27
27
|
React.createElement(Control.Element, null,
|
|
28
28
|
React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
|
package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js
CHANGED
|
@@ -3,11 +3,11 @@ import Control from '../../index.js';
|
|
|
3
3
|
import Hint from '../../../hint/index.js';
|
|
4
4
|
import TagsSelector from '../../../tags_selector/index.js';
|
|
5
5
|
|
|
6
|
-
const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint }) => {
|
|
6
|
+
const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
7
7
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
8
8
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
9
9
|
label,
|
|
10
|
-
hint && React.createElement(Hint, { fixed:
|
|
10
|
+
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
11
11
|
React.createElement(Control.Content, null,
|
|
12
12
|
React.createElement(Control.Element, null,
|
|
13
13
|
React.createElement(TagsSelector, { id: id, name: name, placeholder: placeholder, minTagLength: minTagLength, withList: withList, defaultTags: defaultTags, tagsListValue: defaultListTags, onChange: onChange, onListItemClick: onListItemClick }))),
|
|
@@ -17,11 +17,11 @@ import Hint from '../../../hint/index.js';
|
|
|
17
17
|
* />
|
|
18
18
|
* )
|
|
19
19
|
*/
|
|
20
|
-
const ControlTextarea = ({ label, isRequired, id, name, value, placeholder, disabled, readOnly, onChange, onKeyPress, errors, hint }) => {
|
|
20
|
+
const ControlTextarea = ({ label, isRequired, id, name, value, placeholder, disabled, readOnly, onChange, onKeyPress, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
21
21
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
22
22
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
23
23
|
label,
|
|
24
|
-
hint && React.createElement(Hint, { fixed:
|
|
24
|
+
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
25
25
|
React.createElement(Control.Content, null,
|
|
26
26
|
React.createElement(Control.Element, null,
|
|
27
27
|
React.createElement(Control.Textarea, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress }))),
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { IColorPickerProps } from "../color_picker/types";
|
|
2
|
-
import { IMultiSelectProps, ISelectProps } from "../dropdown/types";
|
|
3
1
|
import { HTMLAttributes, InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from 'react';
|
|
4
|
-
import {
|
|
2
|
+
import { IMultiSelectProps, ISelectProps } from "../dropdown/types";
|
|
3
|
+
import { IColorPickerProps } from "../color_picker/types";
|
|
5
4
|
import { IFilePicker } from "../file_picker/types";
|
|
5
|
+
import { IRange } from "../range/types";
|
|
6
6
|
import { TVerticalPosition } from "../../typings/general";
|
|
7
7
|
export declare type TControlErrors = string[] | null | undefined;
|
|
8
8
|
export interface IControlContext {
|
|
@@ -31,9 +31,13 @@ export interface IControlProps {
|
|
|
31
31
|
interface IControlCommonProps {
|
|
32
32
|
errors?: TControlErrors;
|
|
33
33
|
hint?: string;
|
|
34
|
+
hintOptions?: TControlHintOptions;
|
|
34
35
|
isRequired?: boolean;
|
|
35
36
|
additionalInfo?: string | ReactNode;
|
|
36
37
|
}
|
|
38
|
+
interface TControlHintOptions {
|
|
39
|
+
isFixed: boolean;
|
|
40
|
+
}
|
|
37
41
|
export interface IContentProps {
|
|
38
42
|
children: ReactNode;
|
|
39
43
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import '@auroraComponents/color_picker/types';
|
|
2
|
-
import '@auroraComponents/dropdown/types';
|
|
3
1
|
import 'react';
|
|
4
|
-
import '@auroraComponents/
|
|
2
|
+
import '@auroraComponents/dropdown/types';
|
|
3
|
+
import '@auroraComponents/color_picker/types';
|
|
5
4
|
import '@auroraComponents/file_picker/types';
|
|
5
|
+
import '@auroraComponents/range/types';
|
|
6
6
|
import '@auroraTypings/general';
|
|
7
7
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAAuF,OAAO,CAAC;AAC/F,OAAgD,kCAAkC,CAAC;AAEnF,OAAkC,sCAAsC,CAAC;AACzE,OAA4B,qCAAqC,CAAC;AAClE,OAAuB,+BAA+B,CAAC;AACvD,OAAkC,wBAAwB,CAAC"}
|