beem-component 1.8.3 → 1.8.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "beem-component",
3
- "version": "1.8.3",
3
+ "version": "1.8.4",
4
4
  "private": false,
5
5
  "main": "dist/components/index.js",
6
6
  "scripts": {
@@ -55,15 +55,12 @@
55
55
  "prop-types": "^15.8.1",
56
56
  "react": "^17.0.2",
57
57
  "react-avatar": "^5.0.3",
58
- "react-bootstrap-counter": "^1.0.1",
59
- "react-datepicker": "^4.10.0",
60
58
  "react-dom": "^17.0.2",
61
59
  "react-icons": "^4.6.0",
62
60
  "react-pdf": "^5.7.2",
63
61
  "react-router-dom": "^5.3.0",
64
62
  "react-scripts": "^5.0.1",
65
63
  "react-select": "^5.7.0",
66
- "react-time-picker": "^5.2.0",
67
64
  "save": "^2.4.0",
68
65
  "styled-components": "^5.3.3",
69
66
  "web-vitals": "^1.1.2"
package/src/App.js CHANGED
@@ -1,18 +1,10 @@
1
1
  import React, { useState } from 'react';
2
- import DatePicker from 'react-datepicker';
3
- import CounterInput from 'react-bootstrap-counter';
4
- import TimePicker from 'react-time-picker';
5
2
  import { GlobalStyle } from './lib/components';
6
3
  import BmButtonGroup from './lib/components/ButtonGroup/buttonGroup';
7
- import InputDatePicker from './lib/components/InputDatePicker';
8
-
9
- import 'react-datepicker/dist/react-datepicker.css';
10
4
 
11
5
  const App = () => {
12
6
  const [item, setItem] = useState();
13
7
  const Occurance = ['Now', 'Later', 'Recurring'];
14
- const [value, onChange] = useState('10:00');
15
- const [counter, setCounter] = useState('1');
16
8
 
17
9
  return (
18
10
  <>
@@ -25,17 +17,6 @@ const App = () => {
25
17
  </BmButtonGroup.Item>
26
18
  ))}
27
19
  </BmButtonGroup>
28
- <DatePicker
29
- isClearable
30
- // dateFormat={DATE_FORMAT}
31
- // selected={values.end_date}
32
- // onChange={(date) => setFieldValue('end_date', date)}
33
- // minDate={values.start_date}
34
- placeholderText="Pick a date"
35
- customInput={<InputDatePicker />}
36
- />
37
- <TimePicker onChange={onChange} value={value} />
38
- <CounterInput onChange={setCounter} value={counter} />
39
20
  </>
40
21
  );
41
22
  };
@@ -1,53 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.ScheduleDateInput = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- var InputDatePicker = function InputDatePicker(_ref) {
11
- var value = _ref.value,
12
- placeholder = _ref.placeholder,
13
- onClick = _ref.onClick;
14
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
15
- type: "text",
16
- className: "form-control",
17
- placeholder: placeholder,
18
- value: value,
19
- onFocus: onClick
20
- }), /*#__PURE__*/_react.default.createElement("i", {
21
- className: "icon-schedule-date form-control-icon"
22
- }));
23
- };
24
- InputDatePicker.propTypes = {
25
- value: _propTypes.default.string,
26
- placeholder: _propTypes.default.string,
27
- onClick: _propTypes.default.func.isRequired
28
- };
29
- InputDatePicker.defaultProps = {
30
- value: undefined,
31
- placeholder: undefined
32
- };
33
- var ScheduleDateInput = function ScheduleDateInput(_ref2) {
34
- var onClick = _ref2.onClick,
35
- value = _ref2.value,
36
- placeholder = _ref2.placeholder;
37
- return /*#__PURE__*/_react.default.createElement("button", {
38
- type: "button",
39
- "aria-label": "button",
40
- className: "btn btn-warning my-1 mr-2",
41
- onClick: onClick
42
- }, value || placeholder, " ", /*#__PURE__*/_react.default.createElement("i", {
43
- className: "fa fa-calendar-alt"
44
- }));
45
- };
46
- exports.ScheduleDateInput = ScheduleDateInput;
47
- ScheduleDateInput.propTypes = {
48
- value: _propTypes.default.string.isRequired,
49
- onClick: _propTypes.default.func.isRequired,
50
- placeholder: _propTypes.default.string.isRequired
51
- };
52
- var _default = InputDatePicker;
53
- exports.default = _default;
@@ -1,45 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
-
4
- const InputDatePicker = ({ value, placeholder, onClick }) => (
5
- <>
6
- <input
7
- type="text"
8
- className="form-control"
9
- placeholder={placeholder}
10
- value={value}
11
- onFocus={onClick}
12
- />
13
- <i className="icon-schedule-date form-control-icon" />
14
- </>
15
- );
16
-
17
- InputDatePicker.propTypes = {
18
- value: PropTypes.string,
19
- placeholder: PropTypes.string,
20
- onClick: PropTypes.func.isRequired,
21
- };
22
-
23
- InputDatePicker.defaultProps = {
24
- value: undefined,
25
- placeholder: undefined,
26
- };
27
-
28
- export const ScheduleDateInput = ({ onClick, value, placeholder }) => (
29
- <button
30
- type="button"
31
- aria-label="button"
32
- className="btn btn-warning my-1 mr-2"
33
- onClick={onClick}
34
- >
35
- {value || placeholder} <i className="fa fa-calendar-alt" />
36
- </button>
37
- );
38
-
39
- ScheduleDateInput.propTypes = {
40
- value: PropTypes.string.isRequired,
41
- onClick: PropTypes.func.isRequired,
42
- placeholder: PropTypes.string.isRequired,
43
- };
44
-
45
- export default InputDatePicker;