@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.
Files changed (41) hide show
  1. package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
  2. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -2
  3. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
  4. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -2
  5. package/build/cjs/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
  6. package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -2
  7. package/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
  8. package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js +2 -2
  9. package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
  10. package/build/cjs/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
  11. package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
  12. package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
  13. package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -2
  14. package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.d.ts +1 -1
  15. package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
  16. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.d.ts +1 -1
  17. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -2
  18. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.d.ts +1 -1
  19. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
  20. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.d.ts +1 -1
  21. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -2
  22. package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.d.ts +1 -1
  23. package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
  24. package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -2
  25. package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.d.ts +1 -1
  26. package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
  27. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.d.ts +1 -1
  28. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js +2 -2
  29. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.d.ts +1 -1
  30. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
  31. package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.d.ts +1 -1
  32. package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
  33. package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
  34. package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.d.ts +1 -1
  35. package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
  36. package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.d.ts +1 -1
  37. package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -2
  38. package/build/esm/packages/aurora/src/components/controls/types.d.ts +7 -3
  39. package/build/esm/packages/aurora/src/components/controls/types.js +3 -3
  40. package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
  41. package/package.json +1 -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 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: true, spacingLeft: true, hint: hint }))),
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: true, hint: hint, spacingLeft: true })))),
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
 
@@ -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: true, hint: hint, spacingLeft: true })))),
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: true, spacingLeft: true, hint: hint }))),
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: true, spacingLeft: true, hint: hint }))),
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: true, spacingLeft: true, hint: hint }))),
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: true, spacingLeft: true, hint: hint }))),
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: true, hint: hint, spacingLeft: true }),
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: true, spacingLeft: true, hint: hint }))),
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: true, spacingLeft: true, hint: hint }))),
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: true, spacingLeft: true, hint: hint }))),
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 }))),
@@ -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: true, spacingLeft: true, hint: hint }))),
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: true, spacingLeft: true, hint: hint }))),
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 }))),
@@ -1,4 +1,4 @@
1
- import React from 'react';
2
1
  import { IControlCellSelector } from '../../types';
2
+ import React from 'react';
3
3
  declare const ControlCellSelector: React.FC<IControlCellSelector>;
4
4
  export default ControlCellSelector;
@@ -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: true, spacingLeft: true, hint: hint }))),
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 }))),
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
1
  import { IControlCheckboxProps } from '../../types';
2
+ import React from 'react';
3
3
  /**
4
4
  * @component
5
5
  * @example
@@ -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: true, hint: hint, spacingLeft: true })))),
26
+ hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
27
27
  React.createElement(Control.Errors, null)));
28
28
  };
29
29
 
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
1
  import { IControlCheckboxProps } from '../../types';
2
+ import React from 'react';
3
3
  /**
4
4
  * @component
5
5
  * @example
@@ -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: true, hint: hint, spacingLeft: true })))),
25
+ hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
26
26
  React.createElement(Control.Errors, null)));
27
27
  };
28
28
 
@@ -1,4 +1,4 @@
1
- import React from 'react';
2
1
  import { IControlColorPickerProps } from "../../types";
2
+ import React from 'react';
3
3
  declare const _default: React.FC<IControlColorPickerProps>;
4
4
  export default _default;
@@ -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: true, spacingLeft: true, hint: hint }))),
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 }))),
@@ -1,4 +1,4 @@
1
- import React from 'react';
2
1
  import { IControlFilePicker } from '../../types';
2
+ import React from 'react';
3
3
  declare const ControlFilePicker: React.FC<IControlFilePicker>;
4
4
  export default ControlFilePicker;
@@ -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: true, spacingLeft: true, hint: hint }))),
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: true, spacingLeft: true, hint: hint }))),
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 }))),
@@ -1,4 +1,4 @@
1
- import React from 'react';
2
1
  import { IControlMultiSelectProps } from '../../types';
2
+ import React from 'react';
3
3
  declare const ControlMultiSelect: React.FC<IControlMultiSelectProps>;
4
4
  export default ControlMultiSelect;
@@ -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: true, spacingLeft: true, hint: hint }))),
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 }))),
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
1
  import { IControlRadioProps } from '../../types';
2
+ import React from 'react';
3
3
  /**
4
4
  * @component
5
5
  * @example
@@ -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: true, hint: hint, spacingLeft: true }),
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
  };
@@ -1,4 +1,4 @@
1
- import React from 'react';
2
1
  import { IControlRadioGroup } from "../../types";
2
+ import React from 'react';
3
3
  declare const ControlRadioGroup: React.FC<IControlRadioGroup>;
4
4
  export default ControlRadioGroup;
@@ -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: true, spacingLeft: true, hint: hint }))),
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
  };
@@ -1,4 +1,4 @@
1
- import React from 'react';
2
1
  import { IControlRange } from '../../types';
2
+ import React from 'react';
3
3
  declare const ControlRange: React.FC<IControlRange>;
4
4
  export default ControlRange;
@@ -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: true, spacingLeft: true, hint: hint }))),
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: true, spacingLeft: true, hint: hint }))),
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 }))),
@@ -1,4 +1,4 @@
1
- import React from 'react';
2
1
  import { IControlTagsSelectorProps } from '../../types';
2
+ import React from 'react';
3
3
  declare const ControlTagsSelector: React.FC<IControlTagsSelectorProps>;
4
4
  export default ControlTagsSelector;
@@ -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: true, spacingLeft: true, hint: hint }))),
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 }))),
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
1
  import { IControlTextareaProps } from '../../types';
2
+ import React from 'react';
3
3
  /**
4
4
  * @component
5
5
  * @example
@@ -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: true, spacingLeft: true, hint: hint }))),
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 { IRange } from "../range/types";
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/range/types';
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,OAAkC,sCAAsC,CAAC;AACzE,OAAgD,kCAAkC,CAAC;AACnF,OAAuF,OAAO,CAAC;AAC/F,OAAuB,+BAA+B,CAAC;AACvD,OAA4B,qCAAqC,CAAC;AAClE,OAAkC,wBAAwB,CAAC"}
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"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "0.4.9",
5
+ "version": "0.4.10",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",