@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.
Files changed (97) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js +3 -5
  2. package/build/cjs/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js +3 -5
  4. package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +3 -4
  6. package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js +3 -4
  8. package/build/cjs/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js +3 -5
  10. package/build/cjs/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js.map +1 -1
  11. package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.js +3 -4
  12. package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.js.map +1 -1
  13. package/build/cjs/packages/aurora/src/components/controls/text_area_control/text_area_control.js +3 -4
  14. package/build/cjs/packages/aurora/src/components/controls/text_area_control/text_area_control.js.map +1 -1
  15. package/build/cjs/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js +2 -4
  16. package/build/cjs/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js.map +1 -1
  17. package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js +4 -8
  18. package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js.map +1 -1
  19. package/build/cjs/packages/aurora/src/components/image_picker/image_picker_delete_button.js +0 -3
  20. package/build/cjs/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map +1 -1
  21. package/build/cjs/packages/aurora/src/components/multiselect/multiselect.js +3 -4
  22. package/build/cjs/packages/aurora/src/components/multiselect/multiselect.js.map +1 -1
  23. package/build/cjs/packages/aurora/src/components/select/select.js +2 -3
  24. package/build/cjs/packages/aurora/src/components/select/select.js.map +1 -1
  25. package/build/cjs/packages/aurora/src/components/values_syncer/values_syncer.js +2 -5
  26. package/build/cjs/packages/aurora/src/components/values_syncer/values_syncer.js.map +1 -1
  27. package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.d.ts +1 -1
  28. package/build/esm/packages/aurora/src/components/box/box.d.ts +1 -1
  29. package/build/esm/packages/aurora/src/components/color_picker/color_picker.d.ts +1 -1
  30. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js +3 -5
  31. package/build/esm/packages/aurora/src/components/color_picker/color_picker.js.map +1 -1
  32. package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.d.ts +1 -1
  33. package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js +3 -5
  34. package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
  35. package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.d.ts +2 -7
  36. package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +3 -4
  37. package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js.map +1 -1
  38. package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.d.ts +2 -8
  39. package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js +3 -4
  40. package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js.map +1 -1
  41. package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.d.ts +2 -6
  42. package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js +3 -5
  43. package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js.map +1 -1
  44. package/build/esm/packages/aurora/src/components/controls/select_control/select_control.d.ts +2 -7
  45. package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js +3 -4
  46. package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js.map +1 -1
  47. package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.d.ts +1 -1
  48. package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.js +3 -4
  49. package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.js.map +1 -1
  50. package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.d.ts +5 -8
  51. package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js +2 -4
  52. package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js.map +1 -1
  53. package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.d.ts +1 -1
  54. package/build/esm/packages/aurora/src/components/image_picker/image_picker.d.ts +1 -1
  55. package/build/esm/packages/aurora/src/components/image_picker/image_picker.js +4 -8
  56. package/build/esm/packages/aurora/src/components/image_picker/image_picker.js.map +1 -1
  57. package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js +0 -3
  58. package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map +1 -1
  59. package/build/esm/packages/aurora/src/components/multiselect/multiselect.d.ts +5 -4
  60. package/build/esm/packages/aurora/src/components/multiselect/multiselect.js +3 -4
  61. package/build/esm/packages/aurora/src/components/multiselect/multiselect.js.map +1 -1
  62. package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.d.ts +3 -0
  63. package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.js +11 -0
  64. package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.js.map +1 -0
  65. package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.d.ts +9 -0
  66. package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.js +19 -0
  67. package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.js.map +1 -0
  68. package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.d.ts +3 -0
  69. package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.js +12 -0
  70. package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.js.map +1 -0
  71. package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.d.ts +7 -0
  72. package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.js +68 -0
  73. package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.js.map +1 -0
  74. package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.d.ts +2 -0
  75. package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.js +11 -0
  76. package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.js.map +1 -0
  77. package/build/esm/packages/aurora/src/components/resizable/resizable.d.ts +3 -0
  78. package/build/esm/packages/aurora/src/components/resizable/resizable.js +16 -0
  79. package/build/esm/packages/aurora/src/components/resizable/resizable.js.map +1 -0
  80. package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.d.ts +10 -0
  81. package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.js +11 -0
  82. package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.js.map +1 -0
  83. package/build/esm/packages/aurora/src/components/resizable/resizable_context.d.ts +3 -0
  84. package/build/esm/packages/aurora/src/components/resizable/resizable_context.js +8 -0
  85. package/build/esm/packages/aurora/src/components/resizable/resizable_context.js.map +1 -0
  86. package/build/esm/packages/aurora/src/components/resizable/resizable_utils.d.ts +5 -0
  87. package/build/esm/packages/aurora/src/components/resizable/resizable_utils.js +23 -0
  88. package/build/esm/packages/aurora/src/components/resizable/resizable_utils.js.map +1 -0
  89. package/build/esm/packages/aurora/src/components/select/select.d.ts +5 -4
  90. package/build/esm/packages/aurora/src/components/select/select.js +2 -3
  91. package/build/esm/packages/aurora/src/components/select/select.js.map +1 -1
  92. package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.d.ts +1 -1
  93. package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.js +2 -5
  94. package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.js.map +1 -1
  95. package/build/esm/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.d.ts +1 -1
  96. package/build/index.css +1 -1
  97. package/package.json +1 -1
