@dreamcommerce/aurora 1.0.0 → 2.1.5

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 (97) hide show
  1. package/build/cjs/packages/aurora/src/assets/icon_arrow.js +1 -5
  2. package/build/cjs/packages/aurora/src/assets/icon_arrow.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/assets/icon_close.js +1 -6
  4. package/build/cjs/packages/aurora/src/assets/icon_close.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/assets/icon_delete.js +2 -7
  6. package/build/cjs/packages/aurora/src/assets/icon_delete.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/assets/icon_hint.js +2 -10
  8. package/build/cjs/packages/aurora/src/assets/icon_hint.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/assets/icon_tick.js +2 -7
  10. package/build/cjs/packages/aurora/src/assets/icon_tick.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/assets/icon_upload.js +2 -7
  12. package/build/cjs/packages/aurora/src/assets/icon_upload.js.map +1 -1
  13. package/build/cjs/packages/aurora/src/components/controls/components/element.js +1 -1
  14. package/build/cjs/packages/aurora/src/components/controls/components/helper.js +18 -0
  15. package/build/cjs/packages/aurora/src/components/controls/components/helper.js.map +1 -0
  16. package/build/cjs/packages/aurora/src/components/controls/components/input.js +2 -4
  17. package/build/cjs/packages/aurora/src/components/controls/components/input.js.map +1 -1
  18. package/build/cjs/packages/aurora/src/components/controls/components/input_wrapper.js +1 -1
  19. package/build/cjs/packages/aurora/src/components/controls/components/textarea.js +1 -1
  20. package/build/cjs/packages/aurora/src/components/controls/css_classes.js +3 -1
  21. package/build/cjs/packages/aurora/src/components/controls/css_classes.js.map +1 -1
  22. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +9 -5
  23. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
  24. package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +4 -2
  25. package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
  26. package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +3 -2
  27. package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js.map +1 -1
  28. package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +4 -2
  29. package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
  30. package/build/cjs/packages/aurora/src/components/controls/index.js +6 -4
  31. package/build/cjs/packages/aurora/src/components/controls/index.js.map +1 -1
  32. package/build/cjs/packages/aurora/src/components/file_picker/components/selected_file_preview.js +1 -1
  33. package/build/cjs/packages/aurora/src/css/helper/main.module.less.js +12 -0
  34. package/build/cjs/packages/aurora/src/css/helper/main.module.less.js.map +1 -0
  35. package/build/cjs/packages/aurora/src/css/icons/main.module.less.js +1 -1
  36. package/build/cjs/packages/aurora/src/index.js +2 -2
  37. package/build/esm/packages/aurora/src/assets/icon_arrow.d.ts +1 -1
  38. package/build/esm/packages/aurora/src/assets/icon_arrow.js +1 -5
  39. package/build/esm/packages/aurora/src/assets/icon_arrow.js.map +1 -1
  40. package/build/esm/packages/aurora/src/assets/icon_close.d.ts +1 -1
  41. package/build/esm/packages/aurora/src/assets/icon_close.js +1 -6
  42. package/build/esm/packages/aurora/src/assets/icon_close.js.map +1 -1
  43. package/build/esm/packages/aurora/src/assets/icon_delete.js +2 -7
  44. package/build/esm/packages/aurora/src/assets/icon_delete.js.map +1 -1
  45. package/build/esm/packages/aurora/src/assets/icon_hint.d.ts +1 -1
  46. package/build/esm/packages/aurora/src/assets/icon_hint.js +2 -10
  47. package/build/esm/packages/aurora/src/assets/icon_hint.js.map +1 -1
  48. package/build/esm/packages/aurora/src/assets/icon_tick.d.ts +1 -1
  49. package/build/esm/packages/aurora/src/assets/icon_tick.js +2 -7
  50. package/build/esm/packages/aurora/src/assets/icon_tick.js.map +1 -1
  51. package/build/esm/packages/aurora/src/assets/icon_upload.d.ts +1 -1
  52. package/build/esm/packages/aurora/src/assets/icon_upload.js +2 -7
  53. package/build/esm/packages/aurora/src/assets/icon_upload.js.map +1 -1
  54. package/build/esm/packages/aurora/src/components/controls/components/element.js +1 -1
  55. package/build/esm/packages/aurora/src/components/controls/components/helper.d.ts +3 -0
  56. package/build/esm/packages/aurora/src/components/controls/components/helper.js +10 -0
  57. package/build/esm/packages/aurora/src/components/controls/components/helper.js.map +1 -0
  58. package/build/esm/packages/aurora/src/components/controls/components/input.d.ts +1 -1
  59. package/build/esm/packages/aurora/src/components/controls/components/input.js +2 -4
  60. package/build/esm/packages/aurora/src/components/controls/components/input.js.map +1 -1
  61. package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js +1 -1
  62. package/build/esm/packages/aurora/src/components/controls/components/textarea.js +1 -1
  63. package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +1 -0
  64. package/build/esm/packages/aurora/src/components/controls/css_classes.js +3 -2
  65. package/build/esm/packages/aurora/src/components/controls/css_classes.js.map +1 -1
  66. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +5 -1
  67. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
  68. package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +4 -2
  69. package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
  70. package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +3 -2
  71. package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js.map +1 -1
  72. package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +4 -2
  73. package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
  74. package/build/esm/packages/aurora/src/components/controls/index.d.ts +1 -1
  75. package/build/esm/packages/aurora/src/components/controls/index.js +6 -4
  76. package/build/esm/packages/aurora/src/components/controls/index.js.map +1 -1
  77. package/build/esm/packages/aurora/src/components/controls/types.d.ts +7 -0
  78. package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
  79. package/build/esm/packages/aurora/src/components/file_picker/components/selected_file_preview.js +1 -1
  80. package/build/esm/packages/aurora/src/components/link/css_classes.d.ts +2 -0
  81. package/build/esm/packages/aurora/src/components/link/css_classes.js +3 -0
  82. package/build/esm/packages/aurora/src/components/link/css_classes.js.map +1 -0
  83. package/build/esm/packages/aurora/src/components/link/index.d.ts +4 -0
  84. package/build/esm/packages/aurora/src/components/link/index.js +11 -0
  85. package/build/esm/packages/aurora/src/components/link/index.js.map +1 -0
  86. package/build/esm/packages/aurora/src/components/link/types.d.ts +2 -0
  87. package/build/esm/packages/aurora/src/components/link/types.js +2 -0
  88. package/build/esm/packages/aurora/src/components/link/types.js.map +1 -0
  89. package/build/esm/packages/aurora/src/css/helper/main.module.less.js +8 -0
  90. package/build/esm/packages/aurora/src/css/helper/main.module.less.js.map +1 -0
  91. package/build/esm/packages/aurora/src/css/icons/main.module.less.js +1 -1
  92. package/build/esm/packages/aurora/src/index.js +1 -1
  93. package/package.json +2 -2
  94. /package/build/cjs/packages/utilities/build/esm/{file_utils.js → packages/utilities/src/file_utils.js} +0 -0
  95. /package/build/cjs/packages/utilities/build/esm/{file_utils.js.map → packages/utilities/src/file_utils.js.map} +0 -0
  96. /package/build/esm/packages/utilities/build/esm/{file_utils.js → packages/utilities/src/file_utils.js} +0 -0
  97. /package/build/esm/packages/utilities/build/esm/{file_utils.js.map → packages/utilities/src/file_utils.js.map} +0 -0
