@dreamcommerce/aurora 0.3.16 → 0.3.17

package/build/cjs/packages/aurora/src/components/button/css_classes.js

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var cssButton = 'btn';
-var cssButtonOutline = "".concat(cssButton, "_outline");
-var cssButtonBg = "".concat(cssButton, "_bg");
-var cssButtonS = "".concat(cssButton, "_s");
-var cssButtonLink = "".concat(cssButton, "_link");
-var cssButtonInactive = "".concat(cssButton, "_inactive");
-
-exports.cssButton = cssButton;
-exports.cssButtonBg = cssButtonBg;
-exports.cssButtonInactive = cssButtonInactive;
-exports.cssButtonLink = cssButtonLink;
-exports.cssButtonOutline = cssButtonOutline;
-exports.cssButtonS = cssButtonS;
-//# sourceMappingURL=css_classes.js.map

package/build/cjs/packages/aurora/src/components/button/css_classes.js.map

@@ -1 +0,0 @@
-{"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/cjs/packages/aurora/src/components/button/index.js

@@ -1,50 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('react');
-var _tslib = require('../../../../../_virtual/_tslib.js');
-var css_classes = require('./css_classes.js');
-var index = require('./components/index.js');
-var classnames = require('classnames');
-var main_module = require('../../css/button/main.module.less.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-
-/**
- * @component
- * @example
- * return (
- *  <Button
- *      size="small"
- *      variant="light">
- *          Text button
- *  </Button>
- *
- *  <Button
- *      as="link"
- *      href="https://onet.pl">
- *          Text button
- *  </Button>
- * )
- */
-var Button = function (_a) {
-    var _b;
-    var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, inactive = _a.inactive, _d = _a.className, className = _d === void 0 ? '' : _d, props = _tslib.__rest(_a, ["as", "size", "color", "variant", "inactive", "className"]);
-    var btnColor = "".concat(css_classes.cssButton, "_").concat(color);
-    var buttonClassNames = classnames__default['default'](main_module['default'][css_classes.cssButton], (_b = {},
-        _b[className] = className,
-        _b[main_module['default'][css_classes.cssButtonS]] = size,
-        _b[main_module['default'][css_classes.cssButtonBg]] = !variant,
-        _b[main_module['default'][css_classes.cssButtonOutline]] = variant === 'outline',
-        _b[main_module['default'][css_classes.cssButtonLink]] = variant === 'link',
-        _b[main_module['default'][btnColor]] = true,
-        _b[main_module['default'][css_classes.cssButtonInactive]] = inactive,
-        _b));
-    return index.buttonTypes[as].render(props, buttonClassNames);
-};
-
-exports.default = Button;
-//# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/components/button/index.js.map

@@ -1 +0,0 @@
-{"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/cjs/packages/aurora/src/components/buttons_group/css_classes.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var cssButtonsGroup = 'buttons-group';
-var cssButtonsGroupHCenter = "".concat(cssButtonsGroup, "_hcenter");
-var cssButtonsGroupHRight = "".concat(cssButtonsGroup, "_hright");
-var cssButtonsGroupReverseOrder = "".concat(cssButtonsGroup, "_reverse-order");
-
-exports.cssButtonsGroup = cssButtonsGroup;
-exports.cssButtonsGroupHCenter = cssButtonsGroupHCenter;
-exports.cssButtonsGroupHRight = cssButtonsGroupHRight;
-exports.cssButtonsGroupReverseOrder = cssButtonsGroupReverseOrder;
-//# sourceMappingURL=css_classes.js.map

package/build/cjs/packages/aurora/src/components/buttons_group/css_classes.js.map

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

package/build/cjs/packages/aurora/src/components/buttons_group/index.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var classnames = require('classnames');
-var main_module = require('../../css/buttons_group/main.module.less.js');
-var css_classes = require('./css_classes.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-
-var ButtonsGroup = function (_a) {
-    var _b;
-    var _c = _a.align, align = _c === void 0 ? 'right' : _c, isOrderReversed = _a.isOrderReversed, children = _a.children;
-    var classNames = classnames__default['default'](main_module['default'][css_classes.cssButtonsGroup], (_b = {},
-        _b[main_module['default'][css_classes.cssButtonsGroupHCenter]] = align === 'center',
-        _b[main_module['default'][css_classes.cssButtonsGroupHRight]] = align === 'right',
-        _b[main_module['default'][css_classes.cssButtonsGroupReverseOrder]] = isOrderReversed,
-        _b));
-    return React__default['default'].createElement("div", { className: classNames }, children);
-};
-
-exports.default = ButtonsGroup;
-//# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/components/buttons_group/index.js.map

@@ -1 +0,0 @@
-{"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;"}

package/build/cjs/packages/aurora/src/components/color_picker/components/buttons.js

@@ -1,47 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
-var _tslib = require('../../../../../../_virtual/_tslib.js');
-var index$2 = require('../../button/index.js');
-var index$1 = require('../../buttons_group/index.js');
-var main_module = require('../../../css/color_picker/main.module.less.js');
-var css_classes = require('../css_classes.js');
-var index = require('../../dropdown/context/index.js');
-var use_screen_detect = require('../../../hooks/use_screen_detect.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ColorPickerButtons = function (_a) {
-    var restoreInitialColor = _a.restoreInitialColor;
-    var t = useTranslation.useTranslation()[0];
-    var toggleDropdown = React.useContext(index.DropdownContext).toggleDropdown;
-    var screenSize = use_screen_detect.useScreenDetect();
-    var onCancel = function () {
-        restoreInitialColor();
-        toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
-    };
-    var onChoose = function () {
-        toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
-    };
-    var primaryButtonProps = {
-        variant: screenSize === 'xs' ? undefined : 'link',
-        size: screenSize === 'xs' ? 'small' : undefined
-    };
-    var secondaryButtonProps = {
-        variant: screenSize === 'xs' ? 'outline' : 'link',
-        size: screenSize === 'xs' ? 'small' : undefined,
-        color: screenSize === 'xs' ? undefined : 'secondary'
-    };
-    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerButtonsGroup] },
-        React__default['default'].createElement(index$1['default'], null,
-            React__default['default'].createElement(index$2['default'], _tslib.__assign({ as: "button" }, secondaryButtonProps, { onClick: onCancel }), t('cancel')),
-            React__default['default'].createElement(index$2['default'], _tslib.__assign({ as: "button" }, primaryButtonProps, { onClick: onChoose }), t('choose')))));
-};
-
-exports.default = ColorPickerButtons;
-//# sourceMappingURL=buttons.js.map

