@dreamcommerce/aurora 3.0.0-310 → 3.0.0-311

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 (87) hide show
  1. package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_button.js +27 -0
  2. package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_button.js.map +1 -0
  3. package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets.js +33 -0
  4. package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets.js.map +1 -0
  5. package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js +18 -0
  6. package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js.map +1 -0
  7. package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js +7 -9
  8. package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
  9. package/build/cjs/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js +45 -0
  10. package/build/cjs/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js.map +1 -0
  11. package/build/cjs/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js +3 -3
  12. package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +3 -3
  13. package/build/cjs/packages/aurora/src/components/controls/input_control/input_control.js +3 -3
  14. package/build/cjs/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js +3 -3
  15. package/build/cjs/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js +3 -3
  16. package/build/cjs/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js +64 -0
  17. package/build/cjs/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js.map +1 -0
  18. package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.js +3 -3
  19. package/build/cjs/packages/aurora/src/components/controls/switch_control/switch_control.js +3 -3
  20. package/build/cjs/packages/aurora/src/components/controls/text_area_control/text_area_control.js +3 -3
  21. package/build/cjs/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js +3 -3
  22. package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js +2 -2
  23. package/build/cjs/packages/aurora/src/components/radio_group/components/radio_group_item.js +1 -1
  24. package/build/cjs/packages/aurora/src/components/segmented_control/components/segmented_control_item.js +1 -1
  25. package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +1 -4
  26. package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
  27. package/build/cjs/packages/aurora/src/index.js +16 -8
  28. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  29. package/build/cjs/packages/aurora/tailwind.config.js +1 -0
  30. package/build/cjs/packages/aurora/tailwind.config.js.map +1 -1
  31. package/build/esm/packages/aurora/src/components/anchor_presets/anchor_button.d.ts +3 -0
  32. package/build/esm/packages/aurora/src/components/anchor_presets/anchor_button.js +19 -0
  33. package/build/esm/packages/aurora/src/components/anchor_presets/anchor_button.js.map +1 -0
  34. package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets.d.ts +3 -0
  35. package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets.js +25 -0
  36. package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets.js.map +1 -0
  37. package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_constants.d.ts +11 -0
  38. package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js +14 -0
  39. package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js.map +1 -0
  40. package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_types.d.ts +14 -0
  41. package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_types.js +2 -0
  42. package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_types.js.map +1 -0
  43. package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts +1 -4
  44. package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.js.map +1 -1
  45. package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js +7 -9
  46. package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
  47. package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.d.ts +3 -0
  48. package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js +37 -0
  49. package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js.map +1 -0
  50. package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control_types.d.ts +8 -0
  51. package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control_types.js +3 -0
  52. package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control_types.js.map +1 -0
  53. package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js +3 -3
  54. package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +3 -3
  55. package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js +3 -3
  56. package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js +3 -3
  57. package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js +3 -3
  58. package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.d.ts +3 -0
  59. package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js +56 -0
  60. package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js.map +1 -0
  61. package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control_types.d.ts +11 -0
  62. package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control_types.js +3 -0
  63. package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control_types.js.map +1 -0
  64. package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js +3 -3
  65. package/build/esm/packages/aurora/src/components/controls/switch_control/switch_control.js +3 -3
  66. package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.js +3 -3
  67. package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js +3 -3
  68. package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js +2 -2
  69. package/build/esm/packages/aurora/src/components/radio_group/components/radio_group_item.js +1 -1
  70. package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.d.ts +1 -2
  71. package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.js +1 -1
  72. package/build/esm/packages/aurora/src/components/segmented_control/segmented_control.d.ts +1 -2
  73. package/build/esm/packages/aurora/src/components/segmented_control/segmented_control_type.d.ts +9 -0
  74. package/build/esm/packages/aurora/src/components/segmented_control/segmented_control_type.js +5 -0
  75. package/build/esm/packages/aurora/src/components/segmented_control/segmented_control_type.js.map +1 -1
  76. package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.d.ts +0 -1
  77. package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +1 -4
  78. package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
  79. package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.d.ts +0 -1
  80. package/build/esm/packages/aurora/src/index.d.ts +4 -0
  81. package/build/esm/packages/aurora/src/index.js +8 -4
  82. package/build/esm/packages/aurora/src/index.js.map +1 -1
  83. package/build/esm/packages/aurora/tailwind.config.js +1 -0
  84. package/build/esm/packages/aurora/tailwind.config.js.map +1 -1
  85. package/build/index.css +1 -1
  86. package/build/tailwind.config.js +1 -0
  87. package/package.json +1 -1
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import { cn } from '../../utilities/cn.js';
3
+
4
+ var AnchorButton = function AnchorButton(_ref) {
5
+ var position = _ref.position,
6
+ className = _ref.className,
7
+ selected = _ref.selected,
8
+ onChange = _ref.onChange;
9
+ return /*#__PURE__*/React.createElement("button", {
10
+ type: "button",
11
+ className: cn('aurora-w-6 aurora-h-6 aurora-border aurora-rounded-6 aurora-bg-subtle hover:aurora-border-2 hover:aurora-border-strong focus-visible:focus focus-visible:aurora-ring-primary-action-hover', selected && 'aurora-bg-primary-action-hover aurora-border-2 aurora-border-primary hover:aurora-border-primary', className),
12
+ onClick: function onClick() {
13
+ return onChange(position);
14
+ }
15
+ });
16
+ };
17
+
18
+ export { AnchorButton };
19
+ //# sourceMappingURL=anchor_button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { TAnchorPresetsProps } from "./anchor_presets_types";
3
+ export declare const AnchorPresets: ({ value, onChange, className, buttonClassName }: TAnchorPresetsProps) => React.JSX.Element;
@@ -0,0 +1,25 @@
1
+ import React from 'react';
2
+ import { cn } from '../../utilities/cn.js';
3
+ import { ANCHOR_PRESETS_VALUES } from './anchor_presets_constants.js';
4
+ import { AnchorButton } from './anchor_button.js';
5
+
6
+ var AnchorPresets = function AnchorPresets(_ref) {
7
+ var value = _ref.value,
8
+ onChange = _ref.onChange,
9
+ className = _ref.className,
10
+ buttonClassName = _ref.buttonClassName;
11
+ return /*#__PURE__*/React.createElement("div", {
12
+ className: cn('aurora-grid aurora-grid-cols-3 aurora-grid-rows-3 aurora-bg-neutral-0 aurora-border aurora-rounded-6 aurora-py-3 aurora-px-8 aurora-gap-x-16 aurora-gap-y-[30px] aurora-justify-items-center aurora-overflow-auto', className)
13
+ }, Object.values(ANCHOR_PRESETS_VALUES).map(function (val) {
14
+ return /*#__PURE__*/React.createElement(AnchorButton, {
15
+ key: val,
16
+ position: val,
17
+ selected: value === val,
18
+ onChange: onChange,
19
+ className: buttonClassName
20
+ });
21
+ }));
22
+ };
23
+
24
+ export { AnchorPresets };
25
+ //# sourceMappingURL=anchor_presets.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,11 @@
1
+ export declare const ANCHOR_PRESETS_VALUES: {
2
+ readonly topLeft: "top-left";
3
+ readonly topCenter: "top-center";
4
+ readonly topRight: "top-right";
5
+ readonly middleLeft: "middle-left";
6
+ readonly center: "center";
7
+ readonly middleRight: "middle-right";
8
+ readonly bottomLeft: "bottom-left";
9
+ readonly bottomCenter: "bottom-center";
10
+ readonly bottomRight: "bottom-right";
11
+ };
@@ -0,0 +1,14 @@
1
+ var ANCHOR_PRESETS_VALUES = {
2
+ topLeft: 'top-left',
3
+ topCenter: 'top-center',
4
+ topRight: 'top-right',
5
+ middleLeft: 'middle-left',
6
+ center: 'center',
7
+ middleRight: 'middle-right',
8
+ bottomLeft: 'bottom-left',
9
+ bottomCenter: 'bottom-center',
10
+ bottomRight: 'bottom-right'
11
+ };
12
+
13
+ export { ANCHOR_PRESETS_VALUES };
14
+ //# sourceMappingURL=anchor_presets_constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,14 @@
1
+ import { ANCHOR_PRESETS_VALUES } from "./anchor_presets_constants";
2
+ export declare type TAnchorPresetsValue = typeof ANCHOR_PRESETS_VALUES[keyof typeof ANCHOR_PRESETS_VALUES];
3
+ export declare type TAnchorPresetsProps = {
4
+ value: TAnchorPresetsValue;
5
+ onChange: (val: TAnchorPresetsValue) => void;
6
+ className?: string;
7
+ buttonClassName?: string;
8
+ };
9
+ export declare type TAnchorButtonProps = {
10
+ position: TAnchorPresetsValue;
11
+ className?: string;
12
+ selected: boolean;
13
+ onChange: (val: TAnchorPresetsValue) => void;
14
+ };
@@ -0,0 +1,2 @@
1
+ import '@auroraComponents/anchor_presets/anchor_presets_constants';
2
+ //# sourceMappingURL=anchor_presets_types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"anchor_presets_types.js","sourceRoot":"","sources":["../../../../../../../src/components/anchor_presets/anchor_presets_types.ts"],"names":[],"mappings":"AAAA,OAAsC,2DAA2D,CAAC"}
@@ -1,4 +1,4 @@
1
- import { HTMLAttributes, ReactNode } from 'react';
1
+ import { HTMLAttributes } from 'react';
2
2
  import { GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES } from "./color_picker_constants";