@@ -1,4 +1,4 @@
1
- import React from 'react';
2
1
  import { IIconProps } from './types';
2
+ import React from 'react';
3
3
  declare const IconTick: React.FC<IIconProps>;
4
4
  export default IconTick;
@@ -3,13 +3,8 @@ import Icon from './icon.js';
3
3
 
4
4
  const IconTick = ({ className }) => (React.createElement(Icon, null,
5
5
  React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "12", viewBox: "0 0 17 12", className: className || '' },
6
- React.createElement("g", { fill: "none", fillRule: "evenodd" },
7
- React.createElement("g", { fill: "#5C657E", fillRule: "nonzero" },
8
- React.createElement("g", null,
9
- React.createElement("g", null,
10
- React.createElement("g", null,
11
- React.createElement("path", { d: "M.349 6.763c-.39-.39-.39-1.024 0-1.414.39-.39 1.024-.39 1.414 0l4.454 4.454c.391.39.391 1.024 0 1.414-.39.391-1.023.391-1.414 0L.35 6.763z", transform: "translate(-435 -577) translate(251 540) translate(184 34) translate(0 3)" }),
12
- React.createElement("path", { d: "M15.715 1.71l-9.508 9.507c-.39.391-1.024.391-1.414 0-.39-.39-.39-1.023 0-1.414L14.3.296c.39-.39 1.023-.39 1.414 0 .39.39.39 1.023 0 1.414z", transform: "translate(-435 -577) translate(251 540) translate(184 34) translate(0 3)" })))))))));
6
+ React.createElement("path", { d: "M.349 6.763c-.39-.39-.39-1.024 0-1.414.39-.39 1.024-.39 1.414 0l4.454 4.454c.391.39.391 1.024 0 1.414-.39.391-1.023.391-1.414 0L.35 6.763z", transform: "translate(-435 -577) translate(251 540) translate(184 34) translate(0 3)" }),
7
+ React.createElement("path", { d: "M15.715 1.71l-9.508 9.507c-.39.391-1.024.391-1.414 0-.39-.39-.39-1.023 0-1.414L14.3.296c.39-.39 1.023-.39 1.414 0 .39.39.39 1.023 0 1.414z", transform: "translate(-435 -577) translate(251 540) translate(184 34) translate(0 3)" }))));
13
8
 
