@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.
- package/build/cjs/packages/aurora/src/assets/icon_arrow.js +1 -5
- package/build/cjs/packages/aurora/src/assets/icon_arrow.js.map +1 -1
- package/build/cjs/packages/aurora/src/assets/icon_close.js +1 -6
- package/build/cjs/packages/aurora/src/assets/icon_close.js.map +1 -1
- package/build/cjs/packages/aurora/src/assets/icon_delete.js +2 -7
- package/build/cjs/packages/aurora/src/assets/icon_delete.js.map +1 -1
- package/build/cjs/packages/aurora/src/assets/icon_hint.js +2 -10
- package/build/cjs/packages/aurora/src/assets/icon_hint.js.map +1 -1
- package/build/cjs/packages/aurora/src/assets/icon_tick.js +2 -7
- package/build/cjs/packages/aurora/src/assets/icon_tick.js.map +1 -1
- package/build/cjs/packages/aurora/src/assets/icon_upload.js +2 -7
- package/build/cjs/packages/aurora/src/assets/icon_upload.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/element.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/helper.js +18 -0
- package/build/cjs/packages/aurora/src/components/controls/components/helper.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/controls/components/input.js +2 -4
- package/build/cjs/packages/aurora/src/components/controls/components/input.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/input_wrapper.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/textarea.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js +3 -1
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +9 -5
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +4 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +3 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +4 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/index.js +6 -4
- package/build/cjs/packages/aurora/src/components/controls/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/file_picker/components/selected_file_preview.js +1 -1
- package/build/cjs/packages/aurora/src/css/helper/main.module.less.js +12 -0
- package/build/cjs/packages/aurora/src/css/helper/main.module.less.js.map +1 -0
- package/build/cjs/packages/aurora/src/css/icons/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/index.js +2 -2
- package/build/esm/packages/aurora/src/assets/icon_arrow.d.ts +1 -1
- package/build/esm/packages/aurora/src/assets/icon_arrow.js +1 -5
- package/build/esm/packages/aurora/src/assets/icon_arrow.js.map +1 -1
- package/build/esm/packages/aurora/src/assets/icon_close.d.ts +1 -1
- package/build/esm/packages/aurora/src/assets/icon_close.js +1 -6
- package/build/esm/packages/aurora/src/assets/icon_close.js.map +1 -1
- package/build/esm/packages/aurora/src/assets/icon_delete.js +2 -7
- package/build/esm/packages/aurora/src/assets/icon_delete.js.map +1 -1
- package/build/esm/packages/aurora/src/assets/icon_hint.d.ts +1 -1
- package/build/esm/packages/aurora/src/assets/icon_hint.js +2 -10
- package/build/esm/packages/aurora/src/assets/icon_hint.js.map +1 -1
- package/build/esm/packages/aurora/src/assets/icon_tick.d.ts +1 -1
- package/build/esm/packages/aurora/src/assets/icon_tick.js +2 -7
- package/build/esm/packages/aurora/src/assets/icon_tick.js.map +1 -1
- package/build/esm/packages/aurora/src/assets/icon_upload.d.ts +1 -1
- package/build/esm/packages/aurora/src/assets/icon_upload.js +2 -7
- package/build/esm/packages/aurora/src/assets/icon_upload.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/element.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/helper.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/controls/components/helper.js +10 -0
- package/build/esm/packages/aurora/src/components/controls/components/helper.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/components/input.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/input.js +2 -4
- package/build/esm/packages/aurora/src/components/controls/components/input.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/textarea.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/controls/css_classes.js +3 -2
- package/build/esm/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +5 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +4 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +3 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +4 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/index.js +6 -4
- package/build/esm/packages/aurora/src/components/controls/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +7 -0
- package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/file_picker/components/selected_file_preview.js +1 -1
- package/build/esm/packages/aurora/src/components/link/css_classes.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/link/css_classes.js +3 -0
- package/build/esm/packages/aurora/src/components/link/css_classes.js.map +1 -0
- package/build/esm/packages/aurora/src/components/link/index.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/link/index.js +11 -0
- package/build/esm/packages/aurora/src/components/link/index.js.map +1 -0
- package/build/esm/packages/aurora/src/components/link/types.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/link/types.js +2 -0
- package/build/esm/packages/aurora/src/components/link/types.js.map +1 -0
- package/build/esm/packages/aurora/src/css/helper/main.module.less.js +8 -0
- package/build/esm/packages/aurora/src/css/helper/main.module.less.js.map +1 -0
- package/build/esm/packages/aurora/src/css/icons/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/index.js +1 -1
- package/package.json +2 -2
- /package/build/cjs/packages/utilities/build/esm/{file_utils.js → packages/utilities/src/file_utils.js} +0 -0
- /package/build/cjs/packages/utilities/build/esm/{file_utils.js.map → packages/utilities/src/file_utils.js.map} +0 -0
- /package/build/esm/packages/utilities/build/esm/{file_utils.js → packages/utilities/src/file_utils.js} +0 -0
- /package/build/esm/packages/utilities/build/esm/{file_utils.js.map → packages/utilities/src/file_utils.js.map} +0 -0
|
@@ -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("
|
|
7
|
-
|
|
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;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -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("
|
|
7
|
-
|
|
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;
|
|
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,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,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;
|
|
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], {
|
|
@@ -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;"}
|
|
@@ -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
|
|
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,
|
|
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"}
|
package/build/esm/packages/aurora/src/components/file_picker/components/selected_file_preview.js
CHANGED
|
@@ -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 @@
|
|
|
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,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 @@
|
|
|
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.
|
|
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": "^
|
|
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",
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|