3
3
  import { Any } from 'ts-toolbelt';
4
4
  export interface IColorPickerPureProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
@@ -6,8 +6,6 @@ export interface IColorPickerPureProps extends Omit<HTMLAttributes<HTMLDivElemen
6
6
  name?: string;
7
7
  errors?: string | string[];
8
8
  disabled?: boolean;
9
- children?: ReactNode;
10
- triggerClassName?: string;
11
9
  }
12
10
  export interface IColorPickerColorVariables {
13
11
  isVisible: boolean;
@@ -31,7 +29,6 @@ export interface IColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>,
31
29
  onCancel?: () => void;
32
30
  onSave?: (color: IColorPickerColor) => void;
33
31
  disabled?: boolean;
34
- triggerClassName?: string;
35
32
  }
36
33
  export interface IColorPickerContext {
37
34
  color: string;
@@ -1 +1 @@
1
- {"version":3,"file":"color_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/color_picker_types.ts"],"names":[],"mappings":"AAAA,OAA0C,OAAO,CAAC;AAClD,OAAuD,uDAAuD,CAAC;AAE/G,OAAoB,aAAa,CAAC"}
1
+ {"version":3,"file":"color_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/color_picker_types.ts"],"names":[],"mappings":"AAAA,OAA+B,OAAO,CAAC;AACvC,OAAuD,uDAAuD,CAAC;AAE/G,OAAoB,aAAa,CAAC"}
@@ -9,15 +9,13 @@ import { ColorPickerContent } from './color_picker_content.js';
9
9
  import { ColorPickerInput } from './color_label_input.js';
