From d5144d4c6dfccec2bc71079d9b22c61f7f0f12e9 Mon Sep 17 00:00:00 2001 From: Armando Padilla Date: Mon, 28 Dec 2020 16:01:46 -0800 Subject: [PATCH] force styles import by user --- README.md | 11 ++++++++ dist/index.js | 4 +-- package-lock.json | 64 ++++++++++++++++++++++++++++++----------------- src/index.js | 3 +-- 4 files changed, 54 insertions(+), 28 deletions(-) diff --git a/README.md b/README.md index 3f81641..db29121 100644 --- a/README.md +++ b/README.md @@ -16,12 +16,23 @@ npm install react-time-range-slider ## Usage ```js var TimeRangeSlider = require('react-time-range-slider') +require('react-time-range-slider/dist/styles.css') +``` +or + +```js +import TimeRangeSlider from 'react-time-range-slider'; +import 'react-time-range-slider/dist/styles.css'; + ``` ```js import React from 'react'; import { render} from 'react-dom'; + import TimeRangeSlider from 'react-time-range-slider'; +import 'react-time-range-slider/dist/styles.css'; + class App extends React.Component{ constructor(props) { super(props); diff --git a/dist/index.js b/dist/index.js index 071a055..40c7599 100644 --- a/dist/index.js +++ b/dist/index.js @@ -14,8 +14,6 @@ var _reactInputRange = require('react-input-range'); var _reactInputRange2 = _interopRequireDefault(_reactInputRange); -require('./styles.css'); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } @@ -163,7 +161,7 @@ var TimeRangeSlider = function (_Component) { onChangeStart: this.onChangeStart.bind(this), onChange: this.onChange.bind(this), onChangeComplete: this.onChangeComplete.bind(this), - step: 15, + step: this.props.step, value: { min: min, max: max } }); } }]); diff --git a/package-lock.json b/package-lock.json index fd152a8..4c1a032 100755 --- a/package-lock.json +++ b/package-lock.json @@ -244,8 +244,7 @@ "autobind-decorator": { "version": "1.4.3", "resolved": "https://registry.npmjs.org/autobind-decorator/-/autobind-decorator-1.4.3.tgz", - "integrity": "sha1-TJb/p3sQYi7eJPEQ9du/VmkUF9E=", - "dev": true + "integrity": "sha1-TJb/p3sQYi7eJPEQ9du/VmkUF9E=" }, "babel-cli": { "version": "6.26.0", @@ -362,13 +361,15 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz", "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=", - "dev": true + "dev": true, + "optional": true }, "is-glob": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz", "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=", "dev": true, + "optional": true, "requires": { "is-extglob": "^1.0.0" } @@ -3007,7 +3008,8 @@ "ansi-regex": { "version": "2.1.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "aproba": { "version": "1.2.0", @@ -3028,12 +3030,14 @@ "balanced-match": { "version": "1.0.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, "dev": true, + "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -3048,17 +3052,20 @@ "code-point-at": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "concat-map": { "version": "0.0.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "core-util-is": { "version": "1.0.2", @@ -3175,7 +3182,8 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "ini": { "version": "1.3.5", @@ -3187,6 +3195,7 @@ "version": "1.0.0", "bundled": true, "dev": true, + "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -3201,6 +3210,7 @@ "version": "3.0.4", "bundled": true, "dev": true, + "optional": true, "requires": { "brace-expansion": "^1.1.7" } @@ -3208,12 +3218,14 @@ "minimist": { "version": "0.0.8", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "minipass": { "version": "2.2.4", "bundled": true, "dev": true, + "optional": true, "requires": { "safe-buffer": "^5.1.1", "yallist": "^3.0.0" @@ -3232,6 +3244,7 @@ "version": "0.5.1", "bundled": true, "dev": true, + "optional": true, "requires": { "minimist": "0.0.8" } @@ -3312,7 +3325,8 @@ "number-is-nan": { "version": "1.0.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "object-assign": { "version": "4.1.1", @@ -3324,6 +3338,7 @@ "version": "1.4.0", "bundled": true, "dev": true, + "optional": true, "requires": { "wrappy": "1" } @@ -3409,7 +3424,8 @@ "safe-buffer": { "version": "5.1.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "safer-buffer": { "version": "2.1.2", @@ -3445,6 +3461,7 @@ "version": "1.0.2", "bundled": true, "dev": true, + "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -3464,6 +3481,7 @@ "version": "3.0.1", "bundled": true, "dev": true, + "optional": true, "requires": { "ansi-regex": "^2.0.0" } @@ -3507,12 +3525,14 @@ "wrappy": { "version": "1.0.2", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "yallist": { "version": "3.0.2", "bundled": true, - "dev": true + "dev": true, + "optional": true } } }, @@ -3579,13 +3599,15 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz", "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=", - "dev": true + "dev": true, + "optional": true }, "is-glob": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz", "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=", "dev": true, + "optional": true, "requires": { "is-extglob": "^1.0.0" } @@ -4406,8 +4428,7 @@ "js-tokens": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", - "dev": true + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" }, "jsesc": { "version": "1.3.0", @@ -4547,7 +4568,6 @@ "version": "1.4.0", "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", - "dev": true, "requires": { "js-tokens": "^3.0.0 || ^4.0.0" } @@ -5035,8 +5055,7 @@ "object-assign": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", - "dev": true + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" }, "object-copy": { "version": "0.1.0", @@ -5292,7 +5311,8 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz", "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=", - "dev": true + "dev": true, + "optional": true }, "is-glob": { "version": "2.0.1", @@ -5587,7 +5607,6 @@ "version": "15.6.2", "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.6.2.tgz", "integrity": "sha512-3pboPvLiWD7dkI3qf3KbUe6hKFKa52w+AE0VCqECtf+QHAKgOL37tTaNCnuX1nAAQ4ZhyP+kYVKf8rLmJ/feDQ==", - "dev": true, "requires": { "loose-envify": "^1.3.1", "object-assign": "^4.1.1" @@ -5777,7 +5796,6 @@ "version": "1.3.0", "resolved": "https://registry.npmjs.org/react-input-range/-/react-input-range-1.3.0.tgz", "integrity": "sha1-+W0AFjGrgXQX8eJtj5+WhLSCf1k=", - "dev": true, "requires": { "autobind-decorator": "^1.3.4", "prop-types": "^15.5.8" diff --git a/src/index.js b/src/index.js index a92c497..0c1144d 100644 --- a/src/index.js +++ b/src/index.js @@ -1,7 +1,6 @@ /*** src/index.js ***/ import React, { Component } from 'react'; import InputRange from 'react-input-range'; -import './styles.css'; class TimeRangeSlider extends Component { @@ -144,7 +143,7 @@ TimeRangeSlider.defaultProps = { onChangeStart: () => {}, step: 15, value: { - start: "00:00", + start: "00:00", end: "23:59" } }