npm - @dreamcommerce/aurora - Versions diffs - 3.0.0-8 → 3.0.0-80 - Mend

@dreamcommerce/aurora 3.0.0-8 → 3.0.0-80

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 (1497) hide show

package/build/esm/packages/aurora/src/components/color_picker/components/current_color_preview.js ADDED Viewed

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ColorPickerUtils } from '../color_picker_utils.js';
+import { useColorPicker } from '../hooks/use_color_picker.js';
+var CurrentColorPreview = function CurrentColorPreview() {
+  var _useColorPicker = useColorPicker(),
+    color = _useColorPicker.color;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "aurora-self-stretch aurora-w-6 aurora-border aurora-rounded-4",
+    "aria-label": "color picker current color value",
+    style: {
+      background: ColorPickerUtils.isGradient(color.value) ? color.value : "#".concat(color.value)
+    }
+  });
+};
+export { CurrentColorPreview };
+//# sourceMappingURL=current_color_preview.js.map

package/build/esm/packages/aurora/src/components/color_picker/components/current_color_preview.js.map ADDED Viewed

	@@ -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;"}

package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { IColorPickerPureProps } from '../color_picker_types';
+import React from 'react';
+declare const ColorPickerPure: React.FC<IColorPickerPureProps>;
+export default ColorPickerPure;

package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js ADDED Viewed

@@ -0,0 +1,53 @@
+import React from 'react';
+import { Popover } from '../../popover/popover.js';
+import { PopoverTrigger } from '../../popover/components/popover_trigger.js';
+import { ColorPickerUtils } from '../color_picker_utils.js';
+import { useColorPicker } from '../hooks/use_color_picker.js';
+import { ColorPickerSwatch } from './color_picker_swatch.js';
+import { ColorPickerContent } from './color_picker_content.js';
+import { ColorPickerInput } from './color_label_input.js';
+import { PopoverContent } from '../../popover/components/popover_content.js';
+var ColorPickerPure = function ColorPickerPure(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    errors = _ref.errors;
+  var _useColorPicker = useColorPicker(),
+    color = _useColorPicker.color,
+    handleCancel = _useColorPicker.handleCancel,
+    isColorPickerOpened = _useColorPicker.isColorPickerOpened,
+    setIsColorPickerOpened = _useColorPicker.setIsColorPickerOpened;
+  var colorValue = typeof color === 'string' ? color : color.value;
+  var colorTiny = ColorPickerUtils.getTinyColorInstance(colorValue);
+  var handleClosePopover = function handleClosePopover() {
+    setIsColorPickerOpened(false);
+    handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
+    open: isColorPickerOpened,
+    onOpenChange: function onOpenChange(value) {
+      return !value && handleClosePopover();
+    }
+  }, /*#__PURE__*/React.createElement(PopoverTrigger, {
+    onClick: function onClick() {
+      return setIsColorPickerOpened(true);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "color-picker__input-container aurora-relative"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "aurora-absolute aurora-top-1.5 aurora-left-2.5"
+  }, /*#__PURE__*/React.createElement(ColorPickerSwatch, {
+    color: ColorPickerUtils.isGradient(colorValue) ? colorValue : ColorPickerUtils.getHexValue(colorTiny),
+    cssColor: ColorPickerUtils.isGradient(colorValue) ? colorValue : ColorPickerUtils.getHexValueString(colorTiny),
+    size: "big"
+  })), /*#__PURE__*/React.createElement(ColorPickerInput, {
+    id: id,
+    name: name,
+    errors: errors
+  }))), /*#__PURE__*/React.createElement(PopoverContent, {
+    className: "aurora-mt-2 aurora-rounded-16 aurora-overflow-hidden"
+  }, /*#__PURE__*/React.createElement(ColorPickerContent, null))));
+};
+export default ColorPickerPure;
+//# sourceMappingURL=pure_color_picker.js.map

package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map ADDED Viewed

	@@ -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;"}