14
9
  export default IconTick;
15
10
  //# sourceMappingURL=icon_tick.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,4 +1,4 @@
1
- import React from 'react';
2
1
  import { IIconProps } from './types';
2
+ import React from 'react';
3
3
  declare const IconUpload: React.FC<IIconProps>;
4
4
  export default IconUpload;
@@ -3,13 +3,8 @@ import Icon from './icon.js';
3
3
 
4
4
  const IconUpload = ({ className = '' }) => (React.createElement(Icon, null,
5
5
  React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", className: className },
6
- React.createElement("g", { fill: "none", fillRule: "evenodd" },
7
- React.createElement("g", null,
8
- React.createElement("g", null,
9
- React.createElement("g", null,
10
- React.createElement("g", null,
11
- React.createElement("path", { d: "M13.124 7.374H5.59L7.045 8.83c.44.44.44 1.15 0 1.59-.22.22-.508.33-.796.33-.288 0-.576-.11-.795-.33L2.08 7.046c-.103-.104-.186-.227-.243-.366-.114-.274-.114-.585 0-.86.057-.138.14-.261.243-.365L5.454 2.08c.44-.44 1.15-.44 1.59 0 .44.44.44 1.15 0 1.59L5.59 5.125h7.534c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125z", transform: "translate(-1728 -4529) translate(1590 3755) translate(0 602) translate(138 172) rotate(90 8 6.25)" }),
12
- React.createElement("path", { fillRule: "nonzero", d: "M14 14H2v-3H0v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1v-4h-2v3z", transform: "translate(-1728 -4529) translate(1590 3755) translate(0 602) translate(138 172)" })))))))));
6
+ React.createElement("path", { d: "M13.124 7.374H5.59L7.045 8.83c.44.44.44 1.15 0 1.59-.22.22-.508.33-.796.33-.288 0-.576-.11-.795-.33L2.08 7.046c-.103-.104-.186-.227-.243-.366-.114-.274-.114-.585 0-.86.057-.138.14-.261.243-.365L5.454 2.08c.44-.44 1.15-.44 1.59 0 .44.44.44 1.15 0 1.59L5.59 5.125h7.534c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125z", transform: "translate(-1728 -4529) translate(1590 3755) translate(0 602) translate(138 172) rotate(90 8 6.25)" }),
7
+ React.createElement("path", { fillRule: "nonzero", d: "M14 14H2v-3H0v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1v-4h-2v3z", transform: "translate(-1728 -4529) translate(1590 3755) translate(0 602) translate(138 172)" }))));
13
8
 