10
10
  import { PopoverContent } from '../../popover/components/popover_content.js';
11
11
 
12
- var _excluded = ["id", "name", "errors", "disabled", "className", "children", "triggerClassName"];
12
+ var _excluded = ["id", "name", "errors", "disabled", "className"];
13
13
  var ColorPickerPure = function ColorPickerPure(_ref) {
14
14
  var id = _ref.id,
15
15
  name = _ref.name,
16
16
  errors = _ref.errors,
17
17
  disabled = _ref.disabled,
18
18
  className = _ref.className,
19
- children = _ref.children,
20
- triggerClassName = _ref.triggerClassName,
21
19
  rest = _objectWithoutProperties(_ref, _excluded);
22
20
  var _useColorPicker = useColorPicker(),
23
21
  color = _useColorPicker.color,
@@ -28,7 +26,7 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
28
26
  handleSave();
29
27
  setIsColorPickerOpened(false);
30
28
  };
31
- return /*#__PURE__*/React.createElement(Popover, {
29
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
32
30
  open: isColorPickerOpened,
33
31
  onOpenChange: function onOpenChange(value) {
34
32
  return !value && handleClosePopover();
@@ -38,8 +36,8 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
38
36
  return setIsColorPickerOpened(true);
39
37
  },
40
38
  disabled: disabled,
41
- className: cn('aurora-w-full', triggerClassName)
42
- }, !children && (/*#__PURE__*/React.createElement(ColorPickerInput, {
39
+ className: "aurora-w-full"
40
+ }, /*#__PURE__*/React.createElement(ColorPickerInput, {
43
41
  id: id,
44
42
  name: name,
45
43
  errors: errors,
@@ -49,9 +47,9 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
49
47
  cssColor: color,
50
48
  size: "big"
51
49
  })
52
- })), children), /*#__PURE__*/React.createElement(PopoverContent, _objectSpread2({
53
- className: cn('aurora-rounded-16 aurora-overflow-hidden js__aurora-color-picker', className)
54
- }, rest), /*#__PURE__*/React.createElement(ColorPickerContent, null)));
50
+ })), /*#__PURE__*/React.createElement(PopoverContent, _objectSpread2({
51
+ className: cn('aurora-rounded-16 aurora-overflow-hidden', className)
52
+ }, rest), /*#__PURE__*/React.createElement(ColorPickerContent, null))));
55
53
  };