package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_piceker.d.ts ADDED Viewed

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { ColorPickerVariable, IColorPickerColor, IColorPickerColorVariables, TGradientType } from '../color_picker_types';
+export declare type ColorPickerHookProps = {
+    initialColor?: string | ColorPickerVariable;
+    onChange?: (color: IColorPickerColor) => void;
+    onCancel?: () => void;
+    onSave?: (color: IColorPickerColor) => void;
+    colorVariables?: IColorPickerColorVariables;
+    withGradient?: boolean;
+};
+declare const useSetupColorPicker: ({ initialColor, onChange, onCancel, onSave, colorVariables, withGradient: isWithGradient }: ColorPickerHookProps) => {
+    color: ColorPickerVariable;
+    previousSolidColor: string | undefined;
+    previousGradientColor: string | undefined;
+    setColor: (newColor: string | ColorPickerVariable) => void;
+    hex: string;
+    hslArr: number[];
+    handleOnChangeAlpha: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    alphaValue: string;
+    rgbaArr: number[];
+    setR: (newR: number) => void;
+    setG: (newG: number) => void;
+    setB: (newB: number) => void;
+    handleCancel: () => void;
+    handleSave: () => void;
+    colorVariables: IColorPickerColorVariables | undefined;
+    isCurrentValueGradient: boolean;
+    setSolid: (value?: string) => void;
+    setRadial: (value?: string) => void;
+    setLinear: (value?: string) => void;
+    gradientType: TGradientType;
+    withGradient: boolean;
+    isColorPickerOpened: boolean;
+    setIsColorPickerOpened: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};
+export default useSetupColorPicker;

package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_piceker.js ADDED Viewed

