@dreamcommerce/aurora 3.1.58-1 → 3.1.58-2
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.
- package/build/cjs/external/@radix-ui/react-checkbox/dist/index.mjs.js +2 -2
- package/build/cjs/external/@radix-ui/react-radio-group/dist/index.mjs.js +2 -2
- package/build/cjs/external/@radix-ui/react-radio-group/external/@radix-ui/react-roving-focus/dist/index.mjs.js +1 -1
- package/build/cjs/external/@radix-ui/react-scroll-area/dist/index.mjs.js +2 -2
- package/build/cjs/external/@radix-ui/react-select/dist/index.mjs.js +3 -3
- package/build/cjs/external/@radix-ui/react-select/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js +1 -1
- package/build/cjs/external/@radix-ui/react-slider/dist/index.mjs.js +588 -0
- package/build/cjs/external/@radix-ui/react-slider/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-slider/external/@radix-ui/react-primitive/dist/index.mjs.js +30 -0
- package/build/cjs/external/@radix-ui/react-slider/external/@radix-ui/react-primitive/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-slider/external/@radix-ui/react-slot/dist/index.mjs.js +103 -0
- package/build/cjs/external/@radix-ui/react-slider/external/@radix-ui/react-slot/dist/index.mjs.js.map +1 -0
- package/build/cjs/external/@radix-ui/react-switch/dist/index.mjs.js +1 -1
- package/build/cjs/external/@radix-ui/react-switch/dist/index.mjs.js.map +1 -1
- package/build/cjs/external/@radix-ui/react-toast/dist/index.mjs.js +1 -1
- package/build/cjs/external/@radix-ui/react-toast/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js +1 -1
- package/build/cjs/packages/aurora/src/components/accordion/components/accordion_trigger.js +2 -24
- package/build/cjs/packages/aurora/src/components/accordion/components/accordion_trigger.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_controls.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js +1 -1
- package/build/cjs/packages/aurora/src/components/controls/input_control/input_control.js +1 -1
- package/build/cjs/packages/aurora/src/components/date_picker/components/date_picker_input.js +1 -1
- package/build/cjs/packages/aurora/src/components/label/label.js +1 -1
- package/build/cjs/packages/aurora/src/components/slider/components/slider_input.js +80 -0
- package/build/cjs/packages/aurora/src/components/slider/components/slider_input.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/slider/slider.js +146 -0
- package/build/cjs/packages/aurora/src/components/slider/slider.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/time_picker/components/time_picker_input.js +1 -1
- package/build/cjs/packages/aurora/src/index.js +6 -4
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/external/@radix-ui/react-checkbox/dist/index.mjs.js +2 -2
- package/build/esm/external/@radix-ui/react-radio-group/dist/index.mjs.js +2 -2
- package/build/esm/external/@radix-ui/react-radio-group/external/@radix-ui/react-roving-focus/dist/index.mjs.js +1 -1
- package/build/esm/external/@radix-ui/react-scroll-area/dist/index.mjs.js +2 -2
- package/build/esm/external/@radix-ui/react-select/dist/index.mjs.js +3 -3
- package/build/esm/external/@radix-ui/react-select/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js +1 -1
- package/build/esm/external/@radix-ui/react-slider/dist/index.mjs.js +576 -0
- package/build/esm/external/@radix-ui/react-slider/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-slider/external/@radix-ui/react-primitive/dist/index.mjs.js +26 -0
- package/build/esm/external/@radix-ui/react-slider/external/@radix-ui/react-primitive/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-slider/external/@radix-ui/react-slot/dist/index.mjs.js +98 -0
- package/build/esm/external/@radix-ui/react-slider/external/@radix-ui/react-slot/dist/index.mjs.js.map +1 -0
- package/build/esm/external/@radix-ui/react-switch/dist/index.mjs.js +1 -1
- package/build/esm/external/@radix-ui/react-switch/dist/index.mjs.js.map +1 -1
- package/build/esm/external/@radix-ui/react-toast/dist/index.mjs.js +1 -1
- package/build/esm/external/@radix-ui/react-toast/external/@radix-ui/react-dismissable-layer/dist/index.mjs.js +1 -1
- package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.js +3 -25
- package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_controls.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js +1 -1
- package/build/esm/packages/aurora/src/components/label/label.js +1 -1
- package/build/esm/packages/aurora/src/components/slider/components/slider_input.d.ts +13 -0
- package/build/esm/packages/aurora/src/components/slider/components/slider_input.js +72 -0
- package/build/esm/packages/aurora/src/components/slider/components/slider_input.js.map +1 -0
- package/build/esm/packages/aurora/src/components/slider/slider.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/slider/slider.js +138 -0
- package/build/esm/packages/aurora/src/components/slider/slider.js.map +1 -0
- package/build/esm/packages/aurora/src/components/slider/slider_types.d.ts +13 -0
- package/build/esm/packages/aurora/src/components/slider/slider_types.js +2 -0
- package/build/esm/packages/aurora/src/components/slider/slider_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js +1 -1
- package/build/esm/packages/aurora/src/index.d.ts +2 -0
- package/build/esm/packages/aurora/src/index.js +3 -2
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/index.css +1 -1
- package/package.json +2 -1
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { forwardRef } from 'react';
|
|
2
|
+
import { objectSpread2 as _objectSpread2, defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
import 'react-dom';
|
|
5
|
+
import { Slot } from '../../react-slot/dist/index.mjs.js';
|
|
6
|
+
|
|
7
|
+
var _excluded = ["asChild"];
|
|
8
|
+
var NODES = ["a", "button", "div", "form", "h2", "h3", "img", "input", "label", "li", "nav", "ol", "p", "span", "svg", "ul"];
|
|
9
|
+
var Primitive = NODES.reduce(function (primitive, node) {
|
|
10
|
+
var Node = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
|
|
11
|
+
var asChild = props.asChild,
|
|
12
|
+
primitiveProps = _objectWithoutProperties(props, _excluded);
|
|
13
|
+
var Comp = asChild ? Slot : node;
|
|
14
|
+
if (typeof window !== "undefined") {
|
|
15
|
+
window[Symbol.for("radix-ui")] = true;
|
|
16
|
+
}
|
|
17
|
+
return /* @__PURE__ */jsx(Comp, _objectSpread2(_objectSpread2({}, primitiveProps), {}, {
|
|
18
|
+
ref: forwardedRef
|
|
19
|
+
}));
|
|
20
|
+
});
|
|
21
|
+
Node.displayName = "Primitive.".concat(node);
|
|
22
|
+
return _objectSpread2(_objectSpread2({}, primitive), {}, _defineProperty({}, node, Node));
|
|
23
|
+
}, {});
|
|
24
|
+
|
|
25
|
+
export { Primitive };
|
|
26
|
+
//# sourceMappingURL=index.mjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/external/@radix-ui/react-slider/external/@radix-ui/react-slot/dist/index.mjs.js
ADDED
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { forwardRef, Children, isValidElement, cloneElement } from 'react';
|
|
2
|
+
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
4
|
+
import { composeRefs } from '../../../../../react-compose-refs/dist/index.mjs.js';
|
|
5
|
+
|
|
6
|
+
var _excluded = ["children"],
|
|
7
|
+
_excluded2 = ["children"];
|
|
8
|
+
var Slot = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
|
|
9
|
+
var children = props.children,
|
|
10
|
+
slotProps = _objectWithoutProperties(props, _excluded);
|
|
11
|
+
var childrenArray = Children.toArray(children);
|
|
12
|
+
var slottable = childrenArray.find(isSlottable);
|
|
13
|
+
if (slottable) {
|
|
14
|
+
var newElement = slottable.props.children;
|
|
15
|
+
var newChildren = childrenArray.map(function (child) {
|
|
16
|
+
if (child === slottable) {
|
|
17
|
+
if (Children.count(newElement) > 1) return Children.only(null);
|
|
18
|
+
return /*#__PURE__*/isValidElement(newElement) ? newElement.props.children : null;
|
|
19
|
+
} else {
|
|
20
|
+
return child;
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
return /* @__PURE__ */jsx(SlotClone, _objectSpread2(_objectSpread2({}, slotProps), {}, {
|
|
24
|
+
ref: forwardedRef,
|
|
25
|
+
children: /*#__PURE__*/isValidElement(newElement) ? /*#__PURE__*/cloneElement(newElement, void 0, newChildren) : null
|
|
26
|
+
}));
|
|
27
|
+
}
|
|
28
|
+
return /* @__PURE__ */jsx(SlotClone, _objectSpread2(_objectSpread2({}, slotProps), {}, {
|
|
29
|
+
ref: forwardedRef,
|
|
30
|
+
children: children
|
|
31
|
+
}));
|
|
32
|
+
});
|
|
33
|
+
Slot.displayName = "Slot";
|
|
34
|
+
var SlotClone = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
|
|
35
|
+
var children = props.children,
|
|
36
|
+
slotProps = _objectWithoutProperties(props, _excluded2);
|
|
37
|
+
if (/*#__PURE__*/isValidElement(children)) {
|
|
38
|
+
var childrenRef = getElementRef(children);
|
|
39
|
+
return /*#__PURE__*/cloneElement(children, _objectSpread2(_objectSpread2({}, mergeProps(slotProps, children.props)), {}, {
|
|
40
|
+
// @ts-ignore
|
|
41
|
+
ref: forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef
|
|
42
|
+
}));
|
|
43
|
+
}
|
|
44
|
+
return Children.count(children) > 1 ? Children.only(null) : null;
|
|
45
|
+
});
|
|
46
|
+
SlotClone.displayName = "SlotClone";
|
|
47
|
+
var Slottable = function Slottable(_ref) {
|
|
48
|
+
var children = _ref.children;
|
|
49
|
+
return /* @__PURE__ */jsx(Fragment, {
|
|
50
|
+
children: children
|
|
51
|
+
});
|
|
52
|
+
};
|
|
53
|
+
function isSlottable(child) {
|
|
54
|
+
return /*#__PURE__*/isValidElement(child) && child.type === Slottable;
|
|
55
|
+
}
|
|
56
|
+
function mergeProps(slotProps, childProps) {
|
|
57
|
+
var overrideProps = _objectSpread2({}, childProps);
|
|
58
|
+
var _loop = function _loop() {
|
|
59
|
+
var slotPropValue = slotProps[propName];
|
|
60
|
+
var childPropValue = childProps[propName];
|
|
61
|
+
var isHandler = /^on[A-Z]/.test(propName);
|
|
62
|
+
if (isHandler) {
|
|
63
|
+
if (slotPropValue && childPropValue) {
|
|
64
|
+
overrideProps[propName] = function () {
|
|
65
|
+
childPropValue.apply(void 0, arguments);
|
|
66
|
+
slotPropValue.apply(void 0, arguments);
|
|
67
|
+
};
|
|
68
|
+
} else if (slotPropValue) {
|
|
69
|
+
overrideProps[propName] = slotPropValue;
|
|
70
|
+
}
|
|
71
|
+
} else if (propName === "style") {
|
|
72
|
+
overrideProps[propName] = _objectSpread2(_objectSpread2({}, slotPropValue), childPropValue);
|
|
73
|
+
} else if (propName === "className") {
|
|
74
|
+
overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
for (var propName in childProps) {
|
|
78
|
+
_loop();
|
|
79
|
+
}
|
|
80
|
+
return _objectSpread2(_objectSpread2({}, slotProps), overrideProps);
|
|
81
|
+
}
|
|
82
|
+
function getElementRef(element) {
|
|
83
|
+
var _Object$getOwnPropert, _Object$getOwnPropert2;
|
|
84
|
+
var getter = (_Object$getOwnPropert = Object.getOwnPropertyDescriptor(element.props, "ref")) === null || _Object$getOwnPropert === void 0 ? void 0 : _Object$getOwnPropert.get;
|
|
85
|
+
var mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
86
|
+
if (mayWarn) {
|
|
87
|
+
return element.ref;
|
|
88
|
+
}
|
|
89
|
+
getter = (_Object$getOwnPropert2 = Object.getOwnPropertyDescriptor(element, "ref")) === null || _Object$getOwnPropert2 === void 0 ? void 0 : _Object$getOwnPropert2.get;
|
|
90
|
+
mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
91
|
+
if (mayWarn) {
|
|
92
|
+
return element.props.ref;
|
|
93
|
+
}
|
|
94
|
+
return element.props.ref || element.ref;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
export { Slot, Slottable };
|
|
98
|
+
//# sourceMappingURL=index.mjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -5,9 +5,9 @@ import { createContextScope } from '../../react-context/dist/index.mjs.js';
|
|
|
5
5
|
import { useControllableState } from '../../react-use-controllable-state/dist/index.mjs.js';
|
|
6
6
|
import { Primitive } from '../../react-primitive/dist/index.mjs.js';
|
|
7
7
|
import { useSize } from '../../react-use-size/dist/index.mjs.js';
|
|
8
|
+
import { usePrevious } from '../../react-use-previous/dist/index.mjs.js';
|
|
8
9
|
import { composeEventHandlers } from '../external/@radix-ui/primitive/dist/index.mjs.js';
|
|
9
10
|
import { useComposedRefs } from '../external/@radix-ui/react-compose-refs/dist/index.mjs.js';
|
|
10
|
-
import { usePrevious } from '../../react-use-previous/dist/index.mjs.js';
|
|
11
11
|
|
|
12
12
|
var _excluded = ["__scopeSwitch", "name", "checked", "defaultChecked", "required", "disabled", "value", "onCheckedChange", "form"],
|
|
13
13
|
_excluded2 = ["__scopeSwitch"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,mDAAuD;AAC5F,gCAAgC,4DAAgE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,mDAAuD;AAC5F,gCAAgC,4DAAgE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -6,8 +6,8 @@ import { createContextScope } from '../../react-context/dist/index.mjs.js';
|
|
|
6
6
|
import { useCallbackRef } from '../../react-use-callback-ref/dist/index.mjs.js';
|
|
7
7
|
import { useControllableState } from '../../react-use-controllable-state/dist/index.mjs.js';
|
|
8
8
|
import { useLayoutEffect as useLayoutEffect2 } from '../../react-use-layout-effect/dist/index.mjs.js';
|
|
9
|
-
import { useComposedRefs } from '../../react-compose-refs/dist/index.mjs.js';
|
|
10
9
|
import { composeEventHandlers } from '../../primitive/dist/index.mjs.js';
|
|
10
|
+
import { useComposedRefs } from '../../react-compose-refs/dist/index.mjs.js';
|
|
11
11
|
import { Presence } from '../../react-presence/dist/index.mjs.js';
|
|
12
12
|
import { createCollection } from '../external/@radix-ui/react-collection/dist/index.mjs.js';
|
|
13
13
|
import { Primitive, dispatchDiscreteCustomEvent } from '../external/@radix-ui/react-primitive/dist/index.mjs.js';
|
|
@@ -3,8 +3,8 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
|
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
import { useCallbackRef } from '../../../../../react-use-callback-ref/dist/index.mjs.js';
|
|
5
5
|
import { useEscapeKeydown } from '../../../../../react-use-escape-keydown/dist/index.mjs.js';
|
|
6
|
-
import { useComposedRefs } from '../../../../../react-compose-refs/dist/index.mjs.js';
|
|
7
6
|
import { composeEventHandlers } from '../../../../../primitive/dist/index.mjs.js';
|
|
7
|
+
import { useComposedRefs } from '../../../../../react-compose-refs/dist/index.mjs.js';
|
|
8
8
|
import { Primitive, dispatchDiscreteCustomEvent } from '../../react-primitive/dist/index.mjs.js';
|
|
9
9
|
|
|
10
10
|
var _excluded = ["disableOutsidePointerEvents", "onEscapeKeyDown", "onPointerDownOutside", "onFocusOutside", "onInteractOutside", "onDismiss"];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { forwardRef, useContext,
|
|
1
|
+
import { forwardRef, useContext, createElement } from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { Header, Trigger as Trigger2 } from '../../../../../../external/@radix-ui/react-accordion/dist/index.mjs.js';
|
|
4
4
|
import { ACCORDION_SIZES } from '../accordion_constants.js';
|
|
@@ -7,42 +7,20 @@ import { AccordionContext } from '../context/accordion_context.js';
|
|
|
7
7
|
import { cn } from '../../../utilities/cn.js';
|
|
8
8
|
import { ArrowRightIcon } from '../../../assets/icons/arrow_right.js';
|
|
9
9
|
|
|
10
|
-
var _excluded = ["className", "children", "backgroundColor", "icon", "iconColor"
|
|
11
|
-
var isEventFromInteractiveElement = function isEventFromInteractiveElement(target) {
|
|
12
|
-
return target.closest('input, textarea, select, [contenteditable]:not([contenteditable="false"])') !== null;
|
|
13
|
-
};
|
|
10
|
+
var _excluded = ["className", "children", "backgroundColor", "icon", "iconColor"];
|
|
14
11
|
var AccordionTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
15
12
|
var className = _ref.className,
|
|
16
13
|
children = _ref.children,
|
|
17
14
|
backgroundColor = _ref.backgroundColor,
|
|
18
15
|
icon = _ref.icon,
|
|
19
16
|
_ref$iconColor = _ref.iconColor,
|
|
20
|
-
onClick = _ref.onClick,
|
|
21
|
-
onKeyDown = _ref.onKeyDown,
|
|
22
17
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
23
18
|
var accordionContext = useContext(AccordionContext);
|
|
24
|
-
var handleClick = useCallback(function (event) {
|
|
25
|
-
if (isEventFromInteractiveElement(event.target)) {
|
|
26
|
-
event.preventDefault();
|
|
27
|
-
event.stopPropagation();
|
|
28
|
-
return;
|
|
29
|
-
}
|
|
30
|
-
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
31
|
-
}, [onClick]);
|
|
32
|
-
var handleKeyDown = useCallback(function (event) {
|
|
33
|
-
if (event.key === ' ' && isEventFromInteractiveElement(event.target)) {
|
|
34
|
-
event.stopPropagation();
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
|
|
38
|
-
}, [onKeyDown]);
|
|
39
19
|
return /*#__PURE__*/createElement(Header, {
|
|
40
20
|
className: cn('aurora-text-s aurora-font-semibold aurora-tracking', _defineProperty({}, "aurora-bg-".concat(backgroundColor), !!backgroundColor))
|
|
41
21
|
}, /*#__PURE__*/createElement(Trigger2, _objectSpread2({
|
|
42
22
|
ref: ref,
|
|
43
|
-
className: cn('aurora-flex aurora-items-center aurora-justify-between aurora-w-full aurora-gap-2 aurora-py-2 aurora-px-3 aurora-text-base aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _defineProperty({}, 'aurora-bg', !backgroundColor), className)
|
|
44
|
-
onClick: handleClick,
|
|
45
|
-
onKeyDown: handleKeyDown
|
|
23
|
+
className: cn('aurora-flex aurora-items-center aurora-justify-between aurora-w-full aurora-gap-2 aurora-py-2 aurora-px-3 aurora-text-base aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _defineProperty({}, 'aurora-bg', !backgroundColor), className)
|
|
46
24
|
}, props), children, icon ? icon : (/*#__PURE__*/createElement(ArrowRightIcon, {
|
|
47
25
|
color: CSS_ICON_COLOR_TOKENS_VALUES.inverseDisabled,
|
|
48
26
|
size: accordionContext.size === ACCORDION_SIZES.default ? 24 : 20,
|
package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,4CAA4C,wEAA4E;AACxH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,4CAA4C,wEAA4E;AACxH;AACA;AACA;AACA;AACA;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/components/color_picker_controls.js
CHANGED
|
@@ -4,9 +4,9 @@ import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_co
|
|
|
4
4
|
import { Stack } from '../../stack/stack.js';
|
|
5
5
|
import { Typography } from '../../typography/typography.js';
|
|
6
6
|
import { Tooltip } from '../../tooltip/tooltip.js';
|
|
7
|
-
import { TooltipTrigger } from '../../tooltip/components/tooltip_trigger.js';
|
|
8
7
|
import { TooltipContent } from '../../tooltip/components/tooltip_content.js';
|
|
9
8
|
import { TooltipProvider } from '../../tooltip/context/tooltip_provider.js';
|
|
9
|
+
import { TooltipTrigger } from '../../tooltip/components/tooltip_trigger.js';
|
|
10
10
|
import { GRADIENT_TYPES } from '../color_picker_constants.js';
|
|
11
11
|
import { useColorPicker } from '../hooks/use_color_picker.js';
|
|
12
12
|
import { usePicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
|
|
@@ -5,9 +5,9 @@ import { cn } from '../../../utilities/cn.js';
|
|
|
5
5
|
import { Stack } from '../../stack/stack.js';
|
|
6
6
|
import { Typography } from '../../typography/typography.js';
|
|
7
7
|
import { Tooltip } from '../../tooltip/tooltip.js';
|
|
8
|
-
import { TooltipTrigger } from '../../tooltip/components/tooltip_trigger.js';
|
|
9
8
|
import { TooltipContent } from '../../tooltip/components/tooltip_content.js';
|
|
10
9
|
import { TooltipProvider } from '../../tooltip/context/tooltip_provider.js';
|
|
10
|
+
import { TooltipTrigger } from '../../tooltip/components/tooltip_trigger.js';
|
|
11
11
|
import { useColorPicker } from '../hooks/use_color_picker.js';
|
|
12
12
|
|
|
13
13
|
var ColorPickerModeToggler = function ColorPickerModeToggler() {
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js
CHANGED
|
@@ -5,9 +5,9 @@ import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_co
|
|
|
5
5
|
import { cn } from '../../../utilities/cn.js';
|
|
6
6
|
import { Typography } from '../../typography/typography.js';
|
|
7
7
|
import { Tooltip } from '../../tooltip/tooltip.js';
|
|
8
|
-
import { TooltipTrigger } from '../../tooltip/components/tooltip_trigger.js';
|
|
9
8
|
import { TooltipContent } from '../../tooltip/components/tooltip_content.js';
|
|
10
9
|
import { TooltipProvider } from '../../tooltip/context/tooltip_provider.js';
|
|
10
|
+
import { TooltipTrigger } from '../../tooltip/components/tooltip_trigger.js';
|
|
11
11
|
import { useColorPicker } from '../hooks/use_color_picker.js';
|
|
12
12
|
import { ColorPickerSwatch } from './color_picker_swatch.js';
|
|
13
13
|
import { ColorPickerUtils } from '../color_picker_utils.js';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
|
|
4
|
+
import { Input } from '../../input/input.js';
|
|
4
5
|
import { Control } from '../../control/control.js';
|
|
5
6
|
import { ErrorList } from '../../error_list/error_list.js';
|
|
6
7
|
import { HelperText } from '../../helper_text/helper_text.js';
|
|
7
8
|
import { Label } from '../../label/label.js';
|
|
8
|
-
import { Input } from '../../input/input.js';
|
|
9
9
|
|
|
10
10
|
var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "required", "tooltip", "onChange", "onKeyDown", "onKeyUp"];
|
|
11
11
|
var InputControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
package/build/esm/packages/aurora/src/components/date_picker/components/date_picker_input.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
|
|
3
3
|
import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
4
|
-
import { PopoverTrigger } from '../../popover/components/popover_trigger.js';
|
|
5
4
|
import { Input } from '../../input/input.js';
|
|
5
|
+
import { PopoverTrigger } from '../../popover/components/popover_trigger.js';
|
|
6
6
|
import { InputMask } from '../../input_mask/input_mask.js';
|
|
7
7
|
import { CalendarEventFillIcon } from '../../../assets/icons/calendar_event_fill.js';
|
|
8
8
|
import { DatePickerUtils } from '../date_picker_utils.js';
|
|
@@ -3,9 +3,9 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
|
|
|
3
3
|
import { cn } from '../../utilities/cn.js';
|
|
4
4
|
import { Typography } from '../typography/typography.js';
|
|
5
5
|
import { Tooltip } from '../tooltip/tooltip.js';
|
|
6
|
-
import { TooltipTrigger } from '../tooltip/components/tooltip_trigger.js';
|
|
7
6
|
import { TooltipContent } from '../tooltip/components/tooltip_content.js';
|
|
8
7
|
import { TooltipProvider } from '../tooltip/context/tooltip_provider.js';
|
|
8
|
+
import { TooltipTrigger } from '../tooltip/components/tooltip_trigger.js';
|
|
9
9
|
import { Root } from '../../../../../external/@radix-ui/react-label/dist/index.mjs.js';
|
|
10
10
|
|
|
11
11
|
var _excluded = ["className", "tooltip", "required", "disabled", "children"];
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface TSliderInputProps {
|
|
3
|
+
value: number;
|
|
4
|
+
min: number;
|
|
5
|
+
max: number;
|
|
6
|
+
step: number;
|
|
7
|
+
suffix?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
onValueChange: (value: number) => void;
|
|
10
|
+
onValueCommit: (value: number) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const SliderInput: React.FC<TSliderInputProps>;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import React__default, { useState, useCallback } from 'react';
|
|
2
|
+
import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
import { Input } from '../../input/input.js';
|
|
4
|
+
|
|
5
|
+
var clamp = function clamp(value, min, max) {
|
|
6
|
+
return Math.min(max, Math.max(min, value));
|
|
7
|
+
};
|
|
8
|
+
var SliderInput = function SliderInput(_ref) {
|
|
9
|
+
var value = _ref.value,
|
|
10
|
+
min = _ref.min,
|
|
11
|
+
max = _ref.max,
|
|
12
|
+
step = _ref.step,
|
|
13
|
+
suffix = _ref.suffix,
|
|
14
|
+
disabled = _ref.disabled,
|
|
15
|
+
onValueChange = _ref.onValueChange,
|
|
16
|
+
onValueCommit = _ref.onValueCommit;
|
|
17
|
+
var _useState = useState(String(value)),
|
|
18
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
19
|
+
localValue = _useState2[0],
|
|
20
|
+
setLocalValue = _useState2[1];
|
|
21
|
+
var _useState3 = useState(false),
|
|
22
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
23
|
+
isFocused = _useState4[0],
|
|
24
|
+
setIsFocused = _useState4[1];
|
|
25
|
+
var handleChange = useCallback(function (e) {
|
|
26
|
+
var raw = e.target.value;
|
|
27
|
+
setLocalValue(raw);
|
|
28
|
+
var parsed = Number(raw);
|
|
29
|
+
if (!isNaN(parsed) && raw.trim() !== '') {
|
|
30
|
+
onValueChange(clamp(parsed, min, max));
|
|
31
|
+
}
|
|
32
|
+
}, [min, max, onValueChange]);
|
|
33
|
+
var handleFocus = useCallback(function () {
|
|
34
|
+
setLocalValue(String(value));
|
|
35
|
+
setIsFocused(true);
|
|
36
|
+
}, [value]);
|
|
37
|
+
var handleBlur = useCallback(function () {
|
|
38
|
+
setIsFocused(false);
|
|
39
|
+
var parsed = Number(localValue);
|
|
40
|
+
if (isNaN(parsed) || localValue.trim() === '') return;
|
|
41
|
+
var clamped = clamp(parsed, min, max);
|
|
42
|
+
onValueChange(clamped);
|
|
43
|
+
onValueCommit(clamped);
|
|
44
|
+
}, [localValue, min, max, onValueChange, onValueCommit]);
|
|
45
|
+
var handleKeyDown = useCallback(function (e) {
|
|
46
|
+
if (e.key === 'Enter') {
|
|
47
|
+
e.currentTarget.blur();
|
|
48
|
+
}
|
|
49
|
+
}, []);
|
|
50
|
+
var postElement = suffix ? (/*#__PURE__*/React__default.createElement("div", {
|
|
51
|
+
className: "aurora-flex aurora-items-center aurora-h-full aurora-px-2 aurora-text-s aurora-text-subtle-light"
|
|
52
|
+
}, suffix)) : undefined;
|
|
53
|
+
return /*#__PURE__*/React__default.createElement(Input, {
|
|
54
|
+
type: "number",
|
|
55
|
+
min: min,
|
|
56
|
+
max: max,
|
|
57
|
+
step: step,
|
|
58
|
+
value: isFocused ? localValue : String(value),
|
|
59
|
+
onChange: handleChange,
|
|
60
|
+
onFocus: handleFocus,
|
|
61
|
+
onBlur: handleBlur,
|
|
62
|
+
onKeyDown: handleKeyDown,
|
|
63
|
+
disabled: disabled,
|
|
64
|
+
inputSize: "md",
|
|
65
|
+
postElement: postElement,
|
|
66
|
+
className: "aurora-w-auto aurora-shrink-0"
|
|
67
|
+
});
|
|
68
|
+
};
|
|
69
|
+
SliderInput.displayName = 'SliderInput';
|
|
70
|
+
|
|
71
|
+
export { SliderInput };
|
|
72
|
+
//# sourceMappingURL=slider_input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import React__default, { useState, useEffect, useCallback } from 'react';
|
|
2
|
+
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
import { cn } from '../../utilities/cn.js';
|
|
4
|
+
import { Root, Track, Range, Thumb } from '../../../../../external/@radix-ui/react-slider/dist/index.mjs.js';
|
|
5
|
+
import { Trigger } from '../../../../../external/@radix-ui/react-tooltip/dist/index.mjs.js';
|
|
6
|
+
import { Tooltip } from '../tooltip/tooltip.js';
|
|
7
|
+
import { TooltipContent } from '../tooltip/components/tooltip_content.js';
|
|
8
|
+
import { TooltipProvider } from '../tooltip/context/tooltip_provider.js';
|
|
9
|
+
import { SliderInput } from './components/slider_input.js';
|
|
10
|
+
|
|
11
|
+
var _excluded = ["value", "defaultValue", "min", "max", "step", "disabled", "showTooltip", "withInput", "inputStep", "suffix", "onValueChange", "onValueCommit", "className", "wrapperClassName"];
|
|
12
|
+
var Slider = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
13
|
+
var controlledValue = _ref.value,
|
|
14
|
+
_ref$defaultValue = _ref.defaultValue,
|
|
15
|
+
defaultValue = _ref$defaultValue === void 0 ? 0 : _ref$defaultValue,
|
|
16
|
+
_ref$min = _ref.min,
|
|
17
|
+
min = _ref$min === void 0 ? 0 : _ref$min,
|
|
18
|
+
_ref$max = _ref.max,
|
|
19
|
+
max = _ref$max === void 0 ? 100 : _ref$max,
|
|
20
|
+
_ref$step = _ref.step,
|
|
21
|
+
step = _ref$step === void 0 ? 1 : _ref$step,
|
|
22
|
+
disabled = _ref.disabled,
|
|
23
|
+
showTooltipProp = _ref.showTooltip,
|
|
24
|
+
_ref$withInput = _ref.withInput,
|
|
25
|
+
withInput = _ref$withInput === void 0 ? false : _ref$withInput,
|
|
26
|
+
inputStepProp = _ref.inputStep,
|
|
27
|
+
suffix = _ref.suffix,
|
|
28
|
+
onValueChange = _ref.onValueChange,
|
|
29
|
+
onValueCommit = _ref.onValueCommit,
|
|
30
|
+
className = _ref.className,
|
|
31
|
+
wrapperClassName = _ref.wrapperClassName,
|
|
32
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
33
|
+
var isControlled = controlledValue !== undefined;
|
|
34
|
+
var _useState = useState(defaultValue),
|
|
35
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
36
|
+
internalValue = _useState2[0],
|
|
37
|
+
setInternalValue = _useState2[1];
|
|
38
|
+
var currentValue = isControlled ? controlledValue : internalValue;
|
|
39
|
+
var showTooltip = showTooltipProp !== null && showTooltipProp !== void 0 ? showTooltipProp : !withInput;
|
|
40
|
+
var resolvedInputStep = inputStepProp !== null && inputStepProp !== void 0 ? inputStepProp : step;
|
|
41
|
+
var _useState3 = useState(false),
|
|
42
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
43
|
+
isHovered = _useState4[0],
|
|
44
|
+
setIsHovered = _useState4[1];
|
|
45
|
+
var _useState5 = useState(false),
|
|
46
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
47
|
+
isFocused = _useState6[0],
|
|
48
|
+
setIsFocused = _useState6[1];
|
|
49
|
+
var _useState7 = useState(false),
|
|
50
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
51
|
+
isDragging = _useState8[0],
|
|
52
|
+
setIsDragging = _useState8[1];
|
|
53
|
+
useEffect(function () {
|
|
54
|
+
if (!isDragging) return;
|
|
55
|
+
var handlePointerUp = function handlePointerUp() {
|
|
56
|
+
return setIsDragging(false);
|
|
57
|
+
};
|
|
58
|
+
document.addEventListener('pointerup', handlePointerUp);
|
|
59
|
+
return function () {
|
|
60
|
+
return document.removeEventListener('pointerup', handlePointerUp);
|
|
61
|
+
};
|
|
62
|
+
}, [isDragging]);
|
|
63
|
+
var tooltipOpen = showTooltip && (isHovered || isFocused || isDragging);
|
|
64
|
+
var updateValue = useCallback(function (newValue) {
|
|
65
|
+
if (!isControlled) {
|
|
66
|
+
setInternalValue(newValue);
|
|
67
|
+
}
|
|
68
|
+
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue);
|
|
69
|
+
}, [isControlled, onValueChange]);
|
|
70
|
+
var commitValue = useCallback(function (newValue) {
|
|
71
|
+
onValueCommit === null || onValueCommit === void 0 ? void 0 : onValueCommit(newValue);
|
|
72
|
+
}, [onValueCommit]);
|
|
73
|
+
var handleValueChange = useCallback(function (values) {
|
|
74
|
+
return updateValue(values[0]);
|
|
75
|
+
}, [updateValue]);
|
|
76
|
+
var handleValueCommit = useCallback(function (values) {
|
|
77
|
+
return commitValue(values[0]);
|
|
78
|
+
}, [commitValue]);
|
|
79
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
80
|
+
className: cn('aurora-slider aurora-flex aurora-items-center aurora-gap-3 aurora-w-full', wrapperClassName)
|
|
81
|
+
}, /*#__PURE__*/React__default.createElement(Root, _objectSpread2({
|
|
82
|
+
ref: ref,
|
|
83
|
+
min: min,
|
|
84
|
+
max: max,
|
|
85
|
+
step: step,
|
|
86
|
+
disabled: disabled,
|
|
87
|
+
value: [currentValue],
|
|
88
|
+
onValueChange: handleValueChange,
|
|
89
|
+
onValueCommit: handleValueCommit,
|
|
90
|
+
onPointerDown: function onPointerDown() {
|
|
91
|
+
return setIsDragging(true);
|
|
92
|
+
},
|
|
93
|
+
className: cn('aurora-relative aurora-flex aurora-w-full aurora-touch-none aurora-select-none aurora-items-center aurora-group aurora-h-5', {
|
|
94
|
+
'aurora-cursor-not-allowed aurora-pointer-events-none': disabled
|
|
95
|
+
}, className)
|
|
96
|
+
}, props), /*#__PURE__*/React__default.createElement(Track, {
|
|
97
|
+
className: cn('aurora-relative aurora-h-1 aurora-w-full aurora-grow aurora-overflow-hidden aurora-rounded-8 aurora-cursor-pointer', disabled ? 'aurora-bg-active' : 'aurora-bg-neutral-500')
|
|
98
|
+
}, /*#__PURE__*/React__default.createElement(Range, {
|
|
99
|
+
className: cn('aurora-absolute aurora-h-full aurora-rounded-8', disabled ? 'aurora-bg-neutral-500' : 'aurora-bg-primary')
|
|
100
|
+
})), /*#__PURE__*/React__default.createElement(TooltipProvider, {
|
|
101
|
+
delayDuration: 0
|
|
102
|
+
}, /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
103
|
+
open: tooltipOpen
|
|
104
|
+
}, /*#__PURE__*/React__default.createElement(Trigger, {
|
|
105
|
+
asChild: true
|
|
106
|
+
}, /*#__PURE__*/React__default.createElement(Thumb, {
|
|
107
|
+
onMouseEnter: function onMouseEnter() {
|
|
108
|
+
return setIsHovered(true);
|
|
109
|
+
},
|
|
110
|
+
onMouseLeave: function onMouseLeave() {
|
|
111
|
+
return setIsHovered(false);
|
|
112
|
+
},
|
|
113
|
+
onFocus: function onFocus() {
|
|
114
|
+
return setIsFocused(true);
|
|
115
|
+
},
|
|
116
|
+
onBlur: function onBlur() {
|
|
117
|
+
return setIsFocused(false);
|
|
118
|
+
},
|
|
119
|
+
className: cn('aurora-block aurora-h-5 aurora-w-5 aurora-rounded-full aurora-transition-all aurora-outline-none', disabled ? 'aurora-bg-active aurora-border-0 aurora-cursor-not-allowed' : cn('aurora-border aurora-border-strong aurora-bg aurora-cursor-grab hover:aurora-cursor-grab hover:aurora-border-extraStrong focus:aurora-border focus:aurora-border-extraStrong focus:aurora-shadow-[0_0_0_3px_var(--a-brand-300)]', isDragging && 'focus-visible:aurora-border-[6px] focus-visible:aurora-border-primary focus:aurora-shadow-none !aurora-cursor-grabbing'))
|
|
120
|
+
})), /*#__PURE__*/React__default.createElement(TooltipContent, {
|
|
121
|
+
variant: "dark",
|
|
122
|
+
side: "top",
|
|
123
|
+
sideOffset: 8
|
|
124
|
+
}, currentValue)))), withInput && (/*#__PURE__*/React__default.createElement(SliderInput, {
|
|
125
|
+
value: currentValue,
|
|
126
|
+
min: min,
|
|
127
|
+
max: max,
|
|
128
|
+
step: resolvedInputStep,
|
|
129
|
+
suffix: suffix,
|
|
130
|
+
disabled: disabled,
|
|
131
|
+
onValueChange: updateValue,
|
|
132
|
+
onValueCommit: commitValue
|
|
133
|
+
})));
|
|
134
|
+
});
|
|
135
|
+
Slider.displayName = 'Slider';
|
|
136
|
+
|
|
137
|
+
export { Slider };
|
|
138
|
+
//# sourceMappingURL=slider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,0CAA0C,kEAAsE;AAChH,wBAAwB,mEAAuE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
3
|
+
export interface TSliderProps extends Omit<React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, 'value' | 'defaultValue' | 'onValueChange' | 'onValueCommit'> {
|
|
4
|
+
value?: number;
|
|
5
|
+
defaultValue?: number;
|
|
6
|
+
onValueChange?: (value: number) => void;
|
|
7
|
+
onValueCommit?: (value: number) => void;
|
|
8
|
+
showTooltip?: boolean;
|
|
9
|
+
withInput?: boolean;
|
|
10
|
+
inputStep?: number;
|
|
11
|
+
suffix?: string;
|
|
12
|
+
wrapperClassName?: string;
|
|
13
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slider_types.js","sourceRoot":"","sources":["../../../../../../../src/components/slider/slider_types.ts"],"names":[],"mappings":"AAAA,OAAiC,wBAAwB,CAAC"}
|
package/build/esm/packages/aurora/src/components/time_picker/components/time_picker_input.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
import { PopoverTrigger } from '../../popover/components/popover_trigger.js';
|
|
3
2
|
import { Input } from '../../input/input.js';
|
|
3
|
+
import { PopoverTrigger } from '../../popover/components/popover_trigger.js';
|
|
4
4
|
import { InputMask } from '../../input_mask/input_mask.js';
|
|
5
5
|
import { TimeLineIcon } from '../../../assets/icons/time_line_icon.js';
|
|
6
6
|
import { TimePickerUtils } from '../time_picker_utils.js';
|
|
@@ -31,6 +31,8 @@ export { SidebarToggle } from "./components/sidebar/components/sidebar_toggle";
|
|
|
31
31
|
export { useSidebar } from './components/sidebar/hooks/use_sidebar';
|
|
32
32
|
export { SidebarCloseButton } from "./components/sidebar/components/sidebar_close_button";
|
|
33
33
|
export { SIDEBAR_SIDE, SIDEBAR_VARIANTS } from "./components/sidebar/sidebar_constants";
|
|
34
|
+
export { Slider } from "./components/slider/slider";
|
|
35
|
+
export { TSliderProps } from "./components/slider/slider_types";
|
|
34
36
|
export { Divider } from './components/divider/divider';
|
|
35
37
|
export { DIVIDER_VARIANTS, DIVIDER_THICKNESS, DIVIDER_ORIENTATION } from "./components/divider/divider_constants";
|
|
36
38
|
export { Stack } from './components/stack/stack';
|
|
@@ -53,9 +53,11 @@ export { SidebarToggle } from './components/sidebar/components/sidebar_toggle.js
|
|
|
53
53
|
export { SidebarCloseButton } from './components/sidebar/components/sidebar_close_button.js';
|
|
54
54
|
export { Tooltip } from './components/tooltip/tooltip.js';
|
|
55
55
|
export { TOOLTIP_VARIANT_TYPES } from './components/tooltip/tooltip_constants.js';
|
|
56
|
-
export { TooltipTrigger } from './components/tooltip/components/tooltip_trigger.js';
|
|
57
56
|
export { TooltipContent } from './components/tooltip/components/tooltip_content.js';
|
|
58
57
|
export { TooltipProvider } from './components/tooltip/context/tooltip_provider.js';
|
|
58
|
+
export { Input } from './components/input/input.js';
|
|
59
|
+
export { Slider } from './components/slider/slider.js';
|
|
60
|
+
export { TooltipTrigger } from './components/tooltip/components/tooltip_trigger.js';
|
|
59
61
|
export { SEGMENTED_CONTROL_SIZE_TYPES, SEGMENTED_CONTROL_TYPE, SEGMENTED_CONTROL_VARIANT_TYPES } from './components/segmented_control/segmented_control_constants.js';
|
|
60
62
|
export { SegmentedControl } from './components/segmented_control/segmented_control.js';
|
|
61
63
|
export { SegmentedControlItem } from './components/segmented_control/components/segmented_control_item.js';
|
|
@@ -90,7 +92,6 @@ export { TAG_VARIANTS } from './components/tag/tag_constants.js';
|
|
|
90
92
|
export { Tag } from './components/tag/tag.js';
|
|
91
93
|
export { Switch } from './components/switch/switch.js';
|
|
92
94
|
export { SwitchControl } from './components/controls/switch_control/switch_control.js';
|
|
93
|
-
export { Input } from './components/input/input.js';
|
|
94
95
|
export { InputControl } from './components/controls/input_control/input_control.js';
|
|
95
96
|
export { InputMask } from './components/input_mask/input_mask.js';
|
|
96
97
|
export { GRADIENT_TYPES } from './components/color_picker/color_picker_constants.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|