reanimated-color-picker
Version:
A Pure JavaScript Color Picker for React Native
65 lines (63 loc) • 2.16 kB
JavaScript
;
Object.defineProperty(exports, '__esModule', {
value: true,
});
exports.default = Line;
var _react = _interopRequireDefault(require('react'));
var _reactNativeReanimated = _interopRequireWildcard(require('react-native-reanimated'));
var _styles = require('../../../styles');
var _utils = require('../../../utils');
function _interopRequireWildcard(e, t) {
if ('function' == typeof WeakMap)
var r = new WeakMap(),
n = new WeakMap();
return (_interopRequireWildcard = function (e, t) {
if (!t && e && e.__esModule) return e;
var o,
i,
f = { __proto__: null, default: e };
if (null === e || ('object' != typeof e && 'function' != typeof e)) return f;
if ((o = t ? n : r)) {
if (o.has(e)) return o.get(e);
o.set(e, f);
}
for (const t in e)
'default' !== t &&
{}.hasOwnProperty.call(e, t) &&
((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set)
? o(f, t, i)
: (f[t] = e[t]));
return f;
})(e, t);
}
function _interopRequireDefault(e) {
return e && e.__esModule ? e : { default: e };
}
function Line({ width, height, borderRadius, thumbColor, adaptiveColor, thumbAnimatedStyle, innerStyle, style, vertical }) {
const thickness = 3;
const computedStyle = {
width,
height,
};
const lineStyle = {
borderRadius,
backgroundColor: thumbColor,
width: vertical ? '100%' : thickness,
height: vertical ? thickness : '100%',
};
const adaptiveColorStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
return {
backgroundColor: thumbColor ?? adaptiveColor.value,
};
}, [thumbColor, adaptiveColor]);
return /*#__PURE__*/ _react.default.createElement(
_reactNativeReanimated.default.View,
{
style: [_styles.styles.handle, style, computedStyle, thumbAnimatedStyle],
renderToHardwareTextureAndroid: _utils.enableAndroidHardwareTextures,
},
/*#__PURE__*/ _react.default.createElement(_reactNativeReanimated.default.View, {
style: [lineStyle, _styles.styles.shadow, adaptiveColorStyle, innerStyle],
}),
);
}