@@ -0,0 +1,154 @@
+import { useState, useEffect } from 'react';
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { COLOR_PICKER_ALPHA_MAX_VALUE } from '../color_picker_constants.js';
+import { ColorPickerUtils } from '../color_picker_utils.js';
+import isEqual from 'lodash/isEqual';
+import { useColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
+var defaultGradient = 'linear-gradient(90deg, #000000 0%, #FFFFFF 100%)';
+var useSetupColorPicker = function useSetupColorPicker(_ref) {
+  var initialColor = _ref.initialColor,
+    onChange = _ref.onChange,
+    onCancel = _ref.onCancel,
+    onSave = _ref.onSave,
+    colorVariables = _ref.colorVariables,
+    _ref$withGradient = _ref.withGradient,
+    isWithGradient = _ref$withGradient === void 0 ? false : _ref$withGradient;
+  var initialColorObject = ColorPickerUtils.getColorPickerValue(initialColor);
+  var _useState = useState(initialColorObject),
+    _useState2 = _slicedToArray(_useState, 2),
+    color = _useState2[0],
+    setColorValue = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    previousSolidColor = _useState4[0],
+    setPreviousSolidColor = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    previousGradientColor = _useState6[0],
+    setPreviousGradientColor = _useState6[1];
+  var _useState7 = useState(initialColor),
+    _useState8 = _slicedToArray(_useState7, 2),
+    prevInitialColor = _useState8[0],
+    setPrevInitialColor = _useState8[1];
+  var withGradient = isWithGradient || ColorPickerUtils.isGradient(initialColorObject.value);
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isColorPickerOpened = _useState10[0],
+    setIsColorPickerOpened = _useState10[1];
+  var setColor = function setColor(newColor) {
+    var newColorValue = ColorPickerUtils.getColorPickerValue(newColor);
+    !ColorPickerUtils.isGradient(color.value) ? setPreviousSolidColor(color.value) : setPreviousGradientColor(color.value);
+    setColorValue(function (prevColor) {
+      var _prevColor$value;
+      return {
+        value: newColorValue.value,
+        name: ((_prevColor$value = prevColor.value) !== null && _prevColor$value !== void 0 ? _prevColor$value : prevColor) === newColorValue.value ? prevColor === null || prevColor === void 0 ? void 0 : prevColor.name : typeof newColor === 'string' ? '' : newColor === null || newColor === void 0 ? void 0 : newColor.name
+      };
+    });
+  };
+  useEffect(function () {
+    if (!initialColor) return;
+    if (!isEqual(initialColor, prevInitialColor) && !isColorPickerOpened) {
+      setColor(initialColor);
+      setPrevInitialColor(initialColor);
+    }
+  }, [initialColor]);
+  var _useBestGradientColor = useColorPicker(color.value, setColor),
+    hslArr = _useBestGradientColor.hslArr,
+    rgbaArr = _useBestGradientColor.rgbaArr,
+    setR = _useBestGradientColor.setR,
+    setG = _useBestGradientColor.setG,
+    setB = _useBestGradientColor.setB,
+    setA = _useBestGradientColor.setA,
+    isGradient = _useBestGradientColor.isGradient,
+    gradientType = _useBestGradientColor.gradientType,
+    getGradientObject = _useBestGradientColor.getGradientObject;
+  var tinyColor = typeof color === 'string' ? ColorPickerUtils.getTinyColorInstance(color) : ColorPickerUtils.getTinyColorInstance(color.value);
+  var hex = ColorPickerUtils.getHexValue(tinyColor);
+  var _useState11 = useState(rgbaArr[3] * 100),
+    _useState12 = _slicedToArray(_useState11, 2),
+    alpha = _useState12[0],
+    setAlpha = _useState12[1];
+  var _useState13 = useState("".concat(alpha)),
+    _useState14 = _slicedToArray(_useState13, 2),
+    alphaValue = _useState14[0],
+    setAlphaValue = _useState14[1];
+  var setSolid = function setSolid(value) {
+    setColor(ColorPickerUtils.getColorPickerValue(value).value);
+  };
+  var setLinear = function setLinear(value) {
+    var gradientColor = value || defaultGradient;
+    if (value && !ColorPickerUtils.isGradient(value)) {
+      setGradient(gradientColor);
+    }
+    var remaining = gradientColor.split(/,(.+)/)[1];
+    setColor("linear-gradient(90deg, ".concat(remaining));
+  };
+  var setRadial = function setRadial(value) {
+    var gradientColor = value || defaultGradient;
+    if (value && !ColorPickerUtils.isGradient(value)) {
+      setGradient(gradientColor);
+    }
+    var remaining = gradientColor.split(/,(.+)/)[1];
+    setColor("radial-gradient(circle, ".concat(remaining));
+  };
+  var setGradient = function setGradient(value) {
+    var gradientColor = value || defaultGradient;
+    setColor(gradientColor);
+  };
+  var handleOnChangeAlpha = function handleOnChangeAlpha(event) {
+    changeAlphaValue(Number(event.target.value));
+  };
+  var changeAlphaValue = function changeAlphaValue(value) {
+    setAlpha(value > COLOR_PICKER_ALPHA_MAX_VALUE ? COLOR_PICKER_ALPHA_MAX_VALUE : value);
+  };
+  useEffect(function () {
+    setA(alpha);
+  }, [alpha]);
+  useEffect(function () {
+    setAlphaValue("".concat(Math.round(rgbaArr[3] * 100)));
+  }, [rgbaArr[3]]);
+  useEffect(function () {
+    var colorObject = ColorPickerUtils.getAllColorTypes(color);
+    var gradientObject = getGradientObject();
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, colorObject), {}, {
+      gradient: gradientObject !== null && gradientObject !== void 0 && gradientObject.isGradient ? ColorPickerUtils.getColorPickerGradientValue(gradientObject) : undefined
+    }));
+  }, [color]);
+  var handleCancel = function handleCancel() {
+    setColor(ColorPickerUtils.getColorPickerValue(initialColor));
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+  };
+  var handleSave = function handleSave() {
+    onSave === null || onSave === void 0 ? void 0 : onSave(ColorPickerUtils.getAllColorTypes(color));
+  };
+  return {
+    color: color,
+    previousSolidColor: previousSolidColor,
+    previousGradientColor: previousGradientColor,
+    setColor: setColor,
+    hex: hex,
+    hslArr: hslArr,
+    handleOnChangeAlpha: handleOnChangeAlpha,
+    alphaValue: alphaValue,
+    rgbaArr: rgbaArr,
+    setR: setR,
+    setG: setG,
+    setB: setB,
+    handleCancel: handleCancel,
+    handleSave: handleSave,
+    colorVariables: colorVariables,
+    isCurrentValueGradient: isGradient,
+    setSolid: setSolid,
+    setRadial: setRadial,
+    setLinear: setLinear,
+    gradientType: gradientType,
+    withGradient: withGradient,
+    isColorPickerOpened: isColorPickerOpened,
+    setIsColorPickerOpened: setIsColorPickerOpened
+  };
+};
+export default useSetupColorPicker;
+//# sourceMappingURL=setup_color_piceker.js.map

