react-planner-viewer/es/components/style/form-slider.js

react-planner-viewer is a React Component for view plans builded with react-planner in 2D mode

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

import React from 'react';
import ReactRange from '@mapbox/react-range';
import FormTextInput from './form-text-input';

var sliderContainerStyle = { display: 'inline-block', width: '80%', marginRight: '5%' };
var sliderStyle = { display: 'block', width: '100%', height: '30px' };
var textContainerStyle = { display: 'inline-block', width: '15%', float: 'right' };
var textStyle = { height: '34px', textAlign: 'center' };

export default function FormNumberInput(_ref) {
  var value = _ref.value,
      onChange = _ref.onChange,
      rest = _objectWithoutProperties(_ref, ['value', 'onChange']);

  return React.createElement(
    'div',
    null,
    React.createElement(
      'div',
      { style: sliderContainerStyle },
      React.createElement(ReactRange, _extends({ type: 'range', style: sliderStyle, onChange: onChange, value: value }, rest))
    ),
    React.createElement(
      'div',
      { style: textContainerStyle },
      React.createElement(FormTextInput, { value: value, onChange: onChange, style: textStyle })
    )
  );
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3N0eWxlL2Zvcm0tc2xpZGVyLmpzeCJdLCJuYW1lcyI6WyJSZWFjdCIsIlJlYWN0UmFuZ2UiLCJGb3JtVGV4dElucHV0Iiwic2xpZGVyQ29udGFpbmVyU3R5bGUiLCJkaXNwbGF5Iiwid2lkdGgiLCJtYXJnaW5SaWdodCIsInNsaWRlclN0eWxlIiwiaGVpZ2h0IiwidGV4dENvbnRhaW5lclN0eWxlIiwiZmxvYXQiLCJ0ZXh0U3R5bGUiLCJ0ZXh0QWxpZ24iLCJGb3JtTnVtYmVySW5wdXQiLCJ2YWx1ZSIsIm9uQ2hhbmdlIiwicmVzdCJdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU9BLEtBQVAsTUFBa0IsT0FBbEI7QUFDQSxPQUFPQyxVQUFQLE1BQXVCLHFCQUF2QjtBQUNBLE9BQU9DLGFBQVAsTUFBMEIsbUJBQTFCOztBQUVBLElBQU1DLHVCQUF1QixFQUFDQyxTQUFTLGNBQVYsRUFBMEJDLE9BQU8sS0FBakMsRUFBd0NDLGFBQWEsSUFBckQsRUFBN0I7QUFDQSxJQUFNQyxjQUFjLEVBQUVILFNBQVMsT0FBWCxFQUFvQkMsT0FBTyxNQUEzQixFQUFtQ0csUUFBUSxNQUEzQyxFQUFwQjtBQUNBLElBQU1DLHFCQUFxQixFQUFDTCxTQUFTLGNBQVYsRUFBMEJDLE9BQU8sS0FBakMsRUFBd0NLLE9BQU8sT0FBL0MsRUFBM0I7QUFDQSxJQUFNQyxZQUFZLEVBQUNILFFBQU8sTUFBUixFQUFnQkksV0FBVSxRQUExQixFQUFsQjs7QUFFQSxlQUFlLFNBQVNDLGVBQVQsT0FBcUQ7QUFBQSxNQUEzQkMsS0FBMkIsUUFBM0JBLEtBQTJCO0FBQUEsTUFBcEJDLFFBQW9CLFFBQXBCQSxRQUFvQjtBQUFBLE1BQVBDLElBQU87O0FBQ2xFLFNBQ0U7QUFBQTtBQUFBO0FBQ0U7QUFBQTtBQUFBLFFBQUssT0FBT2Isb0JBQVo7QUFDRSwwQkFBQyxVQUFELGFBQVksTUFBSyxPQUFqQixFQUF5QixPQUFPSSxXQUFoQyxFQUE2QyxVQUFVUSxRQUF2RCxFQUFpRSxPQUFPRCxLQUF4RSxJQUFtRkUsSUFBbkY7QUFERixLQURGO0FBS0U7QUFBQTtBQUFBLFFBQUssT0FBT1Asa0JBQVo7QUFDRSwwQkFBQyxhQUFELElBQWUsT0FBT0ssS0FBdEIsRUFBNkIsVUFBVUMsUUFBdkMsRUFBaUQsT0FBT0osU0FBeEQ7QUFERjtBQUxGLEdBREY7QUFXRCIsImZpbGUiOiJmb3JtLXNsaWRlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUmVhY3RSYW5nZSBmcm9tICdAbWFwYm94L3JlYWN0LXJhbmdlJztcbmltcG9ydCBGb3JtVGV4dElucHV0IGZyb20gJy4vZm9ybS10ZXh0LWlucHV0JztcblxuY29uc3Qgc2xpZGVyQ29udGFpbmVyU3R5bGUgPSB7ZGlzcGxheTogJ2lubGluZS1ibG9jaycsIHdpZHRoOiAnODAlJywgbWFyZ2luUmlnaHQ6ICc1JSd9O1xuY29uc3Qgc2xpZGVyU3R5bGUgPSB7IGRpc3BsYXk6ICdibG9jaycsIHdpZHRoOiAnMTAwJScsIGhlaWdodDogJzMwcHgnIH07XG5jb25zdCB0ZXh0Q29udGFpbmVyU3R5bGUgPSB7ZGlzcGxheTogJ2lubGluZS1ibG9jaycsIHdpZHRoOiAnMTUlJywgZmxvYXQ6ICdyaWdodCd9O1xuY29uc3QgdGV4dFN0eWxlID0ge2hlaWdodDonMzRweCcsIHRleHRBbGlnbjonY2VudGVyJ307XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEZvcm1OdW1iZXJJbnB1dCh7dmFsdWUsIG9uQ2hhbmdlLCAuLi5yZXN0fSkge1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8ZGl2IHN0eWxlPXtzbGlkZXJDb250YWluZXJTdHlsZX0+XG4gICAgICAgIDxSZWFjdFJhbmdlIHR5cGU9J3JhbmdlJyBzdHlsZT17c2xpZGVyU3R5bGV9IG9uQ2hhbmdlPXtvbkNoYW5nZX0gdmFsdWU9e3ZhbHVlfSB7Li4ucmVzdH0vPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgc3R5bGU9e3RleHRDb250YWluZXJTdHlsZX0+XG4gICAgICAgIDxGb3JtVGV4dElucHV0IHZhbHVlPXt2YWx1ZX0gb25DaGFuZ2U9e29uQ2hhbmdlfSBzdHlsZT17dGV4dFN0eWxlfS8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl19