@dreamcommerce/aurora 3.0.0-77 → 3.0.0-79

package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.js

@@ -1,44 +1,82 @@
-import { LockLineIcon } from '@auroraAssets/icons/lock_icon';
-import { LockUnlockLineIcon } from '@auroraAssets/icons/lock_unlock_icon';
-import { Stack } from '@auroraComponents/stack/stack';
-import { CSS_COLOR_TOKENS_VALUES } from '@auroraConstants/css_tokens/css_color_tokens_values';
-import React, { useEffect, useState } from 'react';
-import './values_syncer_types';
-import { cn } from '@auroraUtilities/cn';
-const ValuesSyncer = ({ firstControl, secondControl, initialFirstValue, initialSecondValue, isLocked = false, onLock, onChange }) => {
-    const [locked, setLocked] = useState(isLocked);
-    const [firstControlValue, setFirstControlValue] = useState(initialFirstValue);
-    const [secondControlValue, setSecondControlValue] = useState(initialSecondValue);
-    useEffect(() => {
-        onLock?.(locked);
-        if (locked) {
-            setSecondControlValue(firstControlValue);
-        }
-    }, [locked]);
-    useEffect(() => {
-        setFirstControlValue(initialFirstValue);
-        setSecondControlValue(initialSecondValue);
-    }, [initialFirstValue, initialSecondValue]);
-    useEffect(() => {
-        onChange?.({ first: firstControlValue, second: secondControlValue, isLocked: locked });
-    }, [firstControlValue, secondControlValue, locked]);
-    const handleFirstControlChange = (value) => {
-        setFirstControlValue(value);
-        if (locked) {
-            setSecondControlValue(value);
-        }
-    };
-    const handleSecondControlChange = (value) => {
-        setSecondControlValue(value);
-        if (locked) {
-            setFirstControlValue(value);
-        }
-    };
-    const toggleLock = () => setLocked((prev) => !prev);
-    return (React.createElement(Stack, { spacing: "3", align: "end", className: "aurora-items-end" },
-        firstControl(firstControlValue, handleFirstControlChange),
-        React.createElement("button", { type: "button", className: cn(locked ? 'aurora-bg-active aurora-rounded-4' : 'aurora-bg-subtle', 'aurora-h-6 aurora-w-6 aurora-p-1 aurora-mb-2 aurora-rounded-4 focus'), onClick: toggleLock }, locked ? (React.createElement(LockLineIcon, { className: "aurora-h-4 aurora-w-4", color: CSS_COLOR_TOKENS_VALUES.neutral900 })) : (React.createElement(LockUnlockLineIcon, { className: "aurora-h-4 aurora-w-4", color: CSS_COLOR_TOKENS_VALUES.neutral600 }))),
-        secondControl(secondControlValue, handleSecondControlChange)));
+import React, { useState, useEffect } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { CSS_COLOR_TOKENS_VALUES } from '../../constants/css_tokens/css_color_tokens_values.js';
+import { cn } from '../../utilities/cn.js';
+import { Stack } from '../stack/stack.js';
+import { LockLineIcon } from '../../assets/icons/lock_icon.js';
+import { LockUnlockLineIcon } from '../../assets/icons/lock_unlock_icon.js';
+
+var ValuesSyncer = function ValuesSyncer(_ref) {
+  var firstControl = _ref.firstControl,
+    secondControl = _ref.secondControl,
+    initialFirstValue = _ref.initialFirstValue,
+    initialSecondValue = _ref.initialSecondValue,
+    _ref$isLocked = _ref.isLocked,
+    isLocked = _ref$isLocked === void 0 ? false : _ref$isLocked,
+    onLock = _ref.onLock,
+    onChange = _ref.onChange;
+  var _useState = useState(isLocked),
+    _useState2 = _slicedToArray(_useState, 2),
+    locked = _useState2[0],
+    setLocked = _useState2[1];
+  var _useState3 = useState(initialFirstValue),
+    _useState4 = _slicedToArray(_useState3, 2),
+    firstControlValue = _useState4[0],
+    setFirstControlValue = _useState4[1];
+  var _useState5 = useState(initialSecondValue),
+    _useState6 = _slicedToArray(_useState5, 2),
+    secondControlValue = _useState6[0],
+    setSecondControlValue = _useState6[1];
+  useEffect(function () {
+    onLock === null || onLock === void 0 ? void 0 : onLock(locked);
+    if (locked) {
+      setSecondControlValue(firstControlValue);
+    }
+  }, [locked]);
+  useEffect(function () {
+    setFirstControlValue(initialFirstValue);
+    setSecondControlValue(initialSecondValue);
+  }, [initialFirstValue, initialSecondValue]);
+  useEffect(function () {
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      first: firstControlValue,
+      second: secondControlValue,
+      isLocked: locked
+    });
+  }, [firstControlValue, secondControlValue, locked]);
+  var handleFirstControlChange = function handleFirstControlChange(value) {
+    setFirstControlValue(value);
+    if (locked) {
+      setSecondControlValue(value);
+    }
+  };
+  var handleSecondControlChange = function handleSecondControlChange(value) {
+    setSecondControlValue(value);
+    if (locked) {
+      setFirstControlValue(value);
+    }
+  };
+  var toggleLock = function toggleLock() {
+    return setLocked(function (prev) {
+      return !prev;
+    });
+  };
+  return /*#__PURE__*/React.createElement(Stack, {
+    spacing: "3",
+    align: "end",
+    className: "aurora-items-end"
+  }, firstControl(firstControlValue, handleFirstControlChange), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: cn(locked ? 'aurora-bg-active aurora-rounded-4' : 'aurora-bg-subtle', 'aurora-h-6 aurora-w-6 aurora-p-1 aurora-mb-2 aurora-rounded-4 focus'),
+    onClick: toggleLock
+  }, locked ? (/*#__PURE__*/React.createElement(LockLineIcon, {
+    className: "aurora-h-4 aurora-w-4",
+    color: CSS_COLOR_TOKENS_VALUES.neutral900
+  })) : (/*#__PURE__*/React.createElement(LockUnlockLineIcon, {
+    className: "aurora-h-4 aurora-w-4",
+    color: CSS_COLOR_TOKENS_VALUES.neutral600
+  }))), secondControl(secondControlValue, handleSecondControlChange));
 };