package/build/esm/packages/aurora/src/components/color_picker/hooks/setup_color_piceker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,+BAA+B,8FAAkG;AACjI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/color_picker/hooks/use_color_picker.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IColorPickerContext } from '../color_picker_types';
2	+ export declare const useColorPicker: () => IColorPickerContext;

package/build/esm/packages/aurora/src/components/color_picker/hooks/use_color_picker.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import { ColorPickerContext } from '../color_picker_context.js';
+var useColorPicker = function useColorPicker() {
+  return useContext(ColorPickerContext);
+};
+export { useColorPicker };
+//# sourceMappingURL=use_color_picker.js.map

package/build/esm/packages/aurora/src/components/color_picker/hooks/use_color_picker.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/control/control.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { IControlProps } from './control_types';
+import React from 'react';
+export declare const Control: React.FC<IControlProps>;

package/build/esm/packages/aurora/src/components/control/control.js ADDED Viewed

@@ -0,0 +1,13 @@
+import React from 'react';
+import { cn } from '../../utilities/cn.js';
+var Control = function Control(_ref) {
+  var children = _ref.children,
+    classname = _ref.classname;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn("aurora-flex aurora-gap-1 aurora-w-full", classname)
+  }, children);
+};
+export { Control };
+//# sourceMappingURL=control.js.map

package/build/esm/packages/aurora/src/components/control/control.js.map ADDED Viewed

	@@ -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;"}

package/build/esm/packages/aurora/src/components/control/control_types.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface IControlProps {
+    children: React.ReactNode;
+    classname?: string;
+}
+export declare type TControlErrors = string | string[] | null;

package/build/esm/packages/aurora/src/components/control/control_types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import 'react';
2	+ //# sourceMappingURL=control_types.js.map

package/build/esm/packages/aurora/src/components/control/control_types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"control_types.js","sourceRoot":"","sources":["../../../../../../../src/components/control/control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TCheckboxControlProps } from './checkbox_control_types';
+export declare const CheckboxControl: React.FC<TCheckboxControlProps>;

package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js ADDED Viewed

@@ -0,0 +1,51 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Label } from '../../label/label.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { Control } from '../../control/control.js';
+import { Checkbox } from '../../checkbox/checkbox.js';
+var _excluded = ["id", "name", "label", "value", "tooltip", "helperText", "errors", "checked", "disabled", "required", "onCheckedChange"];
+var CheckboxControl = function CheckboxControl(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    label = _ref.label,
+    value = _ref.value,
+    tooltip = _ref.tooltip,
+    helperText = _ref.helperText,
+    errors = _ref.errors,
+    _ref$checked = _ref.checked,
+    checked = _ref$checked === void 0 ? false : _ref$checked,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    onCheckedChange = _ref.onCheckedChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Control, null, /*#__PURE__*/React.createElement(Checkbox, _objectSpread2({
+    id: id,
+    name: name,
+    value: value,
+    checked: checked,
+    onCheckedChange: onCheckedChange,
+    required: required,
+    disabled: disabled,
+    errors: errors
+  }, rest)), /*#__PURE__*/React.createElement("div", {
+    className: "aurora-ml-2 aurora-flex aurora-flex-col aurora-gap-1"
+  }, label && (/*#__PURE__*/React.createElement("div", {
+    className: "aurora-mb-1"
+  }, /*#__PURE__*/React.createElement(Label, {
+    htmlFor: id,
+    required: required,
+    disabled: disabled,
+    tooltip: tooltip,
+    className: "aurora-text"
+  }, label))), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
+    errors: errors
+  })));
+};
+export { CheckboxControl };
+//# sourceMappingURL=checkbox_control.js.map

