@dreamcommerce/aurora 2.16.1-67 → 2.16.2

package/build/esm/packages/aurora/src/components/color_picker/types.d.ts

@@ -1,59 +1,59 @@
-import { Dispatch, RefObject, SetStateAction } from 'react';
-export interface IPosition {
-    clientX: number;
-    clientY: number;
-}
-export interface IColor {
-    hue: number;
-    saturation: number;
-    lightness: number;
-    hex: string;
-}
-export interface IHuePickerProps {
-    hueSliderRef: RefObject<HTMLDivElement>;
-    classes: any;
-}
-export interface IColorPickerButtonsProps {
-    restoreInitialColor: () => void;
-}
-export interface IPureColorPickerProps {
-    hideChooseCancelButtons?: boolean;
-}
-export interface IColorPickerProps extends IPureColorPickerProps {
-    onChange?: (color: IColor) => void;
-    initialColor?: string;
-    name?: string;
-}
-export interface IColorPickerContextProps {
-    color: Omit<IColor, 'hex'> & Pick<Partial<IColor>, 'hex'>;
-    screenName: string;
-    initialColor: IColor;
-    setInitialColor: Dispatch<SetStateAction<IColor | undefined>>;
-    setColor: Dispatch<SetStateAction<IColor>>;
-    hueSliderPointer: {
-        top: number;
-        left: number;
-    };
-    setHueSliderPointer: Dispatch<SetStateAction<{
-        top: number;
-        left: number;
-    } | undefined>>;
-    saturationLightnessPointer: {
-        top: number;
-        left: number;
-    };
-    setSaturationLightnessPointer: Dispatch<SetStateAction<{
-        top: number;
-        left: number;
-    } | undefined>>;
-}
-export declare type IColorPickerLabelProps = {
-    isRequired?: boolean;
-    label?: string;
-    name: string;
-    id: string;
-};
-export declare type ISaturationLightnessPickerProps = {
-    classes?: any;
-    saturationLightnessPanelRef: RefObject<HTMLDivElement>;
-};
+import { Dispatch, RefObject, SetStateAction } from 'react';
+export interface IPosition {
+    clientX: number;
+    clientY: number;
+}
+export interface IColor {
+    hue: number;
+    saturation: number;
+    lightness: number;
+    hex: string;
+}
+export interface IHuePickerProps {
+    hueSliderRef: RefObject<HTMLDivElement>;
+    classes: any;
+}
+export interface IColorPickerButtonsProps {
+    restoreInitialColor: () => void;
+}
+export interface IPureColorPickerProps {
+    hideChooseCancelButtons?: boolean;
+}
+export interface IColorPickerProps extends IPureColorPickerProps {
+    onChange?: (color: IColor) => void;
+    initialColor?: string;
+    name?: string;
+}
+export interface IColorPickerContextProps {
+    color: Omit<IColor, 'hex'> & Pick<Partial<IColor>, 'hex'>;
+    screenName: string;
+    initialColor: IColor;
+    setInitialColor: Dispatch<SetStateAction<IColor | undefined>>;
+    setColor: Dispatch<SetStateAction<IColor>>;
+    hueSliderPointer: {
+        top: number;
+        left: number;
+    };
+    setHueSliderPointer: Dispatch<SetStateAction<{
+        top: number;
+        left: number;
+    } | undefined>>;
+    saturationLightnessPointer: {
+        top: number;
+        left: number;
+    };
+    setSaturationLightnessPointer: Dispatch<SetStateAction<{
+        top: number;
+        left: number;
+    } | undefined>>;
+}
+export declare type IColorPickerLabelProps = {
+    isRequired?: boolean;
+    label?: string;
+    name: string;
+    id: string;
+};
+export declare type ISaturationLightnessPickerProps = {
+    classes?: any;
+    saturationLightnessPanelRef: RefObject<HTMLDivElement>;
+};

package/build/esm/packages/aurora/src/components/color_picker/use_color_picker.d.ts

