@ray-js/components/lib/Slider/Slider.thing.js

Ray basic components

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
const _excluded = ["id", "style", "className", "children", "onChange", "onChanging"];
import * as React from 'react';
import { inlineStyle } from '@ray-js/framework-shared';
import { Slider as RemaxSlider } from '@ray-js/adapter';
const Slider = props => {
  const {
      id,
      style,
      className,
      children,
      onChange,
      onChanging
    } = props,
    restProps = _objectWithoutProperties(props, _excluded);
  return /*#__PURE__*/React.createElement(RemaxSlider, _extends({
    id: id,
    style: inlineStyle(style),
    onChange: e => {
      typeof onChange === 'function' && onChange(_objectSpread(_objectSpread({}, e), {}, {
        type: 'change',
        value: e.detail.value,
        origin: e
      }));
    },
    onChanging: e => {
      typeof onChanging === 'function' && onChanging(_objectSpread(_objectSpread({}, e), {}, {
        type: 'changing',
        value: e.detail.value,
        origin: e
      }));
    }
  }, restProps));
};
export default Slider;