@dreamcommerce/aurora 3.1.25-1 → 3.1.25-2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js +3 -5
- package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js +3 -5
- package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +3 -4
- package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js +3 -4
- package/build/cjs/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js +3 -5
- package/build/cjs/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.js +3 -4
- package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/text_area_control/text_area_control.js +3 -4
- package/build/cjs/packages/aurora/src/components/controls/text_area_control/text_area_control.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js +2 -4
- package/build/cjs/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js +4 -8
- package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/image_picker/image_picker_delete_button.js +0 -3
- package/build/cjs/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/multiselect/multiselect.js +3 -4
- package/build/cjs/packages/aurora/src/components/multiselect/multiselect.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/select/select.js +2 -3
- package/build/cjs/packages/aurora/src/components/select/select.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/values_syncer/values_syncer.js +2 -5
- package/build/cjs/packages/aurora/src/components/values_syncer/values_syncer.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/box/box.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/color_picker.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/color_picker.js +3 -5
- package/build/esm/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js +3 -5
- package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.d.ts +2 -7
- package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +3 -4
- package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.d.ts +2 -8
- package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js +3 -4
- package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.d.ts +2 -6
- package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js +3 -5
- package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/select_control/select_control.d.ts +2 -7
- package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js +3 -4
- package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.js +3 -4
- package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.d.ts +5 -8
- package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js +2 -4
- package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/image_picker.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/image_picker.js +4 -8
- package/build/esm/packages/aurora/src/components/image_picker/image_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js +0 -3
- package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map +1 -1
- package/build/esm/packages/aurora/src/components/multiselect/multiselect.d.ts +5 -4
- package/build/esm/packages/aurora/src/components/multiselect/multiselect.js +3 -4
- package/build/esm/packages/aurora/src/components/multiselect/multiselect.js.map +1 -1
- package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.js +11 -0
- package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.js.map +1 -0
- package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.d.ts +9 -0
- package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.js +19 -0
- package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.js.map +1 -0
- package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.js +12 -0
- package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.js.map +1 -0
- package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.d.ts +7 -0
- package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.js +68 -0
- package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.js.map +1 -0
- package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.js +11 -0
- package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.js.map +1 -0
- package/build/esm/packages/aurora/src/components/resizable/resizable.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/resizable/resizable.js +16 -0
- package/build/esm/packages/aurora/src/components/resizable/resizable.js.map +1 -0
- package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.d.ts +10 -0
- package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.js +11 -0
- package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.js.map +1 -0
- package/build/esm/packages/aurora/src/components/resizable/resizable_context.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/resizable/resizable_context.js +8 -0
- package/build/esm/packages/aurora/src/components/resizable/resizable_context.js.map +1 -0
- package/build/esm/packages/aurora/src/components/resizable/resizable_utils.d.ts +5 -0
- package/build/esm/packages/aurora/src/components/resizable/resizable_utils.js +23 -0
- package/build/esm/packages/aurora/src/components/resizable/resizable_utils.js.map +1 -0
- package/build/esm/packages/aurora/src/components/select/select.d.ts +5 -4
- package/build/esm/packages/aurora/src/components/select/select.js +2 -3
- package/build/esm/packages/aurora/src/components/select/select.js.map +1 -1
- package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.js +2 -5
- package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.js.map +1 -1
- package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.d.ts +1 -1
- package/build/index.css +1 -1
- package/package.json +1 -1
package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js
CHANGED
|
@@ -8,7 +8,7 @@ import { Label } from '../../label/label.js';
|
|
|
8
8
|
import { MultiSelect } from '../../multiselect/multiselect.js';
|
|
9
9
|
|
|
10
10
|
var _excluded = ["id", "options", "placeholder", "disabled", "label", "helperText", "tooltip", "errors", "onValueChange", "required"];
|
|
11
|
-
var MultiSelectControl =
|
|
11
|
+
var MultiSelectControl = function MultiSelectControl(_ref) {
|
|
12
12
|
var id = _ref.id,
|
|
13
13
|
options = _ref.options,
|
|
14
14
|
placeholder = _ref.placeholder,
|
|
@@ -33,14 +33,13 @@ var MultiSelectControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
33
33
|
placeholder: placeholder,
|
|
34
34
|
disabled: disabled,
|
|
35
35
|
onValueChange: onValueChange,
|
|
36
|
-
errors: errors
|
|
37
|
-
ref: ref
|
|
36
|
+
errors: errors
|
|
38
37
|
}, props)), helperText ? /*#__PURE__*/React.createElement(HelperText, {
|
|
39
38
|
color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
|
|
40
39
|
}, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
|
|
41
40
|
errors: errors
|
|
42
41
|
}) : null);
|
|
43
|
-
}
|
|
42
|
+
};
|
|
44
43
|
MultiSelectControl.displayName = 'MultiSelectControl';
|
|
45
44
|
|
|
46
45
|
export { MultiSelectControl };
|
|
@@ -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;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;AACA;"}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
label?: React.ReactNode;
|
|
5
|
-
tooltip?: React.ReactNode;
|
|
6
|
-
helperText?: React.ReactNode;
|
|
7
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
2
|
+
import { TRadioGroupControlProps } from './radio_group_control_types';
|
|
3
|
+
export declare const RadioGroupControl: React.FC<TRadioGroupControlProps>;
|
package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js
CHANGED
|
@@ -10,7 +10,7 @@ import { RadioGroup } from '../../radio_group/radio_group.js';
|
|
|
10
10
|
import { RadioGroupItem } from '../../radio_group/components/radio_group_item.js';
|
|
11
11
|
|
|
12
12
|
var _excluded = ["id", "name", "items", "label", "value", "defaultValue", "tooltip", "helperText", "errors", "disabled", "required", "onValueChange"];
|
|
13
|
-
var RadioGroupControl =
|
|
13
|
+
var RadioGroupControl = function RadioGroupControl(_ref) {
|
|
14
14
|
var id = _ref.id,
|
|
15
15
|
name = _ref.name,
|
|
16
16
|
items = _ref.items,
|
|
@@ -46,8 +46,7 @@ var RadioGroupControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
46
46
|
defaultValue: defaultValue,
|
|
47
47
|
disabled: disabled,
|
|
48
48
|
required: required,
|
|
49
|
-
onValueChange: onValueChange
|
|
50
|
-
ref: ref
|
|
49
|
+
onValueChange: onValueChange
|
|
51
50
|
}, rest), items.map(function (item) {
|
|
52
51
|
return /*#__PURE__*/React.createElement(RadioGroupItem, {
|
|
53
52
|
key: "radio-button-".concat(item.value),
|
|
@@ -62,8 +61,7 @@ var RadioGroupControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
62
61
|
})), errors ? /*#__PURE__*/React.createElement(ErrorList, {
|
|
63
62
|
errors: errors
|
|
64
63
|
}) : null);
|
|
65
|
-
}
|
|
66
|
-
RadioGroupControl.displayName = 'RadioGroupControl';
|
|
64
|
+
};
|
|
67
65
|
|
|
68
66
|
export { RadioGroupControl };
|
|
69
67
|
//# sourceMappingURL=radio_group_control.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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/packages/aurora/src/components/controls/select_control/select_control.d.ts
CHANGED
|
@@ -1,8 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
helperText?: React.ReactNode;
|
|
5
|
-
tooltip?: React.ReactNode;
|
|
6
|
-
errors?: string | string[] | undefined;
|
|
7
|
-
required?: boolean | undefined;
|
|
8
|
-
} & React.RefAttributes<HTMLButtonElement>>;
|
|
2
|
+
import { TSelectControlProps } from './select_control_types';
|
|
3
|
+
export declare const SelectControl: React.FC<TSelectControlProps>;
|
|
@@ -8,7 +8,7 @@ import { Label } from '../../label/label.js';
|
|
|
8
8
|
import { Select } from '../../select/select.js';
|
|
9
9
|
|
|
10
10
|
var _excluded = ["options", "id", "name", "label", "helperText", "tooltip", "placeholder", "searchPlaceholder", "hasSearch", "hasClearValueButton", "errors", "disabled", "value", "onValueChange", "onScroll", "innerAdditionalContent", "required"];
|
|
11
|
-
var SelectControl =
|
|
11
|
+
var SelectControl = function SelectControl(_ref) {
|
|
12
12
|
var options = _ref.options,
|
|
13
13
|
id = _ref.id,
|
|
14
14
|
name = _ref.name,
|
|
@@ -46,14 +46,13 @@ var SelectControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
46
46
|
errors: errors,
|
|
47
47
|
value: value,
|
|
48
48
|
onValueChange: onValueChange,
|
|
49
|
-
onScroll: onScroll
|
|
50
|
-
ref: ref
|
|
49
|
+
onScroll: onScroll
|
|
51
50
|
}, props)), helperText ? /*#__PURE__*/React.createElement(HelperText, {
|
|
52
51
|
color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
|
|
53
52
|
}, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
|
|
54
53
|
errors: errors
|
|
55
54
|
}) : null);
|
|
56
|
-
}
|
|
55
|
+
};
|
|
57
56
|
SelectControl.displayName = 'SelectControl';
|
|
58
57
|
|
|
59
58
|
export { SelectControl };
|
package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js.map
CHANGED
|
@@ -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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TTextAreaControlProps } from './text_area_control_types';
|
|
3
|
-
export declare const TextAreaControl: React.
|
|
3
|
+
export declare const TextAreaControl: React.FC<TTextAreaControlProps>;
|
package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.js
CHANGED
|
@@ -8,7 +8,7 @@ import { Label } from '../../label/label.js';
|
|
|
8
8
|
import { TextArea } from '../../text_area/text_area.js';
|
|
9
9
|
|
|
10
10
|
var _excluded = ["id", "name", "label", "errors", "placeholder", "disabled", "readOnly", "value", "helperText", "required", "tooltip", "onChange"];
|
|
11
|
-
var TextAreaControl =
|
|
11
|
+
var TextAreaControl = function TextAreaControl(_ref) {
|
|
12
12
|
var id = _ref.id,
|
|
13
13
|
name = _ref.name,
|
|
14
14
|
label = _ref.label,
|
|
@@ -38,14 +38,13 @@ var TextAreaControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
38
38
|
disabled: disabled,
|
|
39
39
|
readOnly: readOnly,
|
|
40
40
|
errors: errors,
|
|
41
|
-
onChange: onChange
|
|
42
|
-
ref: ref
|
|
41
|
+
onChange: onChange
|
|
43
42
|
}, props)), helperText ? /*#__PURE__*/React.createElement(HelperText, {
|
|
44
43
|
color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
|
|
45
44
|
}, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
|
|
46
45
|
errors: errors
|
|
47
46
|
}) : null);
|
|
48
|
-
}
|
|
47
|
+
};
|
|
49
48
|
TextAreaControl.displayName = 'TextAreaControl';
|
|
50
49
|
|
|
51
50
|
export { TextAreaControl };
|
package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.js.map
CHANGED
|
@@ -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;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;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
required
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
errors?: string | string[] | undefined;
|
|
8
|
-
disabled?: boolean | undefined;
|
|
9
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
2
|
+
import { TValuesSyncerControlProps } from './values_syncer_control_types';
|
|
3
|
+
export declare const ValuesSyncerControl: {
|
|
4
|
+
<T>({ label, required, tooltip, errors, firstControl, secondControl, firstValue, secondValue, isLocked, onLock, disableLockButton, onChange, disabled, helperText, className }: TValuesSyncerControlProps<T>): React.JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
@@ -6,7 +6,7 @@ import { HelperText } from '../../helper_text/helper_text.js';
|
|
|
6
6
|
import { Label } from '../../label/label.js';
|
|
7
7
|
import { ValuesSyncer } from '../../values_syncer/values_syncer.js';
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var ValuesSyncerControl = function ValuesSyncerControl(_ref) {
|
|
10
10
|
var label = _ref.label,
|
|
11
11
|
_ref$required = _ref.required,
|
|
12
12
|
required = _ref$required === void 0 ? false : _ref$required,
|
|
@@ -37,15 +37,13 @@ var ValuesSyncerControlInternal = function ValuesSyncerControlInternal(_ref, ref
|
|
|
37
37
|
onLock: onLock,
|
|
38
38
|
disableLockButton: disableLockButton,
|
|
39
39
|
onChange: onChange,
|
|
40
|
-
className: className
|
|
41
|
-
ref: ref
|
|
40
|
+
className: className
|
|
42
41
|
}), helperText ? /*#__PURE__*/React.createElement(HelperText, {
|
|
43
42
|
color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
|
|
44
43
|
}, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
|
|
45
44
|
errors: errors
|
|
46
45
|
}) : null);
|
|
47
46
|
};
|
|
48
|
-
var ValuesSyncerControl = /*#__PURE__*/React.forwardRef(ValuesSyncerControlInternal);
|
|
49
47
|
ValuesSyncerControl.displayName = 'ValuesSyncerControl';
|
|
50
48
|
|
|
51
49
|
export { ValuesSyncerControl };
|
|
@@ -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;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;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IXhrImagePickerControl } from './xhr_image_picker_control_types';
|
|
3
|
-
export declare const XhrImagePickerControl: React.ForwardRefExoticComponent<IXhrImagePickerControl & React.RefAttributes<
|
|
3
|
+
export declare const XhrImagePickerControl: React.ForwardRefExoticComponent<IXhrImagePickerControl & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IImagePicker } from './image_picker_types';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export declare const ImagePicker: React.MemoExoticComponent<React.ForwardRefExoticComponent<IImagePicker & React.RefAttributes<
|
|
3
|
+
export declare const ImagePicker: React.MemoExoticComponent<React.ForwardRefExoticComponent<IImagePicker & React.RefAttributes<HTMLButtonElement>>>;
|
|
@@ -111,7 +111,7 @@ var ImagePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref, ref)
|
|
|
111
111
|
};
|
|
112
112
|
return /*#__PURE__*/React.createElement("div", {
|
|
113
113
|
className: "aurora-mb-1"
|
|
114
|
-
}, /*#__PURE__*/React.createElement("
|
|
114
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
115
115
|
className: cn('aurora-block aurora-w-full aurora-rounded-8 aurora-relative aurora-border-strong hover:aurora-border-extraStrong focus-visible:aurora-border-active focus-visible:aurora-outline-none', {
|
|
116
116
|
'aurora-border aurora-border-dashed': !(errors && errors.length > 0 && !isDragOver),
|
|
117
117
|
'aurora-border-2 aurora-border-danger aurora-border-solid hover:aurora-border-danger focus-visible:aurora-border-danger': errors && errors.length > 0,
|
|
@@ -121,13 +121,8 @@ var ImagePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref, ref)
|
|
|
121
121
|
var _inputRef$current;
|
|
122
122
|
return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
|
|
123
123
|
},
|
|
124
|
-
onKeyDown: function onKeyDown(e) {
|
|
125
|
-
var _inputRef$current2;
|
|
126
|
-
return e.key === 'Enter' && ((_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.click());
|
|
127
|
-
},
|
|
128
124
|
ref: ref,
|
|
129
|
-
|
|
130
|
-
tabIndex: 0
|
|
125
|
+
type: 'button'
|
|
131
126
|
}, /*#__PURE__*/React.createElement("div", {
|
|
132
127
|
onDragOver: onDragOver,
|
|
133
128
|
onDragLeave: onDragLeave
|
|
@@ -135,7 +130,8 @@ var ImagePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref, ref)
|
|
|
135
130
|
className: "aurora-p-1 aurora-relative"
|
|
136
131
|
}, /*#__PURE__*/React.createElement(ImagePickerPreviewContainer, {
|
|
137
132
|
classname: "aurora-relative aurora-flex aurora-flex-col"
|
|
138
|
-
}, topButtons && /*#__PURE__*/React.createElement(React.Fragment, null, topButtons), /*#__PURE__*/React.createElement("
|
|
133
|
+
}, topButtons && /*#__PURE__*/React.createElement(React.Fragment, null, topButtons), /*#__PURE__*/React.createElement("label", {
|
|
134
|
+
htmlFor: id,
|
|
139
135
|
className: "aurora-relative"
|
|
140
136
|
}, /*#__PURE__*/React.createElement(ImagePickerPreview, {
|
|
141
137
|
file: file,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;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;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;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;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,+BAA+B,iEAAqE;AACpG;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;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;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;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,9 +15,6 @@ var ImagePickerDeleteButton = function ImagePickerDeleteButton(_ref) {
|
|
|
15
15
|
e.preventDefault();
|
|
16
16
|
onFileDelete();
|
|
17
17
|
},
|
|
18
|
-
onKeyDown: function onKeyDown(e) {
|
|
19
|
-
return e.stopPropagation();
|
|
20
|
-
},
|
|
21
18
|
className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
|
|
22
19
|
type: "button"
|
|
23
20
|
}, /*#__PURE__*/React.createElement(DeleteBinLineIcon, {
|
package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;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,+BAA+B,iEAAqE;AACpG;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,5 +1,6 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { PropsWithChildren } from 'react';
|
|
2
2
|
import { TMultiSelectProps } from './multiselect_types';
|
|
3
|
-
export declare const MultiSelect:
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
export declare const MultiSelect: {
|
|
4
|
+
({ id, options, placeholder, disabled, hasSearch, searchPlaceholder, onValueChange, errors, value, searchNotFoundContent, ...props }: PropsWithChildren<TMultiSelectProps>): React.JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
@@ -7,7 +7,7 @@ import { MultiSelectTrigger } from './components/multiselect_trigger.js';
|
|
|
7
7
|
import { useMultiSelectValue } from './hooks/use_multiselect_value.js';
|
|
8
8
|
|
|
9
9
|
var _excluded = ["id", "options", "placeholder", "disabled", "hasSearch", "searchPlaceholder", "onValueChange", "errors", "value", "searchNotFoundContent"];
|
|
10
|
-
var MultiSelect =
|
|
10
|
+
var MultiSelect = function MultiSelect(_ref) {
|
|
11
11
|
var id = _ref.id,
|
|
12
12
|
options = _ref.options,
|
|
13
13
|
placeholder = _ref.placeholder,
|
|
@@ -40,8 +40,7 @@ var MultiSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
40
40
|
return /*#__PURE__*/React.createElement(Root, _objectSpread2({}, props), /*#__PURE__*/React.createElement(MultiSelectTrigger, {
|
|
41
41
|
id: id,
|
|
42
42
|
disabled: disabled,
|
|
43
|
-
hasErrors: !!(errors !== null && errors !== void 0 && errors.length)
|
|
44
|
-
ref: ref
|
|
43
|
+
hasErrors: !!(errors !== null && errors !== void 0 && errors.length)
|
|
45
44
|
}, /*#__PURE__*/React.createElement("span", {
|
|
46
45
|
className: cn('aurora-pointer-events-none aurora-select-none', showPlaceholder && 'aurora-text-subtle')
|
|
47
46
|
}, !showPlaceholder ? selectedOptions.map(function (option) {
|
|
@@ -54,7 +53,7 @@ var MultiSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
54
53
|
searchPlaceholder: searchPlaceholder,
|
|
55
54
|
searchNotFoundContent: searchNotFoundContent
|
|
56
55
|
})));
|
|
57
|
-
}
|
|
56
|
+
};
|
|
58
57
|
MultiSelect.displayName = 'MultiSelect';
|
|
59
58
|
|
|
60
59
|
export { MultiSelect };
|
|
@@ -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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ResizableHandle } from '@auroraComponents/resizable/components/resizable_handle';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import '../resizable_container_types';
|
|
4
|
+
export const ResizableContainer = ({ className, style, variant, handleHoverSpacePx, handleResizing, children }) => {
|
|
5
|
+
return (React.createElement("div", { className: `aurora-flex aurora-relative ${className}`, style: style },
|
|
6
|
+
variant === 'horizontal' ? (React.createElement(React.Fragment, null,
|
|
7
|
+
React.createElement(ResizableHandle, { position: "left", hoverGutterSizePx: handleHoverSpacePx, onMouseDown: (e) => handleResizing(e, 'left') }),
|
|
8
|
+
React.createElement(ResizableHandle, { position: "right", hoverGutterSizePx: handleHoverSpacePx, onMouseDown: (e) => handleResizing(e, 'right') }))) : (React.createElement(ResizableHandle, { position: variant, hoverGutterSizePx: handleHoverSpacePx, onMouseDown: (e) => handleResizing(e, variant) })),
|
|
9
|
+
React.createElement("div", { className: "aurora-flex-1" }, children)));
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=resizable_container.js.map
|
package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizable_container.js","sourceRoot":"","sources":["../../../../../../../../src/components/resizable/components/resizable_container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yDAAyD,CAAC;AAC1F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAyC,8BAA8B,CAAC;AAExE,MAAM,CAAC,MAAM,kBAAkB,GAAuC,CAAC,EACnE,SAAS,EACT,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,cAAc,EACd,QAAQ,EACX,EAAE,EAAE;IACD,OAAO,CACH,6BAAK,SAAS,EAAE,+BAA+B,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK;QACnE,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,CACxB;YACI,oBAAC,eAAe,IAAC,QAAQ,EAAC,MAAM,EAAC,iBAAiB,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC,GAAI;YACzH,oBAAC,eAAe,IAAC,QAAQ,EAAC,OAAO,EAAC,iBAAiB,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,GAAI,CAC5H,CACN,CAAC,CAAC,CAAC,CACA,oBAAC,eAAe,IAAC,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,GAAI,CAChI;QACD,6BAAK,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAO,CAC7C,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface IResizableHandleProps {
|
|
3
|
+
position: 'left' | 'right';
|
|
4
|
+
hoverGutterSizePx?: number;
|
|
5
|
+
className?: string;
|
|
6
|
+
onMouseDown: (e: React.MouseEvent) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const ResizableHandle: React.FC<IResizableHandleProps>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { cn } from '@auroraUtilities/cn';
|
|
3
|
+
import { RESIZABLE_CONTAINER_RESIZER_CLASS } from '@auroraComponents/resizable/resizable_container_constants';
|
|
4
|
+
import { useResizableContext } from '../hooks/use_resizable_context';
|
|
5
|
+
export const ResizableHandle = ({ position, hoverGutterSizePx = 8, className, onMouseDown }) => {
|
|
6
|
+
const { isResizing } = useResizableContext();
|
|
7
|
+
return (React.createElement("div", { className: cn(`${RESIZABLE_CONTAINER_RESIZER_CLASS} ${className} aurora-absolute aurora-top-0 aurora-bottom-0 aurora-cursor-col-resize aurora-transition-opacity aurora-duration-200 aurora-z-[99999] aurora-opacity-0 hover:aurora-opacity-100`, {
|
|
8
|
+
'aurora-opacity-100': isResizing
|
|
9
|
+
}), style: {
|
|
10
|
+
paddingLeft: `${hoverGutterSizePx}px`,
|
|
11
|
+
paddingRight: `${hoverGutterSizePx}px`,
|
|
12
|
+
left: position === 'left' ? `-${hoverGutterSizePx}px` : '',
|
|
13
|
+
right: position === 'right' ? `-${hoverGutterSizePx}px` : ''
|
|
14
|
+
}, onMouseDown: onMouseDown },
|
|
15
|
+
React.createElement("div", { className: cn('aurora-w-[2px] aurora-h-full aurora-bg-primary', {
|
|
16
|
+
'aurora-bg-primary-hover': isResizing
|
|
17
|
+
}) })));
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=resizable_handle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizable_handle.js","sourceRoot":"","sources":["../../../../../../../../src/components/resizable/components/resizable_handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,iCAAiC,EAAE,MAAM,2DAA2D,CAAC;AAC9G,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AASrE,MAAM,CAAC,MAAM,eAAe,GAAoC,CAAC,EAAE,QAAQ,EAAE,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE;IAC5H,MAAM,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAE7C,OAAO,CACH,6BACI,SAAS,EAAE,EAAE,CACT,GAAG,iCAAiC,IAAI,SAAS,iLAAiL,EAClO;YACI,oBAAoB,EAAE,UAAU;SACnC,CACJ,EACD,KAAK,EAAE;YACH,WAAW,EAAE,GAAG,iBAAiB,IAAI;YACrC,YAAY,EAAE,GAAG,iBAAiB,IAAI;YACtC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,iBAAiB,IAAI,CAAC,CAAC,CAAC,EAAE;YAC1D,KAAK,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,iBAAiB,IAAI,CAAC,CAAC,CAAC,EAAE;SAC/D,EACD,WAAW,EAAE,WAAW;QAExB,6BACI,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE;gBAC5D,yBAAyB,EAAE,UAAU;aACxC,CAAC,GACJ,CACA,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { useEffect } from 'react';
|
|
2
|
+
import '@auroraComponents/resizable/resizable_container_types';
|
|
3
|
+
import { ResizableContainer } from '@auroraComponents/resizable/components/resizable_container';
|
|
4
|
+
import { useResizableContext } from '../hooks/use_resizable_context';
|
|
5
|
+
export const ResizablePure = ({ children, variant = 'left', handleHoverSpacePx, widthConfig, onResize, className }) => {
|
|
6
|
+
const { currentWidth, handleResizing, isResizing } = useResizableContext();
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
onResize?.(currentWidth, isResizing);
|
|
9
|
+
}, [currentWidth, isResizing, onResize]);
|
|
10
|
+
return (React.createElement(ResizableContainer, { className: className || '', style: { width: currentWidth, minWidth: widthConfig.min, maxWidth: widthConfig.max }, variant: variant, handleHoverSpacePx: handleHoverSpacePx, handleResizing: handleResizing }, children));
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=resizable_pure.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizable_pure.js","sourceRoot":"","sources":["../../../../../../../../src/components/resizable/components/resizable_pure.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAoC,uDAAuD,CAAC;AAE5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,4DAA4D,CAAC;AAChG,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAErE,MAAM,CAAC,MAAM,aAAa,GAAkC,CAAC,EACzD,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,kBAAkB,EAClB,WAAW,EACX,QAAQ,EACR,SAAS,EACZ,EAAE,EAAE;IACD,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAE3E,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzC,OAAO,CACH,oBAAC,kBAAkB,IACf,SAAS,EAAE,SAAS,IAAI,EAAE,EAC1B,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAW,CAAC,GAAG,EAAE,EACpF,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,cAAc,IAE7B,QAAQ,CACQ,CACxB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TContainerWidthConfig, TResizerVariant, TResizingDirection } from '../resizable_container_types';
|
|
2
|
+
declare const useResizable: (name: string, variant: TResizerVariant, widthConfig: TContainerWidthConfig) => {
|
|
3
|
+
isResizing: boolean;
|
|
4
|
+
currentWidth: number;
|
|
5
|
+
handleResizing: (e: React.MouseEvent, direction: TResizingDirection) => void;
|
|
6
|
+
};
|
|
7
|
+
export default useResizable;
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
2
|
+
import { RESIZING_DIRECTIONS } from '../resizable_container_constants';
|
|
3
|
+
import '../resizable_container_types';
|
|
4
|
+
import { getInitialWidth, saveWidthToStorage, removeEventListeners, addEventListeners } from '../resizable_utils';
|
|
5
|
+
const useResizable = (name, variant, widthConfig) => {
|
|
6
|
+
const storageKey = `sve_resizable_${name}_width`;
|
|
7
|
+
const [isResizing, setIsResizing] = useState(false);
|
|
8
|
+
const isResizingRef = useRef(false);
|
|
9
|
+
const resizingDirection = useRef(RESIZING_DIRECTIONS.left);
|
|
10
|
+
const initialMouseX = useRef(0);
|
|
11
|
+
const initialWidth = useRef(0);
|
|
12
|
+
const [width, setWidth] = useState(() => {
|
|
13
|
+
return getInitialWidth(storageKey, widthConfig);
|
|
14
|
+
});
|
|
15
|
+
const widthRef = useRef(width);
|
|
16
|
+
const handleMouseMove = useCallback((e) => {
|
|
17
|
+
if (!isResizingRef.current)
|
|
18
|
+
return;
|
|
19
|
+
const direction = variant === 'horizontal' ? resizingDirection.current : variant;
|
|
20
|
+
const newWidth = calculateNewWidth(e.clientX, direction, widthConfig, initialMouseX.current, initialWidth.current);
|
|
21
|
+
widthRef.current = newWidth;
|
|
22
|
+
setWidth(newWidth);
|
|
23
|
+
}, []);
|
|
24
|
+
const handleMouseUp = useCallback(() => {
|
|
25
|
+
if (!isResizingRef.current)
|
|
26
|
+
return;
|
|
27
|
+
isResizingRef.current = false;
|
|
28
|
+
setIsResizing(false);
|
|
29
|
+
removeEventListeners({
|
|
30
|
+
mousemove: handleMouseMove,
|
|
31
|
+
mouseup: handleMouseUp
|
|
32
|
+
});
|
|
33
|
+
saveWidthToStorage(storageKey, widthRef.current);
|
|
34
|
+
}, []);
|
|
35
|
+
const handleResizing = useCallback((e, direction) => {
|
|
36
|
+
e.preventDefault();
|
|
37
|
+
isResizingRef.current = true;
|
|
38
|
+
setIsResizing(true);
|
|
39
|
+
resizingDirection.current = direction;
|
|
40
|
+
initialMouseX.current = e.clientX;
|
|
41
|
+
initialWidth.current = widthRef.current;
|
|
42
|
+
addEventListeners({
|
|
43
|
+
mousemove: handleMouseMove,
|
|
44
|
+
mouseup: handleMouseUp
|
|
45
|
+
});
|
|
46
|
+
}, []);
|
|
47
|
+
const calculateNewWidth = (clientX, direction, widthConfig, initialMouseX, initialWidth) => {
|
|
48
|
+
const { min, max } = widthConfig;
|
|
49
|
+
const mouseDelta = clientX - initialMouseX;
|
|
50
|
+
const newWidth = direction === RESIZING_DIRECTIONS.left ? initialWidth - mouseDelta : initialWidth + mouseDelta;
|
|
51
|
+
return Math.min(Math.max(newWidth, min), max);
|
|
52
|
+
};
|
|
53
|
+
useEffect(() => {
|
|
54
|
+
return () => {
|
|
55
|
+
removeEventListeners({
|
|
56
|
+
mousemove: handleMouseMove,
|
|
57
|
+
mouseup: handleMouseUp
|
|
58
|
+
});
|
|
59
|
+
};
|
|
60
|
+
}, []);
|
|
61
|
+
return {
|
|
62
|
+
isResizing,
|
|
63
|
+
currentWidth: width,
|
|
64
|
+
handleResizing
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
export default useResizable;
|
|
68
|
+
//# sourceMappingURL=use_resizable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use_resizable.js","sourceRoot":"","sources":["../../../../../../../../src/components/resizable/hooks/use_resizable.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { useContext } from 'react';
|
|
2
|
+
import '../resizable_container_types';
|
|
3
|
+
import { ResizableContext } from '../resizable_context';
|
|
4
|
+
export function useResizableContext() {
|
|
5
|
+
const context = useContext(ResizableContext);
|
|
6
|
+
if (Object.keys(context).length === 0 && context.constructor === Object) {
|
|
7
|
+
throw new Error(`Resizable component cannot be rendered outside the ResizableProvider component`);
|
|
8
|
+
}
|
|
9
|
+
return context;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=use_resizable_context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use_resizable_context.js","sourceRoot":"","sources":["../../../../../../../../src/components/resizable/hooks/use_resizable_context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAuC,8BAA8B,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,UAAU,mBAAmB;IAC/B,MAAM,OAAO,GAA2B,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAErE,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,WAAW,KAAK,MAAM,EAAE;QACrE,MAAM,IAAI,KAAK,CAAC,gFAAgF,CAAC,CAAC;KACrG;IACD,OAAO,OAAO,CAAC;AACnB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import '@auroraComponents/resizable/resizable_container_types';
|
|
3
|
+
import useResizable from './hooks/use_resizable';
|
|
4
|
+
import { ResizableContext } from './resizable_context';
|
|
5
|
+
import { ResizablePure } from './components/resizable_pure';
|
|
6
|
+
export const Resizable = ({ name, children, variant = 'left', handleHoverSpacePx, widthConfig, onResize, className }) => {
|
|
7
|
+
const { isResizing, currentWidth, handleResizing } = useResizable(name, variant, widthConfig);
|
|
8
|
+
const contextVal = useMemo(() => ({
|
|
9
|
+
isResizing,
|
|
10
|
+
currentWidth,
|
|
11
|
+
handleResizing
|
|
12
|
+
}), [isResizing, currentWidth, handleResizing]);
|
|
13
|
+
return (React.createElement(ResizableContext.Provider, { value: contextVal },
|
|
14
|
+
React.createElement(ResizablePure, { className: className || '', variant: variant, handleHoverSpacePx: handleHoverSpacePx, widthConfig: widthConfig, onResize: onResize }, children)));
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=resizable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizable.js","sourceRoot":"","sources":["../../../../../../../src/components/resizable/resizable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAgC,uDAAuD,CAAC;AAExF,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,MAAM,CAAC,MAAM,SAAS,GAA8B,CAAC,EACjD,IAAI,EACJ,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,kBAAkB,EAClB,WAAW,EACX,QAAQ,EACR,SAAS,EACZ,EAAE,EAAE;IACD,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC;IAE9F,MAAM,UAAU,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC;QACH,UAAU;QACV,YAAY;QACZ,cAAc;KACjB,CAAC,EACF,CAAC,UAAU,EAAE,YAAY,EAAE,cAAc,CAAC,CAC7C,CAAC;IAEF,OAAO,CACH,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU;QACxC,oBAAC,aAAa,IACV,SAAS,EAAE,SAAS,IAAI,EAAE,EAC1B,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IAEjB,QAAQ,CACG,CACQ,CAC/B,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const RESIZE_HANDLE_VARIANTS: {
|
|
2
|
+
readonly left: "left";
|
|
3
|
+
readonly right: "right";
|
|
4
|
+
readonly horizontal: "horizontal";
|
|
5
|
+
};
|
|
6
|
+
export declare const RESIZING_DIRECTIONS: {
|
|
7
|
+
readonly left: "left";
|
|
8
|
+
readonly right: "right";
|
|
9
|
+
};
|
|
10
|
+
export declare const RESIZABLE_CONTAINER_RESIZER_CLASS = "js__resizable-container-resizer";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export const RESIZE_HANDLE_VARIANTS = {
|
|
2
|
+
left: 'left',
|
|
3
|
+
right: 'right',
|
|
4
|
+
horizontal: 'horizontal'
|
|
5
|
+
};
|
|
6
|
+
export const RESIZING_DIRECTIONS = {
|
|
7
|
+
left: 'left',
|
|
8
|
+
right: 'right'
|
|
9
|
+
};
|
|
10
|
+
export const RESIZABLE_CONTAINER_RESIZER_CLASS = 'js__resizable-container-resizer';
|
|
11
|
+
//# sourceMappingURL=resizable_container_constants.js.map
|
package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizable_container_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/resizable/resizable_container_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,YAAY;CAClB,CAAC;AAEX,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,iCAAiC,GAAG,iCAAiC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizable_context.js","sourceRoot":"","sources":["../../../../../../../src/components/resizable/resizable_context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAuC,6BAA6B,CAAC;AAErE,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAyB;IAClE,UAAU,EAAE,KAAK;IACjB,YAAY,EAAE,CAAC;IACf,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;CAC3B,CAAC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { TContainerWidthConfig } from './resizable_container_types';
|
|
2
|
+
export declare const getInitialWidth: (name: string, widthConfig: TContainerWidthConfig) => number;
|
|
3
|
+
export declare const saveWidthToStorage: (name: string, width: number) => void;
|
|
4
|
+
export declare const addEventListeners: (events: Record<string, EventListener>) => void;
|
|
5
|
+
export declare const removeEventListeners: (events: Record<string, EventListener>) => void;
|