56
54
 
57
55
  export default ColorPickerPure;
@@ -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;"}
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;"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { TAnchorPresetsControlProps } from "./anchor_presets_control_types";
3
+ export declare const AnchorPresetsControl: React.FC<TAnchorPresetsControlProps>;
@@ -0,0 +1,37 @@
1
+ import React from 'react';
2
+ import { Stack } from '../../stack/stack.js';
3
+ import { Control } from '../../control/control.js';
4
+ import { ErrorList } from '../../error_list/error_list.js';
5
+ import { HelperText } from '../../helper_text/helper_text.js';
6
+ import { Label } from '../../label/label.js';
7
+ import { AnchorPresets } from '../../anchor_presets/anchor_presets.js';
8
+
9
+ var AnchorPresetsControl = function AnchorPresetsControl(_ref) {
10
+ var label = _ref.label,
11
+ value = _ref.value,
12
+ tooltip = _ref.tooltip,
13
+ helperText = _ref.helperText,
14
+ errors = _ref.errors,
15
+ onChange = _ref.onChange,
16
+ className = _ref.className,
17
+ buttonClassName = _ref.buttonClassName;
18
+ return /*#__PURE__*/React.createElement(Control, {
19
+ classname: "aurora-flex-col aurora-gap-3"
20
+ }, /*#__PURE__*/React.createElement(Stack, {
21
+ spacing: "0.5",
22
+ direction: "column"
23
+ }, label ? (/*#__PURE__*/React.createElement(Label, {
24
+ tooltip: tooltip,
25
+ className: "aurora-text"
26
+ }, label)) : null, helperText ? /*#__PURE__*/React.createElement(HelperText, null, helperText) : null), /*#__PURE__*/React.createElement(AnchorPresets, {
27
+ value: value,
28
+ onChange: onChange,
29
+ className: className,
30
+ buttonClassName: buttonClassName
31
+ }), errors ? /*#__PURE__*/React.createElement(ErrorList, {
32
+ errors: errors
33
+ }) : null);
34
+ };
35
+
36
+ export { AnchorPresetsControl };
37
+ //# sourceMappingURL=anchor_presets_control.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,8 @@
1
+ import React from 'react';
2
+ import { TAnchorPresetsProps } from "../../anchor_presets/anchor_presets_types";
3
+ export declare type TAnchorPresetsControlProps = TAnchorPresetsProps & {
4
+ label?: string | React.ReactNode;
5
+ tooltip?: string | React.ReactNode;
6
+ helperText?: string | React.ReactNode;
7
+ errors?: string | string[];
8
+ };
@@ -0,0 +1,3 @@
1
+ import 'react';
2
+ import '@auroraComponents/anchor_presets/anchor_presets_types';
3
+ //# sourceMappingURL=anchor_presets_control_types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"anchor_presets_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/anchor_presets_control/anchor_presets_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAE1B,OAAoC,uDAAuD,CAAC"}
@@ -3,10 +3,10 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
4
  import { cn } from '../../../utilities/cn.js';