package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js.map ADDED Viewed

	@@ -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;"}

package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control_types.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TCheckboxProps } from "../../checkbox/checkbox_types";
+export declare type TCheckboxControlProps = TCheckboxProps & {
+    label?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    errors?: string | string[];
+};

package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control_types.js ADDED Viewed

@@ -0,0 +1,3 @@
+import 'react';
+import '@auroraComponents/checkbox/checkbox_types';
+//# sourceMappingURL=checkbox_control_types.js.map

package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control_types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"checkbox_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/checkbox_control/checkbox_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA+B,2CAA2C,CAAC"}

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TColorPickerControlProps } from './color_picker_control_types';
+export declare const ColorPickerControl: React.FC<TColorPickerControlProps>;

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js ADDED Viewed

@@ -0,0 +1,50 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Label } from '../../label/label.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { Control } from '../../control/control.js';
+import { ColorPicker } from '../../color_picker/color_picker.js';
+var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "initialColor", "colorVariables", "onChange", "onCancel", "onSave", "withGradient", "helperText"];
+var ColorPickerControl = function ColorPickerControl(_ref) {
+  var label = _ref.label,
+    tooltip = _ref.tooltip,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    id = _ref.id,
+    name = _ref.name,
+    errors = _ref.errors,
+    initialColor = _ref.initialColor,
+    colorVariables = _ref.colorVariables,
+    onChange = _ref.onChange,
+    onCancel = _ref.onCancel,
+    onSave = _ref.onSave,
+    withGradient = _ref.withGradient,
+    helperText = _ref.helperText,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Control, {
+    classname: "aurora-flex-col"
+  }, label && (/*#__PURE__*/React.createElement(Label, {
+    htmlFor: id,
+    tooltip: tooltip,
+    required: required,
+    className: "aurora-pb-1 aurora-text"
+  }, label)), /*#__PURE__*/React.createElement(ColorPicker, _objectSpread2({
+    id: id,
+    name: name,
+    initialColor: initialColor,
+    colorVariables: colorVariables,
+    errors: errors,
+    onChange: onChange,
+    onCancel: onCancel,
+    onSave: onSave,
+    withGradient: withGradient
+  }, rest)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
+    errors: errors
+  }));
+};
+ColorPickerControl.displayName = 'ColorPickerControl';
+export { ColorPickerControl };
+//# sourceMappingURL=color_picker_control.js.map

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js.map ADDED Viewed

	@@ -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;"}

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control_types.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { IColorPickerProps } from "../../color_picker/color_picker_types";
+import React from 'react';
+export declare type TColorPickerControlProps = IColorPickerProps & {
+    label?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    errors?: string | string[];
+    required?: boolean;
+};

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control_types.js ADDED Viewed

@@ -0,0 +1,3 @@
+import '@auroraComponents/color_picker/color_picker_types';
+import 'react';
+//# sourceMappingURL=color_picker_control_types.js.map

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control_types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"color_picker_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/color_picker_control/color_picker_control_types.ts"],"names":[],"mappings":"AAAA,OAAkC,mDAAmD,CAAC;AACtF,OAAkB,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import React from 'react';
+import { TControlsGroupProps } from "./controls_group_types";
+export declare const ControlsGroup: ({ children, spacing }: PropsWithChildren<TControlsGroupProps>) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group.js ADDED Viewed

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Stack } from '../../stack/stack.js';
+var ControlsGroup = function ControlsGroup(_ref) {
+  var children = _ref.children,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? '4' : _ref$spacing;
+  return /*#__PURE__*/React.createElement(Stack, {
+    spacing: spacing,
+    direction: "column",
+    width: "100%"
+  }, children);
+};
+export { ControlsGroup };
+//# sourceMappingURL=controls_group.js.map