package/build/cjs/packages/aurora/src/components/color_picker/components/buttons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/aurora/src/components/color_picker/components/hue_picker.js

@@ -1,58 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../../../../_virtual/_tslib.js');
-var main_module = require('../../../css/color_picker/main.module.less.js');
-var range_mappings = require('../../../utilities/range/range_mappings.js');
-var color_converter = require('../../../utilities/colors/color_converter.js');
-var utilities = require('../utilities.js');
-var event_registration = require('../../../utilities/events/event_registration.js');
-var context = require('../context.js');
-var css_classes = require('../css_classes.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var HuePicker = function (_a) {
-    var hueSliderRef = _a.hueSliderRef, classes = _a.classes;
-    var _b = React.useContext(context.ColorPickerContext), setColor = _b.setColor, setHueSliderPointer = _b.setHueSliderPointer, screenName = _b.screenName;
-    var onSliderEvent = function (position) {
-        if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current)) {
-            return;
-        }
-        var hue = utilities.getHueFromPosition({
-            hueSliderRect: hueSliderRef.current.getBoundingClientRect(),
-            position: position,
-            screenName: screenName
-        }).hue;
-        var _a = range_mappings.getIndicatorPositionFromPosition({
-            elementRect: hueSliderRef.current.getBoundingClientRect(),
-            position: position
-        }), positionY = _a.positionY, positionX = _a.positionX;
-        setColor(function (color) { return (_tslib.__assign(_tslib.__assign({}, color), { hue: hue, hex: color_converter.ColorConverter.hsl2hex({ hue: hue, saturation: color.saturation, lightness: color.lightness }) })); });
-        setHueSliderPointer({ top: positionY, left: positionX });
-    };
-    var onSliderDown = function (event) {
-        if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current)) {
-            return;
-        }
-        onSliderEvent(event_registration.mapMouseEventToPosition(event));
-        event_registration.registerOnMouseEvents(onSliderEvent);
-    };
-    var onTouchStart = function (event) {
-        if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current)) {
-            return;
-        }
-        onSliderEvent(event_registration.mapTouchEventToPosition(event));
-        event_registration.registerOnTouchEvents(onSliderEvent);
-    };
-    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerHuePicker], ref: hueSliderRef, onMouseDown: onSliderDown, onTouchStart: onTouchStart },
-        React__default['default'].createElement("div", { className: "".concat(classes.huePointer, " ").concat(main_module['default'][css_classes.cssColorPickerPointer]), onDrag: onSliderEvent, onTouchStart: onTouchStart },
-            React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerPointerInside] }))));
-};
-
-exports.default = HuePicker;
-//# sourceMappingURL=hue_picker.js.map

package/build/cjs/packages/aurora/src/components/color_picker/components/hue_picker.js.map

@@ -1 +0,0 @@
-{"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;"}

package/build/cjs/packages/aurora/src/components/color_picker/components/label.js

@@ -1,42 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var reactJss_esm = require('../../../../../../external/react-jss/dist/react-jss.esm.js');
-var main_module = require('../../../css/color_picker/main.module.less.js');
-var context = require('../context.js');
-var css_classes = require('../css_classes.js');
-var index = require('../../dropdown/context/index.js');
-var input_wrapper = require('../../controls/components/input_wrapper.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var useStyles = reactJss_esm.createUseStyles({
-    colorPreview: {
-        background: function (_a) {
-            var hex = _a.color.hex;
-            return hex;
-        }
-    }
-});
-var ColorPickerLabel = function (_a) {
-    var name = _a.name, isRequired = _a.isRequired, id = _a.id;
-    var _b = React.useContext(context.ColorPickerContext), setInitialColor = _b.setInitialColor, color = _b.color;
-    var isOpen = React.useContext(index.DropdownContext).isOpen;
-    var classes = useStyles({ color: color });
-    React.useEffect(function () {
-        if (isOpen) {
-            setInitialColor(color);
-        }
-        // eslint-disable-next-line
-    }, [isOpen]);
-    return (React__default['default'].createElement(React__default['default'].Fragment, null,
-        React__default['default'].createElement(input_wrapper['default'], { value: color === null || color === void 0 ? void 0 : color.hex, size: "small", isFocused: isOpen, preElements: React__default['default'].createElement("div", { className: "".concat(classes.colorPreview, " ").concat(main_module['default'][css_classes.cssColorPickerInputColorPreview]) }) }),
-        React__default['default'].createElement("input", { type: "hidden", id: id, name: name, value: (color === null || color === void 0 ? void 0 : color.hex) || '', "aria-required": isRequired })));
-};
-
-exports.default = ColorPickerLabel;
-//# sourceMappingURL=label.js.map

package/build/cjs/packages/aurora/src/components/color_picker/components/label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,2BAA2B,4DAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/aurora/src/components/color_picker/components/saturation_lightness_picker.js

@@ -1,59 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../../../../_virtual/_tslib.js');
-var main_module = require('../../../css/color_picker/main.module.less.js');
-var range_mappings = require('../../../utilities/range/range_mappings.js');
-var color_converter = require('../../../utilities/colors/color_converter.js');
-var utilities = require('../utilities.js');
-var event_registration = require('../../../utilities/events/event_registration.js');
-var context = require('../context.js');
-var css_classes = require('../css_classes.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var SaturationLightnessPicker = function (_a) {
-    var classes = _a.classes, saturationLightnessPanelRef = _a.saturationLightnessPanelRef;
-    var _b = React.useContext(context.ColorPickerContext), setColor = _b.setColor, setSaturationLightnessPointer = _b.setSaturationLightnessPointer;
-    var saturationLightnessPickerEvent = function (position) {
-        if (!saturationLightnessPanelRef.current) {
-            return;
-        }
-        var elementRect = saturationLightnessPanelRef.current.getBoundingClientRect();
-        var _a = range_mappings.getIndicatorPositionFromPosition({ elementRect: elementRect, position: position }), positionX = _a.positionX, positionY = _a.positionY;
-        var _b = utilities.getSaturationLightnessFromPosition({ elementRect: elementRect, position: position }), lightness = _b.lightness, saturation = _b.saturation;
-        setColor(function (color) { return (_tslib.__assign(_tslib.__assign({}, color), { saturation: saturation, lightness: lightness, hex: color_converter.ColorConverter.hsl2hex({ hue: color.hue, lightness: lightness, saturation: saturation }) })); });
-        setSaturationLightnessPointer({
-            left: positionX,
-            top: positionY
-        });
-    };
-    var onMouseDown = function (event) {
-        event.preventDefault();
-        if (!(saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current)) {
-            return;
-        }
-        saturationLightnessPickerEvent(event_registration.mapMouseEventToPosition(event));
-        event_registration.registerOnMouseEvents(saturationLightnessPickerEvent);
-    };
-    var onTouchStart = function (event) {
-        event.preventDefault();
-        if (!(saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current)) {
-            return;
-        }
-        saturationLightnessPickerEvent(event_registration.mapTouchEventToPosition(event));
-        event_registration.registerOnTouchEvents(saturationLightnessPickerEvent);
-    };
-    return (React__default['default'].createElement("div", { className: "".concat(classes.saturationLightnessPanel, " ").concat(main_module['default'][css_classes.cssColorPickerSaturationLightnessPicker]), ref: saturationLightnessPanelRef, onMouseDown: onMouseDown, onTouchStart: onTouchStart },
-        React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes.cssColorPickerMask], " ").concat(main_module['default'][css_classes.cssColorPickerMaskWhite]) }),
-        React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes.cssColorPickerMask], " ").concat(main_module['default'][css_classes.cssColorPickerMaskBlack]) }),
-        React__default['default'].createElement("div", { className: "".concat(classes.saturationLightnessPointer, " ").concat(main_module['default'][css_classes.cssColorPickerPointer]), onDrag: saturationLightnessPickerEvent, onTouchStart: onTouchStart },
-            React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerPointerInside] }))));
-};
-
-exports.default = SaturationLightnessPicker;
-//# sourceMappingURL=saturation_lightness_picker.js.map