@@ -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 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
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;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
- export declare const RadioGroupControl: React.ForwardRefExoticComponent<import("../../radio_group/radio_group_types").TRadioGroupProps & {
3
- items: import("../../radio_group/radio_group_types").TRadioGroupItemProps[];
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>;
@@ -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 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
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;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;"}
@@ -1,8 +1,3 @@
1
1
  import React from 'react';
2
- export declare const SelectControl: React.ForwardRefExoticComponent<import("../../select/select_types").TSelectProps & {
3
- label?: React.ReactNode;
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 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
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 };
@@ -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;"}
@@ -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.ForwardRefExoticComponent<TTextAreaControlProps & React.RefAttributes<HTMLTextAreaElement>>;
3
+ export declare const TextAreaControl: React.FC<TTextAreaControlProps>;
@@ -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 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
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 };
@@ -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;"}
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
- export declare const ValuesSyncerControl: React.ForwardRefExoticComponent<import("../../values_syncer/values_syncer_types").TValuesSyncerProps<unknown> & {
3
- label?: React.ReactNode;
4
- required?: boolean | undefined;
5
- tooltip?: React.ReactNode;
6
- helperText?: React.ReactNode;
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 ValuesSyncerControlInternal = function ValuesSyncerControlInternal(_ref, ref) {
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;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<HTMLDivElement>>;
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<HTMLDivElement>>>;
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("div", {
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
- role: 'button',
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("div", {
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;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, {
@@ -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;"}
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: React.ForwardRefExoticComponent<TMultiSelectProps & {
4
- children?: React.ReactNode;
5
- } & React.RefAttributes<HTMLButtonElement>>;
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 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
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;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,3 @@
1
+ import React from 'react';
2
+ import { IResizableContainerProps } from '../resizable_container_types';
3
+ export declare const ResizableContainer: React.FC<IResizableContainerProps>;
@@ -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
@@ -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,3 @@
1
+ import React from 'react';
2
+ import { IResizablePureProps } from "../resizable_container_types";
3
+ export declare const ResizablePure: React.FC<IResizablePureProps>;
@@ -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,2 @@
1
+ import { IResizableContextProps } from '../resizable_container_types';
2
+ export declare function useResizableContext(): IResizableContextProps;
@@ -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,3 @@
1
+ import React from 'react';
2
+ import { IResizableProps } from "./resizable_container_types";
3
+ export declare const Resizable: React.FC<IResizableProps>;
@@ -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
@@ -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,3 @@
1
+ /// <reference types="react" />
2
+ import { IResizableContextProps } from './resizable_container_types';
3
+ export declare const ResizableContext: import("react").Context<IResizableContextProps>;
@@ -0,0 +1,8 @@
1
+ import { createContext } from 'react';
2
+ import './resizable_container_types';
3
+ export const ResizableContext = createContext({
4
+ isResizing: false,
5
+ currentWidth: 0,
6
+ handleResizing: () => { }
7
+ });
8
+ //# sourceMappingURL=resizable_context.js.map
@@ -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;