package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group.js.map ADDED Viewed

	@@ -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;"}

package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group_types.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { TCssSpacingTokens } from "../../../constants/css_tokens/css_tokens_types";
+export declare type TControlsGroupProps = {
+    spacing?: TCssSpacingTokens;
+};

package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group_types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import '@auroraConstants/css_tokens/css_tokens_types';
2	+ //# sourceMappingURL=controls_group_types.js.map

package/build/esm/packages/aurora/src/components/controls/controls_group/controls_group_types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"controls_group_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/controls_group/controls_group_types.ts"],"names":[],"mappings":"AAAA,OAAkC,8CAA8C,CAAC"}

package/build/esm/packages/aurora/src/components/controls/input_control/input_control.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TInputControlProps } from './input_control_types';
+export declare const InputControl: React.FC<TInputControlProps>;

package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js ADDED Viewed

@@ -0,0 +1,62 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Label } from '../../label/label.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { Control } from '../../control/control.js';
+import { Input } from '../../input/input.js';
+var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "required", "tooltip", "onChange", "onKeyDown", "onKeyUp"];
+var InputControl = function InputControl(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    label = _ref.label,
+    helperText = _ref.helperText,
+    preElement = _ref.preElement,
+    postElement = _ref.postElement,
+    errors = _ref.errors,
+    disabled = _ref.disabled,
+    defaultValue = _ref.defaultValue,
+    value = _ref.value,
+    placeholder = _ref.placeholder,
+    readOnly = _ref.readOnly,
+    type = _ref.type,
+    required = _ref.required,
+    tooltip = _ref.tooltip,
+    onChange = _ref.onChange,
+    onKeyDown = _ref.onKeyDown,
+    onKeyUp = _ref.onKeyUp,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Control, {
+    classname: "aurora-flex-col"
+  }, label && (/*#__PURE__*/React.createElement("div", {
+    className: "aurora-mb-1"
+  }, /*#__PURE__*/React.createElement(Label, {
+    htmlFor: id,
+    className: "aurora-text",
+    required: required,
+    tooltip: tooltip,
+    disabled: disabled
+  }, label))), /*#__PURE__*/React.createElement(Input, _objectSpread2({
+    id: id,
+    name: name,
+    value: value,
+    defaultValue: defaultValue,
+    placeholder: placeholder,
+    disabled: disabled,
+    readOnly: readOnly,
+    preElement: preElement,
+    postElement: postElement,
+    errors: errors,
+    type: type,
+    onChange: onChange,
+    onKeyDown: onKeyDown,
+    onKeyUp: onKeyUp
+  }, props)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
+    errors: errors
+  }));
+};
+InputControl.displayName = 'InputControl';
+export { InputControl };
+//# sourceMappingURL=input_control.js.map

package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js.map ADDED Viewed

	@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/controls/input_control/input_control_types.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TInputProps } from "../../input/input_types";
+export declare type TInputControlProps = TInputProps & {
+    label?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    errors?: string | string[];
+};

package/build/esm/packages/aurora/src/components/controls/input_control/input_control_types.js ADDED Viewed

@@ -0,0 +1,3 @@
+import 'react';
+import '@auroraComponents/input/input_types';
+//# sourceMappingURL=input_control_types.js.map

package/build/esm/packages/aurora/src/components/controls/input_control/input_control_types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"input_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/input_control/input_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA4B,qCAAqC,CAAC"}

package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TMultiSelectControlProps } from './multiselect_control_types';
+export declare const MultiSelectControl: React.FC<TMultiSelectControlProps>;