5
5
  import { Stack } from '../../stack/stack.js';
6
- import { Label } from '../../label/label.js';
7
- import { HelperText } from '../../helper_text/helper_text.js';
8
- import { ErrorList } from '../../error_list/error_list.js';
9
6
  import { Control } from '../../control/control.js';
7
+ import { ErrorList } from '../../error_list/error_list.js';
8
+ import { HelperText } from '../../helper_text/helper_text.js';
9
+ import { Label } from '../../label/label.js';
10
10
  import { Checkbox } from '../../checkbox/checkbox.js';
11
11
 
12
12
  var _excluded = ["id", "name", "label", "value", "tooltip", "helperText", "errors", "checked", "disabled", "required", "onCheckedChange"];
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
- import { Label } from '../../label/label.js';
5
- import { HelperText } from '../../helper_text/helper_text.js';
6
- import { ErrorList } from '../../error_list/error_list.js';
7
4
  import { Control } from '../../control/control.js';
5
+ import { ErrorList } from '../../error_list/error_list.js';
6
+ import { HelperText } from '../../helper_text/helper_text.js';
7
+ import { Label } from '../../label/label.js';
8
8
  import { ColorPicker } from '../../color_picker/color_picker.js';
9
9
 
10
10
  var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "value", "colorVariables", "onChange", "onCancel", "onSave", "withGradient", "helperText", "disabled"];
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
- import { Label } from '../../label/label.js';
5
- import { HelperText } from '../../helper_text/helper_text.js';
6
- import { ErrorList } from '../../error_list/error_list.js';
7
4
  import { Control } from '../../control/control.js';
5
+ import { ErrorList } from '../../error_list/error_list.js';
6
+ import { HelperText } from '../../helper_text/helper_text.js';
7
+ import { Label } from '../../label/label.js';
8
8
  import { Input } from '../../input/input.js';
9
9
 
10
10
  var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "required", "tooltip", "onChange", "onKeyDown", "onKeyUp"];
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
- import { Label } from '../../label/label.js';
5
- import { HelperText } from '../../helper_text/helper_text.js';
6
- import { ErrorList } from '../../error_list/error_list.js';
7
4
  import { Control } from '../../control/control.js';
5
+ import { ErrorList } from '../../error_list/error_list.js';
6
+ import { HelperText } from '../../helper_text/helper_text.js';
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"];
@@ -2,10 +2,10 @@ import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
4
  import { Stack } from '../../stack/stack.js';
5
- import { Label } from '../../label/label.js';
6
- import { HelperText } from '../../helper_text/helper_text.js';
7
- import { ErrorList } from '../../error_list/error_list.js';
8
5
  import { Control } from '../../control/control.js';