@@ -1,5 +1,5 @@
-import { IColor, IColorPickerContextProps } from '@auroraComponents/color_picker/types';
-export declare const useColorPicker: ({ initialColorHex, onChange }: {
-    initialColorHex: string | undefined;
-    onChange?: ((color: IColor) => void) | undefined;
-}) => IColorPickerContextProps;
+import { IColor, IColorPickerContextProps } from "./types";
+export declare const useColorPicker: ({ initialColorHex, onChange }: {
+    initialColorHex: string | undefined;
+    onChange?: ((color: IColor) => void) | undefined;
+}) => IColorPickerContextProps;

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

@@ -1,70 +1,35 @@
 import { useState, useEffect } from 'react';
-import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { SATURATION_OFFSET } from './constants.js';
 import { useScreenDetect } from '../../hooks/use_screen_detect.js';
 
-var useColorPicker = function useColorPicker(_ref) {
-  var initialColorHex = _ref.initialColorHex,
-      onChange = _ref.onChange;
-
-  var _useState = useState({
-    hue: 0,
-    saturation: SATURATION_OFFSET,
-    lightness: 100,
-    hex: initialColorHex !== null && initialColorHex !== void 0 ? initialColorHex : ''
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      color = _useState2[0],
-      setColor = _useState2[1];
-
-  var _useState3 = useState({
-    hue: 0,
-    saturation: SATURATION_OFFSET,
-    lightness: 100,
-    hex: initialColorHex !== null && initialColorHex !== void 0 ? initialColorHex : ''
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      initialColor = _useState4[0],
-      setInitialColor = _useState4[1];
-
-  var _useState5 = useState({
-    top: 0,
-    left: 0
-  }),
-      _useState6 = _slicedToArray(_useState5, 2),
-      hueSliderPointer = _useState6[0],
-      setHueSliderPointer = _useState6[1];
-
-  var _useState7 = useState({
-    left: 0,
-    top: 0
-  }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      saturationLightnessPointer = _useState8[0],
-      setSaturationLightnessPointer = _useState8[1];
-
-  var screenName = useScreenDetect();
-  useEffect(function () {
-    onChange === null || onChange === void 0 || onChange(color);
-  }, [color]);
-  useEffect(function () {
-    setColor(function (prevState) {
-      return _objectSpread2(_objectSpread2({}, prevState), {}, {
-        hex: initialColorHex !== null && initialColorHex !== void 0 ? initialColorHex : ''
-      });
-    });
-  }, [initialColorHex]);
-  return {
-    color: color,
-    setColor: setColor,
-    initialColor: initialColor,
-    setInitialColor: setInitialColor,
-    hueSliderPointer: hueSliderPointer,
-    setHueSliderPointer: setHueSliderPointer,
-    screenName: screenName,
-    saturationLightnessPointer: saturationLightnessPointer,
-    setSaturationLightnessPointer: setSaturationLightnessPointer
-  };
+const useColorPicker = ({ initialColorHex, onChange }) => {
+    const [color, setColor] = useState({ hue: 0, saturation: SATURATION_OFFSET, lightness: 100, hex: initialColorHex !== null && initialColorHex !== void 0 ? initialColorHex : '' });
+    const [initialColor, setInitialColor] = useState({
+        hue: 0,
+        saturation: SATURATION_OFFSET,
+        lightness: 100,
+        hex: initialColorHex !== null && initialColorHex !== void 0 ? initialColorHex : ''
+    });
+    const [hueSliderPointer, setHueSliderPointer] = useState({ top: 0, left: 0 });
+    const [saturationLightnessPointer, setSaturationLightnessPointer] = useState({ left: 0, top: 0 });
+    const screenName = useScreenDetect();
+    useEffect(() => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(color);
+    }, [color]);
+    useEffect(() => {
+        setColor((prevState) => ({ ...prevState, hex: initialColorHex !== null && initialColorHex !== void 0 ? initialColorHex : '' }));
+    }, [initialColorHex]);
+    return {
+        color,
+        setColor,
+        initialColor,
+        setInitialColor,
+        hueSliderPointer,
+        setHueSliderPointer,
+        screenName,
+        saturationLightnessPointer,
+        setSaturationLightnessPointer
+    };
 };
 
 export { useColorPicker };

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

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

package/build/esm/packages/aurora/src/components/color_picker/utilities.d.ts

@@ -1,43 +1,43 @@
-import { IPosition } from '@auroraComponents/color_picker/types';
-import { RefObject } from 'react';
-/**
- * Function to calculate indicators position based on hex value
- * @param saturationLightnessPanelRef, reference
- * @param hueSliderRef, reference
- * @param hex, string with color
- * @return
- */
-export declare const getIndicatorPositionsFromHEX: ({ saturationLightnessPanelRef, hueSliderRef, hex }: {
-    saturationLightnessPanelRef?: RefObject<HTMLDivElement> | undefined;
-    hueSliderRef?: RefObject<HTMLDivElement> | undefined;
-    hex: string;
-}) => {
-    saturationLightnessPointer: {
-        left: number;
-        top: number;
-    };
-    hueSliderPointer: {
-        top: number;
-        left: number;
-    };
-};
-export declare const getColorFromHex: (value: string) => {
-    hue: number;
-    saturation: number;
-    lightness: number;
-    hex: string;
-};
-export declare const getHueFromPosition: ({ hueSliderRect, position, screenName }: {
-    hueSliderRect: DOMRect;
-    position: IPosition;
-    screenName: string;
-}) => {
-    hue: number;
-};
-export declare const getSaturationLightnessFromPosition: ({ elementRect, position }: {
-    elementRect: DOMRect;
-    position: IPosition;
-}) => {
-    lightness: number;
-    saturation: number;
-};
+import { IPosition } from "./types";
+import { RefObject } from 'react';
+/**
+ * Function to calculate indicators position based on hex value
+ * @param saturationLightnessPanelRef, reference
+ * @param hueSliderRef, reference
+ * @param hex, string with color
+ * @return
+ */
+export declare const getIndicatorPositionsFromHEX: ({ saturationLightnessPanelRef, hueSliderRef, hex }: {
+    saturationLightnessPanelRef?: RefObject<HTMLDivElement> | undefined;
+    hueSliderRef?: RefObject<HTMLDivElement> | undefined;
+    hex: string;
+}) => {
+    saturationLightnessPointer: {
+        left: number;
+        top: number;
+    };
+    hueSliderPointer: {
+        top: number;
+        left: number;
+    };
+};
+export declare const getColorFromHex: (value: string) => {
+    hue: number;
+    saturation: number;
+    lightness: number;
+    hex: string;
+};
+export declare const getHueFromPosition: ({ hueSliderRect, position, screenName }: {
+    hueSliderRect: DOMRect;
+    position: IPosition;
+    screenName: string;
+}) => {
+    hue: number;
+};
+export declare const getSaturationLightnessFromPosition: ({ elementRect, position }: {
+    elementRect: DOMRect;
+    position: IPosition;
+}) => {
+    lightness: number;
+    saturation: number;
+};

package/build/esm/packages/aurora/src/components/color_picker/utilities.js

@@ -1,94 +1,47 @@
+import 'react';
 import { MAX_SATURATION_VALUE, MAX_LIGHTNESS_VALUE, MAX_HUE_VALUE, SATURATION_OFFSET } from './constants.js';
 import { constrainToRange, getIndicatorPositionFromPosition } from '../../utilities/range/range_mappings.js';
 import { ColorConverter } from '../../utilities/colors/color_converter.js';
 
-/**
- * Function to calculate indicators position based on hex value
- * @param saturationLightnessPanelRef, reference
- * @param hueSliderRef, reference
- * @param hex, string with color
- * @return
- */
-var getIndicatorPositionsFromHEX = function getIndicatorPositionsFromHEX(_ref) {
-  var _saturationLightnessP, _hueSliderRef$current;
-
-  var saturationLightnessPanelRef = _ref.saturationLightnessPanelRef,
-      hueSliderRef = _ref.hueSliderRef,
-      hex = _ref.hex;
-
-  var _ColorConverter$hex2h = ColorConverter.hex2hsv(hex),
-      hue = _ColorConverter$hex2h.hue,
-      saturation = _ColorConverter$hex2h.saturation,
-      value = _ColorConverter$hex2h.value;
-
-  var _ref2 = (saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 || (_saturationLightnessP = saturationLightnessPanelRef.current) === null || _saturationLightnessP === void 0 ? void 0 : _saturationLightnessP.getBoundingClientRect()) || {},
-      _ref2$width = _ref2.width,
-      width = _ref2$width === void 0 ? 0 : _ref2$width,
-      _ref2$height = _ref2.height,
-      height = _ref2$height === void 0 ? 0 : _ref2$height;
-
-  var hueSliderRect = hueSliderRef === null || hueSliderRef === void 0 || (_hueSliderRef$current = hueSliderRef.current) === null || _hueSliderRef$current === void 0 ? void 0 : _hueSliderRef$current.getBoundingClientRect();
-  var saturationLightnessPointer = {
-    left: constrainToRange(saturation * width / MAX_SATURATION_VALUE, 0, width),
-    top: constrainToRange((MAX_LIGHTNESS_VALUE - value) * height / MAX_LIGHTNESS_VALUE, 0, height)
-  };
-  var hueSliderPointer = {
-    top: hue * (((hueSliderRect === null || hueSliderRect === void 0 ? void 0 : hueSliderRect.height) || 0) / MAX_HUE_VALUE),
-    left: hue * (((hueSliderRect === null || hueSliderRect === void 0 ? void 0 : hueSliderRect.width) || 0) / MAX_HUE_VALUE)
-  };
-  return {
-    saturationLightnessPointer: saturationLightnessPointer,
-    hueSliderPointer: hueSliderPointer
-  };
-};
-var getColorFromHex = function getColorFromHex(value) {
-  var _ColorConverter$hex2h2 = ColorConverter.hex2hsl(value),
-      hue = _ColorConverter$hex2h2.hue,
-      saturation = _ColorConverter$hex2h2.saturation,
-      lightness = _ColorConverter$hex2h2.lightness;
-
-  return {
-    hue: hue,
-    saturation: saturation,
-    lightness: lightness,
-    hex: value
-  };
-};
-var getHueFromPosition = function getHueFromPosition(_ref3) {
-  var hueSliderRect = _ref3.hueSliderRect,
-      position = _ref3.position,
-      screenName = _ref3.screenName;
-  var clientY = position.clientY,
-      clientX = position.clientX;
-  var top = hueSliderRect.top,
-      height = hueSliderRect.height,
-      width = hueSliderRect.width,
-      left = hueSliderRect.left;
-  var distance = screenName === 'xs' ? constrainToRange(clientX - left, 0, width) : constrainToRange(clientY - top, 0, height);
-  var hue = screenName === 'xs' ? distance * (MAX_HUE_VALUE - 1) / width : distance * (MAX_HUE_VALUE - 1) / height;
-  return {
-    hue: hue
-  };
-};
-var getSaturationLightnessFromPosition = function getSaturationLightnessFromPosition(_ref4) {
-  var elementRect = _ref4.elementRect,
-      position = _ref4.position;
-  var width = elementRect.width,
-      height = elementRect.height;
-
-  var _getIndicatorPosition = getIndicatorPositionFromPosition({
-    elementRect: elementRect,
-    position: position
-  }),
-      positionX = _getIndicatorPosition.positionX,
-      positionY = _getIndicatorPosition.positionY;
-
-  var saturation = positionX * MAX_SATURATION_VALUE / width || SATURATION_OFFSET;
-  var lightness = MAX_LIGHTNESS_VALUE - positionY * (MAX_LIGHTNESS_VALUE / 2) / height - saturation / 2;
-  return {
-    lightness: lightness,
-    saturation: saturation
-  };
+/**
+ * Function to calculate indicators position based on hex value
+ * @param saturationLightnessPanelRef, reference
+ * @param hueSliderRef, reference
+ * @param hex, string with color
+ * @return
+ */
+const getIndicatorPositionsFromHEX = ({ saturationLightnessPanelRef, hueSliderRef, hex }) => {
+    var _a, _b;
+    const { hue, saturation, value } = ColorConverter.hex2hsv(hex);
+    const { width = 0, height = 0 } = ((_a = saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {};
+    const hueSliderRect = (_b = hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
+    const saturationLightnessPointer = {
+        left: constrainToRange((saturation * width) / MAX_SATURATION_VALUE, 0, width),
+        top: constrainToRange(((MAX_LIGHTNESS_VALUE - value) * height) / MAX_LIGHTNESS_VALUE, 0, height)
+    };
+    const hueSliderPointer = {
+        top: hue * (((hueSliderRect === null || hueSliderRect === void 0 ? void 0 : hueSliderRect.height) || 0) / MAX_HUE_VALUE),
+        left: hue * (((hueSliderRect === null || hueSliderRect === void 0 ? void 0 : hueSliderRect.width) || 0) / MAX_HUE_VALUE)
+    };
+    return { saturationLightnessPointer, hueSliderPointer };
+};
+const getColorFromHex = (value) => {
+    const { hue, saturation, lightness } = ColorConverter.hex2hsl(value);
+    return { hue, saturation, lightness, hex: value };
+};
+const getHueFromPosition = ({ hueSliderRect, position, screenName }) => {
+    const { clientY, clientX } = position;
+    const { top, height, width, left } = hueSliderRect;
+    const distance = screenName === 'xs' ? constrainToRange(clientX - left, 0, width) : constrainToRange(clientY - top, 0, height);
+    const hue = screenName === 'xs' ? (distance * (MAX_HUE_VALUE - 1)) / width : (distance * (MAX_HUE_VALUE - 1)) / height;
+    return { hue };
+};
+const getSaturationLightnessFromPosition = ({ elementRect, position }) => {
+    const { width, height } = elementRect;
+    const { positionX, positionY } = getIndicatorPositionFromPosition({ elementRect, position });
+    const saturation = (positionX * MAX_SATURATION_VALUE) / width || SATURATION_OFFSET;
+    const lightness = MAX_LIGHTNESS_VALUE - (positionY * (MAX_LIGHTNESS_VALUE / 2)) / height - saturation / 2;
+    return { lightness, saturation };
 };
 
 export { getColorFromHex, getHueFromPosition, getIndicatorPositionsFromHEX, getSaturationLightnessFromPosition };

package/build/esm/packages/aurora/src/components/color_picker/utilities.js.map

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

package/build/esm/packages/aurora/src/components/controls/components/additional_info.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const AdditionalInfo: React.FC;
+import React from 'react';
+export declare const AdditionalInfo: React.FC;

package/build/esm/packages/aurora/src/components/controls/components/additional_info.js

@@ -2,11 +2,8 @@ import React from 'react';
 import { cssControlsAdditionalInfo } from '../css_classes.js';
 import cssStyles from '../../../css/controls/main.module.less.js';
 
-var AdditionalInfo = function AdditionalInfo(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: cssStyles[cssControlsAdditionalInfo]
-  }, children);
+const AdditionalInfo = ({ children }) => {
+    return React.createElement("div", { className: cssStyles[cssControlsAdditionalInfo] }, children);
 };
 
 export { AdditionalInfo };

package/build/esm/packages/aurora/src/components/controls/components/additional_info.js.map

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

package/build/esm/packages/aurora/src/components/controls/components/cell_selector.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { ICellSelector } from '@auroraComponents/controls/types';
-declare const CellSelector: React.FC<ICellSelector>;
-export default CellSelector;
+import React from 'react';
+import { ICellSelector } from "../types";
+declare const CellSelector: React.FC<ICellSelector>;
+export default CellSelector;

package/build/esm/packages/aurora/src/components/controls/components/cell_selector.js

@@ -1,78 +1,36 @@
 import React, { useState, useEffect } from 'react';
-import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cellSelector, cellSelectorContainer, cellSelectorRow, cellSelectorCell, cellSelectorCellActive } from '../css_classes.js';
 import styles from '../../../css/cell_selector/main.module.less.js';
 
-var CellSelector = function CellSelector(_ref) {
-  var _ref$rows = _ref.rows,
-      rows = _ref$rows === void 0 ? 3 : _ref$rows,
-      _ref$cols = _ref.cols,
-      cols = _ref$cols === void 0 ? 3 : _ref$cols,
-      name = _ref.name,
-      initialSelected = _ref.initialSelected,
-      _ref$withValueOffset = _ref.withValueOffset,
-      withValueOffset = _ref$withValueOffset === void 0 ? true : _ref$withValueOffset,
-      onChange = _ref.onChange,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className;
-
-  var _useState = useState(initialSelected),
-      _useState2 = _slicedToArray(_useState, 2),
-      selectedCell = _useState2[0],
-      setSelectedCell = _useState2[1];
-
-  useEffect(function () {
-    if (initialSelected === undefined) {
-      setSelectedCell(initialSelected);
-    } else {
-      setSelectedCell(initialSelected - (withValueOffset ? 1 : 0));
-    }
-  }, [setSelectedCell, withValueOffset, initialSelected]);
-
-  var isSelected = function isSelected(row, col) {
-    if (selectedCell === undefined) {
-      return false;
-    }
-
-    if (parseInt("".concat(selectedCell / cols)) !== row) {
-      return false;
-    }
-
-    if (selectedCell % cols !== col) {
-      return false;
-    }
-
-    return true;
-  };
-
-  var _onClick = function onClick(row, col) {
-    var cellIndex = row * cols + col;
-    setSelectedCell(cellIndex);
-    onChange === null || onChange === void 0 || onChange(cellIndex + (withValueOffset ? 1 : 0));
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles[cellSelector], " ").concat(className)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles[cellSelectorContainer]
-  }, Array.from({
-    length: rows
-  }).map(function (_, rowIndex) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: "CellSelector-".concat(name, "-Row-").concat(rowIndex),
-      className: styles[cellSelectorRow]
-    }, Array.from({
-      length: cols
-    }).map(function (_, colIndex) {
-      return /*#__PURE__*/React.createElement("div", {
-        key: "CellSelector-".concat(name, "-Row-").concat(rowIndex, "-Col-").concat(colIndex),
-        className: "".concat(styles[cellSelectorCell], " ").concat(isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''),
-        onClick: function onClick() {
-          return _onClick(rowIndex, colIndex);
-        }
-      });
-    }));
-  })));
+const CellSelector = ({ rows = 3, cols = 3, name, initialSelected, withValueOffset = true, onChange, className = '' }) => {
+    const [selectedCell, setSelectedCell] = useState(initialSelected);
+    useEffect(() => {
+        if (initialSelected === undefined) {
+            setSelectedCell(initialSelected);
+        }
+        else {
+            setSelectedCell(initialSelected - (withValueOffset ? 1 : 0));
+        }
+    }, [setSelectedCell, withValueOffset, initialSelected]);
+    const isSelected = (row, col) => {
+        if (selectedCell === undefined) {
+            return false;
+        }
+        if (parseInt(`${selectedCell / cols}`) !== row) {
+            return false;
+        }
+        if (selectedCell % cols !== col) {
+            return false;
+        }
+        return true;
+    };
+    const onClick = (row, col) => {
+        const cellIndex = row * cols + col;
+        setSelectedCell(cellIndex);
+        onChange === null || onChange === void 0 ? void 0 : onChange(cellIndex + (withValueOffset ? 1 : 0));
+    };
+    return (React.createElement("div", { className: `${styles[cellSelector]} ${className}` },
+        React.createElement("div", { className: styles[cellSelectorContainer] }, Array.from({ length: rows }).map((_, rowIndex) => (React.createElement("div", { key: `CellSelector-${name}-Row-${rowIndex}`, className: styles[cellSelectorRow] }, Array.from({ length: cols }).map((_, colIndex) => (React.createElement("div", { key: `CellSelector-${name}-Row-${rowIndex}-Col-${colIndex}`, className: `${styles[cellSelectorCell]} ${isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''}`, onClick: () => onClick(rowIndex, colIndex) })))))))));
 };
 
 export default CellSelector;

package/build/esm/packages/aurora/src/components/controls/components/cell_selector.js.map

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

package/build/esm/packages/aurora/src/components/controls/components/checkbox.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { ICheckboxProps } from '../types';
-declare const Checkbox: React.FC<ICheckboxProps>;
-export default Checkbox;
+import React from 'react';
+import { ICheckboxProps } from '../types';
+declare const Checkbox: React.FC<ICheckboxProps>;
+export default Checkbox;