package/build/cjs/packages/aurora/src/components/color_picker/components/saturation_lightness_picker.js.map

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

package/build/cjs/packages/aurora/src/components/color_picker/constants.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MAX_HUE_VALUE = 360;
-var MAX_LIGHTNESS_VALUE = 100;
-var MAX_SATURATION_VALUE = 100;
-var SATURATION_OFFSET = 0.00001; // To avoid package bug
-
-exports.MAX_HUE_VALUE = MAX_HUE_VALUE;
-exports.MAX_LIGHTNESS_VALUE = MAX_LIGHTNESS_VALUE;
-exports.MAX_SATURATION_VALUE = MAX_SATURATION_VALUE;
-exports.SATURATION_OFFSET = SATURATION_OFFSET;
-//# sourceMappingURL=constants.js.map

package/build/cjs/packages/aurora/src/components/color_picker/constants.js.map

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

package/build/cjs/packages/aurora/src/components/color_picker/context.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-var ColorPickerContext = React.createContext({
-    color: {
-        hue: 0,
-        saturation: 0,
-        lightness: 0,
-        hex: ''
-    },
-    setColor: function () { },
-    initialColor: {
-        hue: 0,
-        saturation: 0,
-        lightness: 0,
-        hex: ''
-    },
-    screenName: '',
-    setInitialColor: function () { },
-    hueSliderPointer: { top: 0, left: 0 },
-    setHueSliderPointer: function () { },
-    saturationLightnessPointer: { top: 0, left: 0 },
-    setSaturationLightnessPointer: function () { }
-});
-
-exports.ColorPickerContext = ColorPickerContext;
-//# sourceMappingURL=context.js.map

package/build/cjs/packages/aurora/src/components/color_picker/context.js.map

@@ -1 +0,0 @@
-{"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;"}

package/build/cjs/packages/aurora/src/components/color_picker/css_classes.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var cssColorPicker = 'color-picker';
-var cssColorPickerInputColorPreview = "".concat(cssColorPicker, "__input-color-preview");
-var cssColorPickerButtonsGroup = "".concat(cssColorPicker, "__buttons-group");
-var cssColorPickerHuePicker = "".concat(cssColorPicker, "__hue-picker");
-var cssColorPickerPointer = "".concat(cssColorPicker, "__pointer");
-var cssColorPickerPointerInside = "".concat(cssColorPicker, "__pointer-inside");
-var cssColorPickerSaturationLightnessPicker = "".concat(cssColorPicker, "__saturation-lightness-picker");
-var cssColorPickerMask = "".concat(cssColorPicker, "__mask");
-var cssColorPickerMaskWhite = "".concat(cssColorPickerMask, "_white");
-var cssColorPickerMaskBlack = "".concat(cssColorPickerMask, "_black");
-var cssColorPickerPreviewContainer = "".concat(cssColorPicker, "__preview-container");
-var cssColorPickerPreview = "".concat(cssColorPicker, "__preview");
-
-exports.cssColorPicker = cssColorPicker;
-exports.cssColorPickerButtonsGroup = cssColorPickerButtonsGroup;
-exports.cssColorPickerHuePicker = cssColorPickerHuePicker;
-exports.cssColorPickerInputColorPreview = cssColorPickerInputColorPreview;
-exports.cssColorPickerMask = cssColorPickerMask;
-exports.cssColorPickerMaskBlack = cssColorPickerMaskBlack;
-exports.cssColorPickerMaskWhite = cssColorPickerMaskWhite;
-exports.cssColorPickerPointer = cssColorPickerPointer;
-exports.cssColorPickerPointerInside = cssColorPickerPointerInside;
-exports.cssColorPickerPreview = cssColorPickerPreview;
-exports.cssColorPickerPreviewContainer = cssColorPickerPreviewContainer;
-exports.cssColorPickerSaturationLightnessPicker = cssColorPickerSaturationLightnessPicker;
-//# sourceMappingURL=css_classes.js.map