6
+ import { ErrorList } from '../../error_list/error_list.js';
7
+ import { HelperText } from '../../helper_text/helper_text.js';
8
+ import { Label } from '../../label/label.js';
9
9
  import { RadioGroup } from '../../radio_group/radio_group.js';
10
10
  import { RadioGroupItem } from '../../radio_group/components/radio_group_item.js';
11
11
 
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { TSegmentedControlControlProps } from "./segmented_control_control_types";
3
+ export declare const SegmentedControlControl: React.FC<TSegmentedControlControlProps>;
@@ -0,0 +1,56 @@
1
+ import React from 'react';
2
+ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
+ import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
+ import { Stack } from '../../stack/stack.js';
5
+ import { SegmentedControl } from '../../segmented_control/segmented_control.js';
6
+ import { SegmentedControlItem } from '../../segmented_control/components/segmented_control_item.js';
7
+ import { Control } from '../../control/control.js';
8
+ import { ErrorList } from '../../error_list/error_list.js';
9
+ import { HelperText } from '../../helper_text/helper_text.js';
10
+ import { Label } from '../../label/label.js';
11
+
12
+ var _excluded = ["id", "items", "label", "value", "defaultValue", "tooltip", "helperText", "errors", "disabled", "onValueChange"];
13
+ var SegmentedControlControl = function SegmentedControlControl(_ref) {
14
+ var id = _ref.id,
15
+ items = _ref.items,
16
+ label = _ref.label,
17
+ value = _ref.value,
18
+ defaultValue = _ref.defaultValue,
19
+ tooltip = _ref.tooltip,
20
+ helperText = _ref.helperText,
21
+ errors = _ref.errors,
22
+ _ref$disabled = _ref.disabled,
23
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
24
+ onValueChange = _ref.onValueChange,
25
+ rest = _objectWithoutProperties(_ref, _excluded);
26
+ return /*#__PURE__*/React.createElement(Control, {
27
+ classname: "aurora-flex-col aurora-gap-3"
28
+ }, /*#__PURE__*/React.createElement(Stack, {
29
+ spacing: "0.5",
30
+ direction: "column"
31
+ }, label ? (/*#__PURE__*/React.createElement(Label, {
32
+ htmlFor: id,
33
+ disabled: disabled,
34
+ tooltip: tooltip,
35
+ className: "aurora-text"
36
+ }, label)) : null, helperText ? /*#__PURE__*/React.createElement(HelperText, {
37
+ color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
38
+ }, helperText) : null), /*#__PURE__*/React.createElement(SegmentedControl, _objectSpread2({
39
+ id: id,
40
+ value: value,
41
+ disabled: disabled,
42
+ onValueChange: onValueChange
43
+ }, rest), items.map(function (item) {
44
+ return /*#__PURE__*/React.createElement(SegmentedControlItem, {
45
+ key: "radio-button-".concat(item.value),
46
+ value: item.value,
47
+ id: item.id,
48
+ disabled: disabled
49
+ }, item.label);
50
+ })), errors ? /*#__PURE__*/React.createElement(ErrorList, {
51
+ errors: errors
52
+ }) : null);
53
+ };
54
+
55
+ export { SegmentedControlControl };
56
+ //# sourceMappingURL=segmented_control_control.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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 React from 'react';
2
+ import { TSegmentedControlItemProps, TSegmentedControlProps } from "../../segmented_control/segmented_control_type";
3
+ export declare type TSegmentedControlControlProps = TSegmentedControlProps & {
4
+ items: (Omit<TSegmentedControlItemProps, 'children'> & {
5
+ label: string;
6
+ })[];
7
+ label?: string | React.ReactNode;
8
+ tooltip?: string | React.ReactNode;
9
+ helperText?: string | React.ReactNode;
10
+ errors?: string | string[];
11
+ };
@@ -0,0 +1,3 @@
1
+ import 'react';
2
+ import '@auroraComponents/segmented_control/segmented_control_type';
3
+ //# sourceMappingURL=segmented_control_control_types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"segmented_control_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/segmented_control_control/segmented_control_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAE1B,OAAmE,4DAA4D,CAAC"}
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
- import { Label } from '../../label/label.js';
5
- import { HelperText } from '../../helper_text/helper_text.js';
6
- import { ErrorList } from '../../error_list/error_list.js';
7
4
  import { Control } from '../../control/control.js';
