react-bootstrap-daterangepicker
Advanced tools
Comparing version 7.0.0 to 8.0.0
/// <reference types="jquery" /> | ||
/// <reference types="daterangepicker" /> | ||
/// <reference types="jquery" /> | ||
import * as React from 'react'; | ||
@@ -22,3 +23,3 @@ import 'bootstrap-daterangepicker'; | ||
} | ||
export declare class DateRangePicker extends React.Component<Props> { | ||
export declare class DateRangePicker extends React.Component<React.PropsWithChildren<Props>> { | ||
ref: any; | ||
@@ -25,0 +26,0 @@ $picker: JQuery | null; |
@@ -1,6 +0,6 @@ | ||
import { Children, cloneElement, Component } from 'react'; | ||
import * as React from 'react'; | ||
import $ from 'jquery'; | ||
import 'bootstrap-daterangepicker'; | ||
/*! ***************************************************************************** | ||
/****************************************************************************** | ||
Copyright (c) Microsoft Corporation. | ||
@@ -29,2 +29,4 @@ | ||
function __extends(d, b) { | ||
if (typeof b !== "function" && b !== null) | ||
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null"); | ||
extendStatics(d, b); | ||
@@ -51,3 +53,3 @@ function __() { this.constructor = d; } | ||
var _a; | ||
var lcase = event.toLowerCase(); | ||
var lcase = event.charAt(0).toLowerCase() + event.slice(1); | ||
(_a = _this.$picker) === null || _a === void 0 ? void 0 : _a.on(lcase + '.daterangepicker', _this.makeEventHandler('on' + event)); | ||
@@ -92,12 +94,11 @@ }); | ||
var _this = this; | ||
var childElement = Children.only(this.props.children); | ||
return cloneElement(childElement, { | ||
ref: function (el) { return (_this.ref = el); }, | ||
var childElement = React.Children.only(this.props.children); | ||
return React.cloneElement(childElement, { | ||
ref: function (el) { return (_this.ref = el); } | ||
}); | ||
}; | ||
return DateRangePicker; | ||
}(Component)); | ||
}(React.Component)); | ||
export default DateRangePicker; | ||
export { DateRangePicker }; | ||
export { DateRangePicker, DateRangePicker as default }; | ||
//# sourceMappingURL=index.es.js.map |
@@ -5,9 +5,30 @@ 'use strict'; | ||
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } | ||
var React = require('react'); | ||
var $ = _interopDefault(require('jquery')); | ||
var $ = require('jquery'); | ||
require('bootstrap-daterangepicker'); | ||
/*! ***************************************************************************** | ||
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } | ||
function _interopNamespace(e) { | ||
if (e && e.__esModule) return e; | ||
var n = Object.create(null); | ||
if (e) { | ||
Object.keys(e).forEach(function (k) { | ||
if (k !== 'default') { | ||
var d = Object.getOwnPropertyDescriptor(e, k); | ||
Object.defineProperty(n, k, d.get ? d : { | ||
enumerable: true, | ||
get: function () { return e[k]; } | ||
}); | ||
} | ||
}); | ||
} | ||
n["default"] = e; | ||
return Object.freeze(n); | ||
} | ||
var React__namespace = /*#__PURE__*/_interopNamespace(React); | ||
var $__default = /*#__PURE__*/_interopDefaultLegacy($); | ||
/****************************************************************************** | ||
Copyright (c) Microsoft Corporation. | ||
@@ -36,2 +57,4 @@ | ||
function __extends(d, b) { | ||
if (typeof b !== "function" && b !== null) | ||
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null"); | ||
extendStatics(d, b); | ||
@@ -53,3 +76,3 @@ function __() { this.constructor = d; } | ||
// initialize daterangepicker | ||
this.$picker = $(this.ref); | ||
this.$picker = $__default["default"](this.ref); | ||
this.$picker.daterangepicker(this.props.initialSettings, this.handleCallback.bind(this)); | ||
@@ -59,3 +82,3 @@ // attach event listeners | ||
var _a; | ||
var lcase = event.toLowerCase(); | ||
var lcase = event.charAt(0).toLowerCase() + event.slice(1); | ||
(_a = _this.$picker) === null || _a === void 0 ? void 0 : _a.on(lcase + '.daterangepicker', _this.makeEventHandler('on' + event)); | ||
@@ -100,12 +123,12 @@ }); | ||
var _this = this; | ||
var childElement = React.Children.only(this.props.children); | ||
return React.cloneElement(childElement, { | ||
ref: function (el) { return (_this.ref = el); }, | ||
var childElement = React__namespace.Children.only(this.props.children); | ||
return React__namespace.cloneElement(childElement, { | ||
ref: function (el) { return (_this.ref = el); } | ||
}); | ||
}; | ||
return DateRangePicker; | ||
}(React.Component)); | ||
}(React__namespace.Component)); | ||
exports.DateRangePicker = DateRangePicker; | ||
exports.default = DateRangePicker; | ||
exports["default"] = DateRangePicker; | ||
//# sourceMappingURL=index.js.map |
{ | ||
"name": "react-bootstrap-daterangepicker", | ||
"version": "7.0.0", | ||
"version": "8.0.0", | ||
"description": "A date/time picker for react (using bootstrap). This is a react port of: https://github.com/dangrossman/bootstrap-daterangepicker", | ||
@@ -46,43 +46,49 @@ "main": "dist/index.js", | ||
"devDependencies": { | ||
"@babel/cli": "^7.10.5", | ||
"@babel/core": "^7.10.5", | ||
"@babel/plugin-external-helpers": "^7.10.4", | ||
"@babel/preset-env": "^7.0.0", | ||
"@babel/preset-react": "^7.0.0", | ||
"@babel/preset-typescript": "^7.10.4", | ||
"@storybook/addon-actions": "^6.0.4", | ||
"@storybook/addon-knobs": "^6.0.4", | ||
"@storybook/addon-storysource": "^6.0.4", | ||
"@storybook/react": "^6.0.4", | ||
"@types/daterangepicker": "^3.1.1", | ||
"@types/jquery": "^3.5.1", | ||
"@babel/cli": "^7.14.5", | ||
"@babel/core": "^7.14.6", | ||
"@babel/plugin-external-helpers": "^7.14.5", | ||
"@babel/preset-env": "^7.14.7", | ||
"@babel/preset-react": "^7.14.5", | ||
"@babel/preset-typescript": "^7.14.5", | ||
"@storybook/addon-actions": "^6.5.10", | ||
"@storybook/addon-knobs": "^6.3.0", | ||
"@storybook/addon-storysource": "^6.5.10", | ||
"@storybook/addons": "^6.5.10", | ||
"@storybook/builder-webpack5": "^6.5.10", | ||
"@storybook/manager-webpack5": "^6.5.10", | ||
"@storybook/react": "^6.5.10", | ||
"@storybook/theming": "^6.5.10", | ||
"@types/daterangepicker": "^3.1.4", | ||
"@types/jquery": "^3.5.6", | ||
"@types/react": "^18.0.17", | ||
"babel-core": "^7.0.0-bridge.0", | ||
"babel-eslint": "^10.1.0", | ||
"babel-jest": "^26.1.0", | ||
"babel-loader": "^8.1.0", | ||
"babel-jest": "^27.0.6", | ||
"babel-loader": "^8.2.2", | ||
"bootstrap": "^4.5.0", | ||
"bootstrap-daterangepicker": "^3.1.0", | ||
"cheerio": "^0.22.0", | ||
"coveralls": "^3.1.0", | ||
"coveralls": "^3.1.1", | ||
"enzyme": "^3.11.0", | ||
"enzyme-adapter-react-16": "^1.15.2", | ||
"eslint": "^7.4.0", | ||
"eslint-plugin-jsx-a11y": "^6.3.1", | ||
"eslint-plugin-react": "^7.20.3", | ||
"enzyme-adapter-react-16": "^1.15.6", | ||
"eslint": "^7.30.0", | ||
"eslint-plugin-jsx-a11y": "^6.4.1", | ||
"eslint-plugin-react": "^7.24.0", | ||
"eslint-plugin-storybook": "^0.6.4", | ||
"identity-obj-proxy": "^3.0.0", | ||
"jest": "^26.1.0", | ||
"jquery": "^3.5.1", | ||
"jest": "^27.0.6", | ||
"jquery": "^3.6.0", | ||
"lolex": "^6.0.0", | ||
"moment": "^2.27.0", | ||
"moment": "^2.29.1", | ||
"npm-run-all": "^4.1.5", | ||
"prettier": "^2.0.5", | ||
"react": "^16.13.1", | ||
"react-dom": "^16.13.1", | ||
"prettier": "^2.3.2", | ||
"react": "^18.2.0", | ||
"react-dom": "^18.2.0", | ||
"regenerator-runtime": "^0.13.5", | ||
"rimraf": "^3.0.2", | ||
"rollup": "^2.21.0", | ||
"rollup": "^2.53.1", | ||
"rollup-plugin-babel": "^4.4.0", | ||
"rollup-plugin-node-resolve": "^5.2.0", | ||
"rollup-plugin-typescript2": "^0.27.2", | ||
"typescript": "^3.9.7", | ||
"rollup-plugin-typescript2": "^0.33.0", | ||
"typescript": "^4.3.5", | ||
"wordwrap": "^1.0.0" | ||
@@ -89,0 +95,0 @@ }, |
@@ -7,7 +7,11 @@ # react-bootstrap-daterangepicker | ||
[![Coverage Status](https://coveralls.io/repos/skratchdot/react-bootstrap-daterangepicker/badge.svg?branch=master&service=github)](https://coveralls.io/github/skratchdot/react-bootstrap-daterangepicker?branch=master) | ||
[![Dependency Status](https://david-dm.org/skratchdot/react-bootstrap-daterangepicker.svg)](https://david-dm.org/skratchdot/react-bootstrap-daterangepicker) | ||
[![devDependency Status](https://david-dm.org/skratchdot/react-bootstrap-daterangepicker/dev-status.svg)](https://david-dm.org/skratchdot/react-bootstrap-daterangepicker#info=devDependencies) | ||
[![NPM](https://nodei.co/npm/react-bootstrap-daterangepicker.png)](https://npmjs.org/package/react-bootstrap-daterangepicker) | ||
# 🚨 Deprecation Notice 🚨 | ||
> I put this project on github because I used it briefly for a project back in 2014. I haven't used it for years, and have recommended | ||
> looking for a "pure react" date picker library. I might continue to merge small PRs, but will not be giving this library much/any | ||
> support. I recommend using one of the [other react date picker](#other-react-date-pickers) libraries listed below. | ||
## Description | ||
@@ -88,3 +92,3 @@ | ||
NOTE: This component should be used as an [Uncontrolled Component](https://reactjs.org/docs/uncontrolled-components.html). If you try | ||
to control the value of your child `<input />`, the you will probably encounter issues. | ||
to control the value of your child `<input />`, then you will probably encounter issues. | ||
@@ -91,0 +95,0 @@ There are 2 methods from the upstream lib that can be called: `setStartDate` and `setEndDate`, but you need to use refs when doing so. |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
248
172
35053
48
9