package/build/cjs/packages/aurora/src/components/color_picker/css_classes.js.map

@@ -1 +0,0 @@
-{"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;"}

package/build/cjs/packages/aurora/src/components/color_picker/index.js

@@ -1,120 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../../../_virtual/_tslib.js');
-var reactJss_esm = require('../../../../../external/react-jss/dist/react-jss.esm.js');
-var input = require('../controls/components/input.js');
-var main_module = require('../../css/color_picker/main.module.less.js');
-var utilities = require('./utilities.js');
-var context = require('./context.js');
-var css_classes = require('./css_classes.js');
-var saturation_lightness_picker = require('./components/saturation_lightness_picker.js');
-var hue_picker = require('./components/hue_picker.js');
-var buttons = require('./components/buttons.js');
-var use_color_picker = require('./use_color_picker.js');
-var with_translation = require('../../utilities/translation/with_translation.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var useStyles = reactJss_esm.createUseStyles({
-    saturationLightnessPanel: {
-        background: function (_a) {
-            var hue = _a.color.hue;
-            return "hsl(".concat(hue, ",100%, 50%)");
-        }
-    },
-    saturationLightnessPointer: {
-        transform: function (_a) {
-            var _b = _a.saturationLightnessPointer, left = _b.left, top = _b.top;
-            return "translate3d(".concat(left - 10, "px,").concat(top - 10, "px,0px)");
-        },
-        '& > div': {
-            background: function (_a) {
-                var hex = _a.color.hex;
-                return hex;
-            }
-        }
-    },
-    preview: {
-        background: function (_a) {
-            var hex = _a.color.hex;
-            return hex;
-        }
-    },
-    huePointer: {
-        transform: function (_a) {
-            var _b = _a.hueSliderPointer, top = _b.top, left = _b.left, screenName = _a.screenName;
-            return screenName === 'xs' ? "translate3d(".concat(left - 10, "px,0px,0px)") : "translate3d(0px,".concat(top - 10, "px,0px)");
-        },
-        '& > div': {
-            background: function (_a) {
-                var hue = _a.color.hue;
-                return "hsl(".concat(hue, ",100%, 50%)");
-            }
-        }
-    },
-    colorPreview: {
-        background: function (_a) {
-            var hex = _a.color.hex;
-            return hex;
-        }
-    }
-});
-var PureColorPicker = function (_a) {
-    var hideChooseCancelButtons = _a.hideChooseCancelButtons;
-    var _b = React.useContext(context.ColorPickerContext), color = _b.color, setColor = _b.setColor, initialColor = _b.initialColor, hueSliderPointer = _b.hueSliderPointer, saturationLightnessPointer = _b.saturationLightnessPointer, setHueSliderPointer = _b.setHueSliderPointer, setSaturationLightnessPointer = _b.setSaturationLightnessPointer, screenName = _b.screenName;
-    var saturationLightnessPanelRef = React.useRef(null);
-    var hueSliderRef = React.useRef(null);
-    var classes = useStyles({ color: color, saturationLightnessPointer: saturationLightnessPointer, hueSliderPointer: hueSliderPointer, screenName: screenName });
-    var inputOnChange = function (event) {
-        var value = event.target.value;
-        var hexValue = value.charAt(0) !== '#' ? "#".concat(value) : value;
-        if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current) || !(saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current)) {
-            return;
-        }
-        if (value !== hexValue) {
-            event.target.value = hexValue;
-        }
-        try {
-            var color_1 = utilities.getColorFromHex(hexValue);
-            var _a = utilities.getIndicatorPositionsFromHEX({
-                hueSliderRef: hueSliderRef,
-                saturationLightnessPanelRef: saturationLightnessPanelRef,
-                hex: event.target.value
-            }), saturationLightnessPointer_1 = _a.saturationLightnessPointer, hueSliderPointer_1 = _a.hueSliderPointer;
-            setColor(color_1);
-            setSaturationLightnessPointer(saturationLightnessPointer_1);
-            setHueSliderPointer(hueSliderPointer_1);
-        }
-        catch (e) {
-            setColor(_tslib.__assign(_tslib.__assign({}, color), { hex: hexValue }));
-        }
-    };
-    var restoreInitialColor = function () {
-        setColor(initialColor);
-    };
-    return (React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes.cssColorPicker]) },
-        React__default['default'].createElement(saturation_lightness_picker['default'], { classes: classes, saturationLightnessPanelRef: saturationLightnessPanelRef }),
-        React__default['default'].createElement(hue_picker['default'], { hueSliderRef: hueSliderRef, classes: classes }),
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerPreviewContainer] },
-            React__default['default'].createElement("div", { className: "".concat(classes.preview, " ").concat(main_module['default'][css_classes.cssColorPickerPreview]) }),
-            React__default['default'].createElement("div", null,
-                React__default['default'].createElement(input['default'], { id: "color-picker-id", value: color === null || color === void 0 ? void 0 : color.hex, onChange: inputOnChange }))),
-        !hideChooseCancelButtons && React__default['default'].createElement(buttons['default'], { restoreInitialColor: restoreInitialColor })));
-};
-var ColorPickerWithContext = function (_a) {
-    var initialColor = _a.initialColor, onChange = _a.onChange, hideChooseCancelButtons = _a.hideChooseCancelButtons, name = _a.name;
-    var colorPickerContext = use_color_picker.useColorPicker({ initialColorHex: initialColor || '#ffffff', onChange: onChange });
-    return (React__default['default'].createElement(context.ColorPickerContext.Provider, { value: colorPickerContext },
-        React__default['default'].createElement("input", { type: "hidden", name: name }),
-        React__default['default'].createElement(PureColorPicker, { hideChooseCancelButtons: hideChooseCancelButtons })));
-};
-var index = with_translation['default'](ColorPickerWithContext);
-
-exports.PureColorPicker = PureColorPicker;
-exports.default = index;
-//# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/components/color_picker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/aurora/src/components/color_picker/use_color_picker.js

@@ -1,42 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../../../_virtual/_tslib.js');
-var constants = require('./constants.js');
-var use_screen_detect = require('../../hooks/use_screen_detect.js');
-
-var useColorPicker = function (_a) {
-    var initialColorHex = _a.initialColorHex, onChange = _a.onChange;
-    var _b = React.useState({ hue: 0, saturation: constants.SATURATION_OFFSET, lightness: 100, hex: initialColorHex }), color = _b[0], setColor = _b[1];
-    var _c = React.useState({
-        hue: 0,
-        saturation: constants.SATURATION_OFFSET,
-        lightness: 100,
-        hex: initialColorHex
-    }), initialColor = _c[0], setInitialColor = _c[1];
-    var _d = React.useState({ top: 0, left: 0 }), hueSliderPointer = _d[0], setHueSliderPointer = _d[1];
-    var _e = React.useState({ left: 0, top: 0 }), saturationLightnessPointer = _e[0], setSaturationLightnessPointer = _e[1];
-    var screenName = use_screen_detect.useScreenDetect();
-    React.useEffect(function () {
-        onChange === null || onChange === void 0 ? void 0 : onChange(color);
-    }, [color]);
-    React.useEffect(function () {
-        setColor(function (prevState) { return (_tslib.__assign(_tslib.__assign({}, prevState), { hex: initialColorHex })); });
-    }, [initialColorHex]);
-    return {
-        color: color,
-        setColor: setColor,
-        initialColor: initialColor,
-        setInitialColor: setInitialColor,
-        hueSliderPointer: hueSliderPointer,
-        setHueSliderPointer: setHueSliderPointer,
-        screenName: screenName,
-        saturationLightnessPointer: saturationLightnessPointer,
-        setSaturationLightnessPointer: setSaturationLightnessPointer
-    };
-};
-
-exports.useColorPicker = useColorPicker;
-//# sourceMappingURL=use_color_picker.js.map

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

@@ -1 +0,0 @@
-{"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;"}