5
+ import { ErrorList } from '../../error_list/error_list.js';
6
+ import { HelperText } from '../../helper_text/helper_text.js';
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"];
@@ -3,11 +3,11 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
4
  import { cn } from '../../../utilities/cn.js';
5
5
  import { Stack } from '../../stack/stack.js';
6
- import { Label } from '../../label/label.js';
7
- import { HelperText } from '../../helper_text/helper_text.js';
6
+ import { Control } from '../../control/control.js';
8
7
  import { ErrorList } from '../../error_list/error_list.js';
8
+ import { HelperText } from '../../helper_text/helper_text.js';
9
+ import { Label } from '../../label/label.js';
9
10
  import { Switch } from '../../switch/switch.js';
10
- import { Control } from '../../control/control.js';
11
11
 
12
12
  var _excluded = ["id", "name", "errors", "label", "value", "tooltip", "helperText", "checked", "defaultChecked", "disabled", "required", "onCheckedChange"];
13
13
  var SwitchControl = function SwitchControl(_ref) {
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
- import { Label } from '../../label/label.js';
5
- import { HelperText } from '../../helper_text/helper_text.js';
6
- import { ErrorList } from '../../error_list/error_list.js';
7
4
  import { Control } from '../../control/control.js';
5
+ import { ErrorList } from '../../error_list/error_list.js';
6
+ import { HelperText } from '../../helper_text/helper_text.js';
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"];
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
3
- import { Label } from '../../label/label.js';
4
- import { HelperText } from '../../helper_text/helper_text.js';
5
- import { ErrorList } from '../../error_list/error_list.js';
6
3
  import { Control } from '../../control/control.js';
4
+ import { ErrorList } from '../../error_list/error_list.js';
5
+ import { HelperText } from '../../helper_text/helper_text.js';
6
+ import { Label } from '../../label/label.js';
7
7
  import { ValuesSyncer } from '../../values_syncer/values_syncer.js';
8
8
 
9
9
  var ValuesSyncerControl = function ValuesSyncerControl(_ref) {
@@ -1,8 +1,8 @@
1
1
  import React, { useState } from 'react';
2
2
  import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
- import { Label } from '../../label/label.js';
4
- import { HelperText } from '../../helper_text/helper_text.js';
5
3
  import { Control } from '../../control/control.js';
4
+ import { HelperText } from '../../helper_text/helper_text.js';
5
+ import { Label } from '../../label/label.js';
6
6
  import { XhrImagePicker } from '../../xhr_image_picker/xhr_image_picker.js';
7
7
 
8
8
  var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
@@ -3,8 +3,8 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
3
3
  import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
4
  import { cn } from '../../../utilities/cn.js';
5
5
  import { Stack } from '../../stack/stack.js';
6
- import { Label } from '../../label/label.js';
7
6
  import { HelperText } from '../../helper_text/helper_text.js';
7
+ import { Label } from '../../label/label.js';
8
8
  import { Item, Indicator } from '@radix-ui/react-radio-group';
9
9
  import { CircleFillIcon } from '../../../assets/icons/circle_icon.js';
10
10
 
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
3
- import { VariantProps } from 'class-variance-authority';
4
- export declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
3
+ export declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
5
4
  size?: "s" | "basic" | null | undefined;
6
5
  variant?: "basic" | "icon-only" | null | undefined;
7
6
  type?: "single" | null | undefined;
@@ -16,7 +16,7 @@ var SegmentedControlItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
16
16
  var context = React.useContext(SegmentedControlContext);
17
17
  return /*#__PURE__*/React.createElement(Item, _objectSpread2({
18
18
  ref: ref,
19
- className: cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border-2 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10\n [&[data-state=off]_svg]:!aurora-fill-subtle", segmentedControlItemVariants({
19
+ className: cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border-2 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10\n [&[data-state=off]_svg]:!aurora-fill aurora-whitespace-nowrap", segmentedControlItemVariants({
20
20
  size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
21
21
  variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
22
22
  }), className)
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
3
- import { VariantProps } from 'class-variance-authority';
4
- export declare const SegmentedControl: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupSingleProps, "type"> & VariantProps<(props?: ({
3
+ export declare const SegmentedControl: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupSingleProps, "type"> & import("class-variance-authority").VariantProps<(props?: ({
5
4
  size?: "s" | "basic" | null | undefined;
6
5
  variant?: "basic" | "icon-only" | null | undefined;
7
6
  type?: "single" | null | undefined;
@@ -1,3 +1,12 @@
1
1
  import { SEGMENTED_CONTROL_TYPE } from "./segmented_control_constants";
2
2
  import { Any } from 'ts-toolbelt';
3
+ import React, { ComponentType } from 'react';
4
+ import { ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
5
+ import { VariantProps } from 'class-variance-authority';
6
+ import { segmentedControlItemVariants } from "./components/segmented_control_item_variants";
7
+ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
3
8
  export declare type TSegmentedControlType = Any.Keys<typeof SEGMENTED_CONTROL_TYPE>;
9
+ export declare type TSegmentedControlProps = Omit<React.ComponentPropsWithoutRef<ComponentType<ToggleGroupSingleProps>>, 'type'> & VariantProps<typeof segmentedControlItemVariants> & {
10
+ type?: TSegmentedControlType;
11
+ };
12
+ export declare type TSegmentedControlItemProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof segmentedControlItemVariants>;
@@ -1,3 +1,8 @@
1
1
  import '@auroraComponents/segmented_control/segmented_control_constants';
2
2
  import 'ts-toolbelt';
3
+ import 'react';
4
+ import '@radix-ui/react-toggle-group';
5
+ import 'class-variance-authority';
6
+ import '@auroraComponents/segmented_control/components/segmented_control_item_variants';
7
+ import '@radix-ui/react-toggle-group';
3
8
  //# sourceMappingURL=segmented_control_type.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"segmented_control_type.js","sourceRoot":"","sources":["../../../../../../../src/components/segmented_control/segmented_control_type.ts"],"names":[],"mappings":"AAAA,OAAuC,iEAAiE,CAAC;AACzG,OAAoB,aAAa,CAAC"}
1
+ {"version":3,"file":"segmented_control_type.js","sourceRoot":"","sources":["../../../../../../../src/components/segmented_control/segmented_control_type.ts"],"names":[],"mappings":"AAAA,OAAuC,iEAAiE,CAAC;AACzG,OAAoB,aAAa,CAAC;AAClC,OAAqC,OAAO,CAAC;AAC7C,OAAuC,8BAA8B,CAAC;AACtE,OAA6B,0BAA0B,CAAC;AACxD,OAA6C,gFAAgF,CAAC;AAC9H,OAAsC,8BAA8B,CAAC"}
@@ -5,5 +5,4 @@ export declare const PersistentSidebar: React.ForwardRefExoticComponent<Omit<Rea
5
5
  side?: "left" | "right" | undefined;
6
6
  TriggerButton?: React.ReactNode;
7
7
  onClickOutside?: import("../sidebar_types_types").TSidebarOnClickOutside | undefined;
8
- closeOnOutsideClick?: boolean | undefined;
9
8
  }, "ref"> & React.RefAttributes<HTMLDivElement | null>>;