14
9
  export default IconUpload;
15
10
  //# sourceMappingURL=icon_upload.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import classnames from 'classnames';
3
- import { VERTICAL_POSITION } from '../../../constants/positions.js';
4
3
  import { cssControlsElement, cssControlsElementPrefix, cssControlsElementPostfix, cssControlsElementCheckbox, cssControlsElementRadio, cssControlsElementVerticalAlignTop } from '../css_classes.js';
4
+ import { VERTICAL_POSITION } from '../../../constants/positions.js';
5
5
  import cssStyles from '../../../css/controls/main.module.less.js';
6
6
 
7
7
  const Element = ({ type, prefix, postfix, children, verticalPosition }) => {
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const Helper: React.FC;
3
+ export default Helper;
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { cssHelper } from '../css_classes.js';
3
+ import cssStyles from '../../../css/helper/main.module.less.js';
4
+
5
+ const Helper = ({ children }) => {
6
+ return React.createElement("p", { className: cssStyles[cssHelper] }, children);
7
+ };
8
+
9
+ export default Helper;
10
+ //# sourceMappingURL=helper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,4 +1,4 @@
1
- import React from 'react';
2
1
  import { IInputProps } from '../types';
2
+ import React from 'react';
3
3
  declare const Input: React.FC<IInputProps>;
4
4
  export default Input;
@@ -1,12 +1,10 @@
1
1
  import React from 'react';
2
2
  import classnames from 'classnames';
3
- import cssClasses from '../../../css/input/main.module.less.js';
4
3
  import { cssControl, cssControlS, cssControlError, cssControlDisabled, cssControlReadonly } from '../css_classes.js';
4
+ import cssClasses from '../../../css/input/main.module.less.js';
5
5
  import { useControlContext } from '../context.js';
6
6
 
7
- const Input = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, onKeyUp,
8
- // eslint-disable-next-line no-unused-vars
9
- children, ...props }) => {
7
+ const Input = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, onKeyUp, children, ...props }) => {
10
8
  const { errors } = useControlContext();
11
9
  const inputClasses = classnames(cssClasses[cssControl], {
12
10
  [cssClasses[cssControlS]]: padding === 'small',
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import classnames from 'classnames';
3
- import cssClasses from '../../../css/input/main.module.less.js';
4
3
  import { cssControl, cssControlWrapper, cssControlS, cssControlFocus, cssControlDisabled, cssControlReadonly, cssControlError, cssControlInput } from '../css_classes.js';
4
+ import cssClasses from '../../../css/input/main.module.less.js';
5
5
  import { useControlContext } from '../context.js';
6
6
 
7
7
  const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, ...props }) => {
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import classnames from 'classnames';
3
- import cssClasses from '../../../css/input/main.module.less.js';
4
3
  import { cssControl, cssControlS, cssControlDisabled, cssControlReadonly } from '../css_classes.js';
4
+ import cssClasses from '../../../css/input/main.module.less.js';
5
5
 
6
6
  const Textarea = React.forwardRef(({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, ...props }, ref) => {
7
7
  const inputClasses = classnames(cssClasses[cssControl], {
@@ -40,3 +40,4 @@ export declare const cellSelectorDescription: string;
40
40
  export declare const cellSelectorRow: string;
41
41
  export declare const cellSelectorCell: string;
42
42
  export declare const cellSelectorCellActive: string;
43
+ export declare const cssHelper = "helper";
@@ -38,7 +38,8 @@ const cellSelector = 'cell-selector';
38
38
  const cellSelectorContainer = `${cellSelector}__container`;
39
39
  const cellSelectorRow = `${cellSelector}__row`;
40
40
  const cellSelectorCell = `${cellSelector}__cell`;
41
- const cellSelectorCellActive = `${cellSelectorCell}_active`;
41
+ const cellSelectorCellActive = `${cellSelectorCell}_active`;
42
+ const cssHelper = 'helper';
42
43
 
43
- export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, radio, radioControl, radioDisabled, radioLabel };
44
+ export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, cssHelper, radio, radioControl, radioDisabled, radioLabel };
44
45
  //# sourceMappingURL=css_classes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -15,8 +15,12 @@ import Hint from '../../../hint/index.js';
15
15
  * />
16
16
  * )
17
17
  */
18
- const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange, errors }) => {
18
+ const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange, helper, labelTop, hintTop, hintTopOptions = { isFixed: true }, isRequired, errors }) => {
19
19
  return (React.createElement(Control, { errors: errors, name: name, id: id },
20
+ (labelTop || hintTop) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
21
+ labelTop,
22
+ hintTop && React.createElement(Hint, { fixed: hintTopOptions.isFixed, spacingLeft: true, hint: hintTop }))),
23
+ helper && React.createElement(Control.Helper, null, helper),
20
24
  React.createElement(Control.Content, null,
21
25
  React.createElement(Control.Element, { type: "checkbox" },
22
26
  React.createElement(Control.Checkbox, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -17,15 +17,17 @@ 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, hintOptions = { isFixed: true }, errors, ...props }) => {
20
+ const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, helper, additionalInfo, ...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
24
  hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
25
+ helper && React.createElement(Control.Helper, null, helper),
25
26
  React.createElement(Control.Content, null,
26
27
  React.createElement(Control.Element, { prefix: prefix, postfix: postfix },
27
28
  React.createElement(Control.Input, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp, ...props }))),
28
- React.createElement(Control.Errors, null)));
29
+ React.createElement(Control.Errors, null),
30
+ additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)));
29
31
  };