-export default ValuesSyncer;
-//# sourceMappingURL=values_syncer.js.map
+
+export { ValuesSyncer };
+//# sourceMappingURL=values_syncer.js.map

package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.js.map

@@ -1 +1 @@
-{"version":3,"file":"values_syncer.js","sourceRoot":"","sources":["../../../../../../../src/components/values_syncer/values_syncer.tsx"],"names":[],"mappings":"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"}
+{"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;"}

package/build/esm/packages/aurora/src/components/values_syncer/values_syncer_types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type TValuesSyncerProps = {
     firstControl: (value: unknown, setValue: (value: unknown) => void) => React.ReactNode;
     secondControl: (value: unknown, setValue: (value: unknown) => void) => React.ReactNode;

package/build/esm/packages/aurora/src/components/values_syncer/values_syncer_types.js

@@ -1,2 +1,2 @@
-export {};
+import 'react';
 //# sourceMappingURL=values_syncer_types.js.map

package/build/esm/packages/aurora/src/components/values_syncer/values_syncer_types.js.map

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

package/build/esm/packages/aurora/src/index.d.ts

@@ -104,3 +104,5 @@ export { ImagePicker } from "./components/image_picker/image_picker";
 export { XhrImagePicker } from "./components/xhr_image_picker/xhr_image_picker";
 export { XhrImagePickerControl } from "./components/controls/xhr_image_picker_control/xhr_image_picker_control";
 export { IImageEditorProps, TUploadedImageData } from "./components/xhr_image_picker/xhr_image_picker_types";
+export { ValuesSyncerControl } from "./components/controls/values_syncer_control/values_syncer_control";
+export { ValuesSyncer } from "./components/values_syncer/values_syncer";

package/build/esm/packages/aurora/src/index.js

@@ -98,4 +98,6 @@ export { ControlsGroup } from './components/controls/controls_group/controls_gro
 export { ImagePicker } from './components/image_picker/image_picker.js';
 export { XhrImagePicker } from './components/xhr_image_picker/xhr_image_picker.js';
 export { XhrImagePickerControl } from './components/controls/xhr_image_picker_control/xhr_image_picker_control.js';
+export { ValuesSyncer } from './components/values_syncer/values_syncer.js';
+export { ValuesSyncerControl } from './components/controls/values_syncer_control/values_syncer_control.js';
 //# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/index.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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}