30
32
 
31
33
  export default ControlInput;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -18,7 +18,7 @@ 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, hintOptions = { isFixed: true } }) => {
21
+ const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, additionalInfo }) => {
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,
@@ -26,7 +26,8 @@ const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, is
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 }))),
29
- React.createElement(Control.Errors, null)));
29
+ React.createElement(Control.Errors, null),
30
+ additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)));
30
31
  };
31
32
 
32
33
  export default ControlSelect;
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -17,16 +17,18 @@ import Hint from '../../../hint/index.js';
17
17
  * />
18
18
  * )
19
19
  */
20
- const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true } }, ref) => {
20
+ const ControlTextarea = React.forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, helper }, ref) => {
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
24
  hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
25
+ helper && React.createElement(Control.Helper, null, helper),
25
26
  React.createElement(Control.Content, null,
26
27
  React.createElement(Control.Element, null,
27
28
  React.createElement(Control.Textarea, { id: id, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyPress: onKeyPress, ref: ref }))),
28
29
  React.createElement(Control.Errors, null)));
29
- });
30
+ });
31
+ ControlTextarea.displayName = 'ControlTextarea';
30
32
 
31
33
  export default ControlTextarea;
32
34
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,4 +1,4 @@
1
+ import { IControlComposition, IControlProps } from './types';
1
2
  import React from 'react';
2
- import { IControlProps, IControlComposition } from './types';
3
3
  declare const Control: React.FC<IControlProps> & IControlComposition;
4
4
  export default Control;
@@ -3,15 +3,16 @@ import { cssControls, cssControlsError } from './css_classes.js';
3
3
  import { ControlContext } from './context.js';
4
4
  import Input from './components/input.js';
5
5
  import cssStyles from '../../css/controls/main.module.less.js';
6
- import ControlLabel from './components/label.js';
6
+ import { AdditionalInfo } from './components/additional_info.js';
7
7
  import Checkbox from './components/checkbox.js';
8
8
  import CheckboxSwitch from './components/checkbox_switch.js';
9
9
  import Content from './components/content.js';
10
+ import ControlLabel from './components/label.js';
10
11
  import Element from './components/element.js';
12
+ import Errors from './components/errors.js';
13
+ import Helper from './components/helper.js';
11
14
  import Radio from './components/radio.js';
12
15
  import Textarea from './components/textarea.js';
13
- import Errors from './components/errors.js';
14
- import { AdditionalInfo } from './components/additional_info.js';
15
16
 
16
17
  const Control = ({ children, errors, name, id }) => {
17
18
  return (React.createElement(ControlContext.Provider, { value: { errors, name, id } },
@@ -26,7 +27,8 @@ Control.Content = Content;
26
27
  Control.Element = Element;
27
28
  Control.Textarea = Textarea;
28
29
  Control.Errors = Errors;
29
- Control.AdditionalInfo = AdditionalInfo;
30
+ Control.AdditionalInfo = AdditionalInfo;
31
+ Control.Helper = Helper;
30
32
 
31
33
  export default Control;
32
34
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -21,6 +21,7 @@ export interface IControlComposition {
21
21
  Textarea: React.FC<ITextareaProps>;
22
22
  Errors: React.FC;
23
23
  AdditionalInfo: React.FC;
24
+ Helper: React.FC<React.ReactNode>;
24
25
  }
25
26
  export interface IControlProps {
26
27
  children: ReactNode;
@@ -100,9 +101,14 @@ export interface IControlInputProps extends IInputProps, IControlCommonProps {
100
101
  postfix?: string;
101
102
  label?: string;
102
103
  isRequired?: boolean;
104
+ helper?: React.ReactNode;
103
105
  }
104
106
  export interface IControlCheckboxProps extends ICheckboxProps, IControlCommonProps {
105
107
  label: string;
108
+ helper?: React.ReactNode;
109
+ hintTopOptions?: TControlHintOptions;
110
+ labelTop?: string;
111
+ hintTop?: string;
106
112
  }
107
113
  export interface IRadioProps extends InputHTMLAttributes<HTMLInputElement> {
108
114
  id: string;
@@ -136,6 +142,7 @@ export interface IControlColorPickerProps extends IColorPickerProps, IControlCom
136
142
  export interface IControlTextareaProps extends ITextareaProps, IControlCommonProps {
137
143
  label?: string;
138
144
  isRequired?: boolean;
145
+ helper?: React.ReactNode;
139
146
  }
140
147
  export interface IControlSelectProps extends ISelectProps, IControlCommonProps {
141
148
  id?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAA0F,OAAO,CAAC;AAClG,OAAgD,kCAAkC,CAAC;AAEnF,OAAkC,sCAAsC,CAAC;AACzE,OAA4B,qCAAqC,CAAC;AAClE,OAAuB,+BAA+B,CAAC;AACvD,OAAkC,wBAAwB,CAAC"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAA4F,OAAO,CAAC;AACpG,OAAgD,kCAAkC,CAAC;AAEnF,OAAkC,sCAAsC,CAAC;AACzE,OAA4B,qCAAqC,CAAC;AAClE,OAAuB,+BAA+B,CAAC;AACvD,OAAkC,wBAAwB,CAAC"}
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
3
3
  import styles from '../../../css/file_picker/main.module.less.js';
4
4
  import CSS_CLASSES from '../css_classes.js';
5
- import { FileUtils } from '../../../../../utilities/build/esm/file_utils.js';
5
+ import { FileUtils } from '../../../../../utilities/build/esm/packages/utilities/src/file_utils.js';
6
6
  import IconDelete from '../../../assets/icon_delete.js';
7
7
 
8
8
  const SelectedFilePreview = ({ file, isPreview, onPreviewError, onFileDelete }) => {
@@ -0,0 +1,2 @@
1
+ export declare const cssLink = "link";
2
+ export declare const cssLinkIcon: string;
@@ -0,0 +1,3 @@
1
+ export const cssLink = 'link';
2
+ export const cssLinkIcon = `${cssLink}__icon`;
3
+ //# sourceMappingURL=css_classes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../src/components/link/css_classes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC;AAC9B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,OAAO,QAAQ,CAAC"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { TLinkOptions } from './types';
3
+ declare const Link: React.FC<TLinkOptions>;
4
+ export default Link;
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import './types';
3
+ import classNames from 'classnames';
4
+ import { cssLink } from './css_classes';
5
+ import linkStyles from '@auroraCss/link/main.module.less';
6
+ const Link = ({ href, id, className, onClick, children, ...props }) => {
7
+ const linkClass = classNames(linkStyles[cssLink]);
8
+ return (React.createElement("a", { ...props, id: id, className: `${linkClass}`, href: href, onClick: onClick }, children));
9
+ };
10
+ export default Link;
11
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAA6B,SAAS,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,kCAAkC,CAAC;AAE1D,MAAM,IAAI,GAA2B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAe,EAAE;IACvG,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAElD,OAAO,CACH,8BAAO,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IACxE,QAAQ,CACT,CACP,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare type TLinkOptions = React.AnchorHTMLAttributes<HTMLAnchorElement>;
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/link/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,8 @@
1
+ import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_helper__ZHmAY {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n line-height: 15px;\n color: #5c657e;\n margin-bottom: 0.25rem;\n}\n";
4
+ var cssStyles = {"helper":"main-module_helper__ZHmAY"};
5
+ styleInject(css_248z);
6
+
7
+ export default cssStyles;
8
+ //# sourceMappingURL=main.module.less.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".main-module_icon__orgwn {\n display: inline-flex;\n}\n.main-module_icon_rotate-180__1wQtQ {\n transform: rotate(180deg);\n}\n";
3
+ var css_248z = ".main-module_icon__orgwn {\n display: inline-flex;\n fill: #5c657e;\n}\n.main-module_icon_rotate-180__1wQtQ {\n transform: rotate(180deg);\n}\n";
4
4
  var iconCssClasses = {"icon":"main-module_icon__orgwn","icon_rotate-180":"main-module_icon_rotate-180__1wQtQ"};
5
5
  styleInject(css_248z);
6
6
 
@@ -2,8 +2,8 @@ export { default as Button } from './components/button/index.js';
2
2
  export { default as ButtonsGroup } from './components/buttons_group/index.js';
3
3
  export { DropdownContext, useDropdownContext } from './components/dropdown/context/index.js';
4
4
  export { default as ColorPicker } from './components/color_picker/index.js';
5
- export { default as Label } from './components/label/index.js';
6
5
  export { default as IconTick } from './assets/icon_tick.js';
6
+ export { default as Label } from './components/label/index.js';
7
7
  export { default as Hint } from './components/hint/index.js';
8
8
  export { default as ControlInput } from './components/controls/hoc/control_input/index.js';
9
9
  export { default as ControlCheckbox } from './components/controls/hoc/control_checkbox/index.js';
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": "1.0.0",
5
+ "version": "2.1.5",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",
@@ -44,7 +44,7 @@
44
44
  "update-visuals": "jest -c .config/jest/jest.config.visual.js --updateSnapshot"
45
45
  },
46
46
  "devDependencies": {
47
- "@dreamcommerce/utilities": "^0.11.1",
47
+ "@dreamcommerce/utilities": "^1.3.3",
48
48
  "@shoper/jest_config": "^0.0.0",
49
49
  "@shoper/tsconfig": "^0.0.0",
50
50
  "@storybook/react": "6.5.7",