@elliemae/ds-time-picker 2.2.1 → 2.3.0-alpha.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.
Files changed (40) hide show
  1. package/cjs/DSTimePicker.js +100 -115
  2. package/cjs/DSTimePicker.js.map +7 -0
  3. package/cjs/DSTimePickerMenu.js +46 -33
  4. package/cjs/DSTimePickerMenu.js.map +7 -0
  5. package/cjs/PickerPanel.js +151 -254
  6. package/cjs/PickerPanel.js.map +7 -0
  7. package/cjs/TimePickerDropdown.js +73 -52
  8. package/cjs/TimePickerDropdown.js.map +7 -0
  9. package/cjs/TimePickerImpl.js +146 -138
  10. package/cjs/TimePickerImpl.js.map +7 -0
  11. package/cjs/TimePickerMenu.js +138 -209
  12. package/cjs/TimePickerMenu.js.map +7 -0
  13. package/cjs/index.js +40 -17
  14. package/cjs/index.js.map +7 -0
  15. package/cjs/moveElementOnScroll.js +57 -39
  16. package/cjs/moveElementOnScroll.js.map +7 -0
  17. package/cjs/utils.js +57 -24
  18. package/cjs/utils.js.map +7 -0
  19. package/esm/DSTimePicker.js +71 -105
  20. package/esm/DSTimePicker.js.map +7 -0
  21. package/esm/DSTimePickerMenu.js +17 -22
  22. package/esm/DSTimePickerMenu.js.map +7 -0
  23. package/esm/PickerPanel.js +120 -242
  24. package/esm/PickerPanel.js.map +7 -0
  25. package/esm/TimePickerDropdown.js +44 -44
  26. package/esm/TimePickerDropdown.js.map +7 -0
  27. package/esm/TimePickerImpl.js +106 -117
  28. package/esm/TimePickerImpl.js.map +7 -0
  29. package/esm/TimePickerMenu.js +102 -191
  30. package/esm/TimePickerMenu.js.map +7 -0
  31. package/esm/index.js +11 -4
  32. package/esm/index.js.map +7 -0
  33. package/esm/moveElementOnScroll.js +28 -34
  34. package/esm/moveElementOnScroll.js.map +7 -0
  35. package/esm/utils.js +28 -17
  36. package/esm/utils.js.map +7 -0
  37. package/package.json +7 -7
  38. package/types/PickerPanel.d.ts +1 -0
  39. package/types/TimePickerDropdown.d.ts +1 -0
  40. package/types/TimePickerImpl.d.ts +1 -0
@@ -1,32 +1,57 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- function MoveElementOnScroll(element, _ref) {
6
- let {
7
- container,
8
- min = 0,
9
- max = element.offsetHeight,
10
- speed = 1,
11
- smooth = 2,
12
- onUpdate = () => null,
13
- onEndScroll = () => null
14
- } = _ref;
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var moveElementOnScroll_exports = {};
29
+ __export(moveElementOnScroll_exports, {
30
+ MoveElementOnScroll: () => MoveElementOnScroll,
31
+ default: () => moveElementOnScroll_default
32
+ });
33
+ var React = __toESM(require("react"));
34
+ function MoveElementOnScroll(element, {
35
+ container,
36
+ min = 0,
37
+ max = element.offsetHeight,
38
+ speed = 1,
39
+ smooth = 2,
40
+ onUpdate = () => null,
41
+ onEndScroll = () => null
42
+ }) {
15
43
  let moving = false;
16
44
  let pos = min;
17
- let lastPos = pos; // todo: move this to utils if we finally need it
18
-
19
- const requestFrame = function () {
20
- return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (func) {
21
- window.setTimeout(func, 1000 / 50);
45
+ let lastPos = pos;
46
+ const requestFrame = function() {
47
+ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(func) {
48
+ window.setTimeout(func, 1e3 / 50);
22
49
  };
23
50
  }();
24
-
25
51
  function update() {
26
52
  moving = true;
27
53
  const delta = (pos - lastPos) / smooth;
28
54
  lastPos += delta;
29
-
30
55
  if (Math.abs(delta) > 0.7) {
31
56
  requestFrame(() => {
32
57
  onUpdate(lastPos, delta);
@@ -37,39 +62,32 @@ function MoveElementOnScroll(element, _ref) {
37
62
  moving = false;
38
63
  }
39
64
  }
40
-
41
65
  function scrolling(e) {
42
- e.preventDefault(); // disable default scrolling
43
-
66
+ e.preventDefault();
44
67
  let delta = e.delta || e.wheelDelta;
45
-
46
- if (delta === undefined) {
47
- // for firefox
68
+ if (delta === void 0) {
48
69
  delta = -e.detail;
49
70
  delta *= 10 * speed;
50
71
  }
51
-
52
72
  pos += -delta * speed;
53
- pos = Math.max(min, Math.min(pos, max)); // limit scrolling
54
-
73
+ pos = Math.max(min, Math.min(pos, max));
55
74
  if (!moving) {
56
75
  update();
57
76
  }
58
77
  }
59
-
60
- container.addEventListener('mousewheel', scrolling, false);
61
- container.addEventListener('DOMMouseScroll', scrolling, false);
78
+ container.addEventListener("mousewheel", scrolling, false);
79
+ container.addEventListener("DOMMouseScroll", scrolling, false);
62
80
  return {
63
81
  unsubscribe: () => {
64
- container.removeEventListener('mousewheel', scrolling);
65
- container.removeEventListener('DOMMouseScroll', scrolling);
82
+ container.removeEventListener("mousewheel", scrolling);
83
+ container.removeEventListener("DOMMouseScroll", scrolling);
66
84
  },
67
- updatePosition: newPos => {
85
+ updatePosition: (newPos) => {
68
86
  pos = -newPos;
69
87
  lastPos = -pos;
70
88
  }
71
89
  };
72
90
  }
73
-
74
- exports.MoveElementOnScroll = MoveElementOnScroll;
75
- exports["default"] = MoveElementOnScroll;
91
+ var moveElementOnScroll_default = MoveElementOnScroll;
92
+ module.exports = __toCommonJS(moveElementOnScroll_exports);
93
+ //# sourceMappingURL=moveElementOnScroll.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/moveElementOnScroll.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["export function MoveElementOnScroll(\n element,\n {\n container,\n min = 0,\n max = element.offsetHeight,\n speed = 1,\n smooth = 2,\n onUpdate = () => null,\n onEndScroll = () => null,\n },\n) {\n let moving = false;\n let pos = min;\n let lastPos = pos;\n\n // todo: move this to utils if we finally need it\n const requestFrame = (function() {\n return (\n window.requestAnimationFrame ||\n window.webkitRequestAnimationFrame ||\n window.mozRequestAnimationFrame ||\n window.oRequestAnimationFrame ||\n window.msRequestAnimationFrame ||\n function(func) {\n window.setTimeout(func, 1000 / 50);\n }\n );\n })();\n\n function update() {\n moving = true;\n const delta = (pos - lastPos) / smooth;\n lastPos += delta;\n\n if (Math.abs(delta) > 0.7) {\n requestFrame(() => {\n onUpdate(lastPos, delta);\n update();\n });\n } else {\n onEndScroll(pos);\n moving = false;\n }\n }\n\n function scrolling(e) {\n e.preventDefault(); // disable default scrolling\n let delta = e.delta || e.wheelDelta;\n if (delta === undefined) {\n // for firefox\n delta = -e.detail;\n delta *= 10 * speed;\n }\n\n pos += -delta * speed;\n pos = Math.max(min, Math.min(pos, max)); // limit scrolling\n if (!moving) {\n update();\n }\n }\n\n container.addEventListener('mousewheel', scrolling, false);\n container.addEventListener('DOMMouseScroll', scrolling, false);\n\n return {\n unsubscribe: () => {\n container.removeEventListener('mousewheel', scrolling);\n container.removeEventListener('DOMMouseScroll', scrolling);\n },\n updatePosition: newPos => {\n pos = -newPos;\n lastPos = -pos;\n },\n };\n}\n\nexport default MoveElementOnScroll;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,6BACL,SACA;AAAA,EACE;AAAA,EACA,MAAM;AAAA,EACN,MAAM,QAAQ;AAAA,EACd,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW,MAAM;AAAA,EACjB,cAAc,MAAM;AAAA,GAEtB;AACA,MAAI,SAAS;AACb,MAAI,MAAM;AACV,MAAI,UAAU;AAGd,QAAM,eAAgB,WAAW;AAC/B,WACE,OAAO,yBACP,OAAO,+BACP,OAAO,4BACP,OAAO,0BACP,OAAO,2BACP,SAAS,MAAM;AACb,aAAO,WAAW,MAAM,MAAO;AAAA;AAAA;AAKrC,oBAAkB;AAChB,aAAS;AACT,UAAM,QAAS,OAAM,WAAW;AAChC,eAAW;AAEX,QAAI,KAAK,IAAI,SAAS,KAAK;AACzB,mBAAa,MAAM;AACjB,iBAAS,SAAS;AAClB;AAAA;AAAA,WAEG;AACL,kBAAY;AACZ,eAAS;AAAA;AAAA;AAIb,qBAAmB,GAAG;AACpB,MAAE;AACF,QAAI,QAAQ,EAAE,SAAS,EAAE;AACzB,QAAI,UAAU,QAAW;AAEvB,cAAQ,CAAC,EAAE;AACX,eAAS,KAAK;AAAA;AAGhB,WAAO,CAAC,QAAQ;AAChB,UAAM,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK;AAClC,QAAI,CAAC,QAAQ;AACX;AAAA;AAAA;AAIJ,YAAU,iBAAiB,cAAc,WAAW;AACpD,YAAU,iBAAiB,kBAAkB,WAAW;AAExD,SAAO;AAAA,IACL,aAAa,MAAM;AACjB,gBAAU,oBAAoB,cAAc;AAC5C,gBAAU,oBAAoB,kBAAkB;AAAA;AAAA,IAElD,gBAAgB,YAAU;AACxB,YAAM,CAAC;AACP,gBAAU,CAAC;AAAA;AAAA;AAAA;AAKjB,IAAO,8BAAQ;",
6
+ "names": []
7
+ }
package/cjs/utils.js CHANGED
@@ -1,28 +1,64 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+ var utils_exports = {};
29
+ __export(utils_exports, {
30
+ convertTimeString: () => convertTimeString,
31
+ getOptionIndex: () => getOptionIndex,
32
+ isAM: () => isAM,
33
+ validateIndex: () => validateIndex
34
+ });
35
+ var React = __toESM(require("react"));
5
36
  const validateIndex = (index, options) => {
6
- if (index < 0) return 0;
7
- if (index >= options.length) return options.length - 1;
37
+ if (index < 0)
38
+ return 0;
39
+ if (index >= options.length)
40
+ return options.length - 1;
8
41
  return index;
9
42
  };
10
- const getOptionIndex = function (options, selectedOption) {
11
- let valueProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'value';
12
- const index = options.findIndex(option => option[valueProperty] === selectedOption);
43
+ const getOptionIndex = (options, selectedOption, valueProperty = "value") => {
44
+ const index = options.findIndex((option) => option[valueProperty] === selectedOption);
13
45
  return validateIndex(index, options);
14
46
  };
15
- const isAM = time => time && time.hour() < 12;
16
- const convertTimeString = string => {
17
- if (!string) return null;
18
- let meridiem = 'AM';
19
- if (string.toUpperCase().includes('PM')) meridiem = 'PM';
20
- const arr = string.split(':');
47
+ const isAM = (time) => time && time.hour() < 12;
48
+ const convertTimeString = (string) => {
49
+ if (!string)
50
+ return null;
51
+ let meridiem = "AM";
52
+ if (string.toUpperCase().includes("PM"))
53
+ meridiem = "PM";
54
+ const arr = string.split(":");
21
55
  let hour = parseInt(arr[0], 10);
22
- if (meridiem === 'PM' && hour !== 12) hour += 12; // formats to 24
23
-
24
- if (meridiem === 'AM' && hour === 12) hour = 0;
25
- if (meridiem === 'PM' && hour === 12) hour = 12;
56
+ if (meridiem === "PM" && hour !== 12)
57
+ hour += 12;
58
+ if (meridiem === "AM" && hour === 12)
59
+ hour = 0;
60
+ if (meridiem === "PM" && hour === 12)
61
+ hour = 12;
26
62
  const min = parseInt(arr[1], 10);
27
63
  const sec = parseInt(arr[2], 10);
28
64
  return {
@@ -31,8 +67,5 @@ const convertTimeString = string => {
31
67
  sec
32
68
  };
33
69
  };
34
-
35
- exports.convertTimeString = convertTimeString;
36
- exports.getOptionIndex = getOptionIndex;
37
- exports.isAM = isAM;
38
- exports.validateIndex = validateIndex;
70
+ module.exports = __toCommonJS(utils_exports);
71
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/utils.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["export const validateIndex = (index, options) => {\n if (index < 0) return 0;\n if (index >= options.length) return options.length - 1;\n return index;\n};\n\nexport const getOptionIndex = (\n options,\n selectedOption,\n valueProperty = 'value',\n) => {\n const index = options.findIndex(\n (option) => option[valueProperty] === selectedOption,\n );\n return validateIndex(index, options);\n};\n\nexport const isAM = (time) => time && time.hour() < 12;\n\nexport const convertTimeString = (string) => {\n if (!string) return null;\n let meridiem = 'AM';\n if (string.toUpperCase().includes('PM')) meridiem = 'PM';\n\n const arr = string.split(':');\n let hour = parseInt(arr[0], 10);\n if (meridiem === 'PM' && hour !== 12) hour += 12; // formats to 24\n if (meridiem === 'AM' && hour === 12) hour = 0;\n if (meridiem === 'PM' && hour === 12) hour = 12;\n\n const min = parseInt(arr[1], 10);\n const sec = parseInt(arr[2], 10);\n\n return {\n hour,\n min,\n sec,\n };\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gBAAgB,CAAC,OAAO,YAAY;AAC/C,MAAI,QAAQ;AAAG,WAAO;AACtB,MAAI,SAAS,QAAQ;AAAQ,WAAO,QAAQ,SAAS;AACrD,SAAO;AAAA;AAGF,MAAM,iBAAiB,CAC5B,SACA,gBACA,gBAAgB,YACb;AACH,QAAM,QAAQ,QAAQ,UACpB,CAAC,WAAW,OAAO,mBAAmB;AAExC,SAAO,cAAc,OAAO;AAAA;AAGvB,MAAM,OAAO,CAAC,SAAS,QAAQ,KAAK,SAAS;AAE7C,MAAM,oBAAoB,CAAC,WAAW;AAC3C,MAAI,CAAC;AAAQ,WAAO;AACpB,MAAI,WAAW;AACf,MAAI,OAAO,cAAc,SAAS;AAAO,eAAW;AAEpD,QAAM,MAAM,OAAO,MAAM;AACzB,MAAI,OAAO,SAAS,IAAI,IAAI;AAC5B,MAAI,aAAa,QAAQ,SAAS;AAAI,YAAQ;AAC9C,MAAI,aAAa,QAAQ,SAAS;AAAI,WAAO;AAC7C,MAAI,aAAa,QAAQ,SAAS;AAAI,WAAO;AAE7C,QAAM,MAAM,SAAS,IAAI,IAAI;AAC7B,QAAM,MAAM,SAAS,IAAI,IAAI;AAE7B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
6
+ "names": []
7
+ }
@@ -1,111 +1,77 @@
1
- import 'react';
2
- import { PropTypes, describe } from 'react-desc';
3
- import moment from 'moment';
4
- import TimePickerImpl from './TimePickerImpl.js';
5
- import { jsx } from 'react/jsx-runtime';
6
-
7
- const DSTimePicker = _ref => {
8
- let {
9
- containerProps = {},
10
- innerRef,
11
- className = '',
12
- disabled = false,
13
- value = '',
14
- format,
15
- style = {},
16
- onChange = () => null,
17
- onOpen = () => null,
18
- isOpen = undefined,
19
- clearable = false,
20
- hasHeader = true,
21
- hasHeaderDisplay = false,
22
- 'aria-label': ariaLabel,
23
- zIndex = 'auto',
24
- placement = 'bottom',
25
- disabledTimes,
26
- minutesInterval = 1
27
- } = _ref;
28
- return /*#__PURE__*/jsx(TimePickerImpl, {
29
- ref: innerRef,
30
- "aria-label": ariaLabel,
31
- className: className,
32
- clearable: clearable,
33
- containerProps: containerProps,
34
- disabled: disabled,
35
- format: format,
36
- hasHeader: hasHeader,
37
- hasHeaderDisplay: hasHeaderDisplay,
38
- isOpen: isOpen,
39
- onChange: onChange,
40
- onOpen: onOpen,
41
- placement: placement,
42
- style: style,
43
- value: value,
44
- zIndex: zIndex,
45
- minutesInterval: minutesInterval,
46
- disabledTimes: disabledTimes
47
- });
48
- };
49
-
1
+ import * as React from "react";
2
+ import React2 from "react";
3
+ import { PropTypes, describe } from "react-desc";
4
+ import Moment from "moment";
5
+ import { TimePickerImpl } from "./TimePickerImpl";
6
+ const DSTimePicker = ({
7
+ containerProps = {},
8
+ innerRef,
9
+ className = "",
10
+ disabled = false,
11
+ value = "",
12
+ format,
13
+ style = {},
14
+ onChange = () => null,
15
+ onOpen = () => null,
16
+ isOpen = void 0,
17
+ clearable = false,
18
+ hasHeader = true,
19
+ hasHeaderDisplay = false,
20
+ "aria-label": ariaLabel,
21
+ zIndex = "auto",
22
+ placement = "bottom",
23
+ disabledTimes,
24
+ minutesInterval = 1
25
+ }) => /* @__PURE__ */ React2.createElement(TimePickerImpl, {
26
+ ref: innerRef,
27
+ "aria-label": ariaLabel,
28
+ className,
29
+ clearable,
30
+ containerProps,
31
+ disabled,
32
+ format,
33
+ hasHeader,
34
+ hasHeaderDisplay,
35
+ isOpen,
36
+ onChange,
37
+ onOpen,
38
+ placement,
39
+ style,
40
+ value,
41
+ zIndex,
42
+ minutesInterval,
43
+ disabledTimes
44
+ });
50
45
  DSTimePicker.defaultProps = {
51
- format: 'hh:mm:ss A'
46
+ format: "hh:mm:ss A"
52
47
  };
53
48
  const props = {
54
- /** a11y label */
55
- 'aria-label': PropTypes.string.description('a11y label'),
56
-
57
- /** inject props to time picker wrapper */
58
- containerProps: PropTypes.object.description('inject props to time picker wrapper'),
59
-
60
- /** Whether the time picker is disabled or not */
61
- disabled: PropTypes.bool.description('Whether the time picker is disabled or not'),
62
-
63
- /** Time picker value */
64
- value: PropTypes.instanceOf(moment).description('Time picker value'),
65
-
66
- /** Time format (hh:mm:ss, H:m:s) */
67
- format: PropTypes.string.description('Time format (hh:mm:ss, H:m:s)'),
68
-
69
- /** toggle header style */
70
- hasHeader: PropTypes.bool.description('toggle header style'),
71
-
72
- /** toggle header display */
73
- hasHeaderDisplay: PropTypes.bool.description('toggle header display'),
74
-
75
- /** Handler when time picker value changes */
76
- onChange: PropTypes.func.description('Handler when time picker value changes'),
77
-
78
- /** Handler when the time picker menu opens */
79
- onOpen: PropTypes.func.description('Handler when the time picker menu opens'),
80
-
81
- /** Whether the time picker menu is opened or not */
82
- isOpen: PropTypes.bool.description('Whether the time picker menu is opened or not'),
83
-
84
- /** ref for time picker input */
85
- innerRef: PropTypes.func.description('ref for time picker input'),
86
-
87
- /** Enable to clear the time picker value */
88
- clearable: PropTypes.bool.description('Enable to clear the time picker value'),
89
-
90
- /** class for time picker */
91
- className: PropTypes.string.description('class for time picker'),
92
-
93
- /** style object */
94
- style: PropTypes.object.description('style object'),
95
-
96
- /** z index for menu */
97
- zIndex: PropTypes.number.description('z index for menu'),
98
-
99
- /** DSPopper placement */
100
- placement: PropTypes.string.description('DSPopper placement'),
101
-
102
- /** disabled time */
103
- disabledTimes: PropTypes.object.description('disabled time'),
104
-
105
- /** steps for the picker */
106
- minutesInterval: PropTypes.number.description('steps for the picker')
49
+ "aria-label": PropTypes.string.description("a11y label"),
50
+ containerProps: PropTypes.object.description("inject props to time picker wrapper"),
51
+ disabled: PropTypes.bool.description("Whether the time picker is disabled or not"),
52
+ value: PropTypes.instanceOf(Moment).description("Time picker value"),
53
+ format: PropTypes.string.description("Time format (hh:mm:ss, H:m:s)"),
54
+ hasHeader: PropTypes.bool.description("toggle header style"),
55
+ hasHeaderDisplay: PropTypes.bool.description("toggle header display"),
56
+ onChange: PropTypes.func.description("Handler when time picker value changes"),
57
+ onOpen: PropTypes.func.description("Handler when the time picker menu opens"),
58
+ isOpen: PropTypes.bool.description("Whether the time picker menu is opened or not"),
59
+ innerRef: PropTypes.func.description("ref for time picker input"),
60
+ clearable: PropTypes.bool.description("Enable to clear the time picker value"),
61
+ className: PropTypes.string.description("class for time picker"),
62
+ style: PropTypes.object.description("style object"),
63
+ zIndex: PropTypes.number.description("z index for menu"),
64
+ placement: PropTypes.string.description("DSPopper placement"),
65
+ disabledTimes: PropTypes.object.description("disabled time"),
66
+ minutesInterval: PropTypes.number.description("steps for the picker")
107
67
  };
68
+ DSTimePicker.propTypes = props;
108
69
  const DSTimePickerWithSchema = describe(DSTimePicker);
109
70
  DSTimePickerWithSchema.propTypes = props;
110
-
111
- export { DSTimePicker, DSTimePickerWithSchema, DSTimePicker as default };
71
+ var DSTimePicker_default = DSTimePicker;
72
+ export {
73
+ DSTimePicker,
74
+ DSTimePickerWithSchema,
75
+ DSTimePicker_default as default
76
+ };
77
+ //# sourceMappingURL=DSTimePicker.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSTimePicker.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport Moment from 'moment';\nimport { TimePickerImpl } from './TimePickerImpl';\n\nconst DSTimePicker = ({\n containerProps = {},\n innerRef,\n className = '',\n disabled = false,\n value = '',\n format,\n style = {},\n onChange = () => null,\n onOpen = () => null,\n isOpen = undefined,\n clearable = false,\n hasHeader = true,\n hasHeaderDisplay = false,\n 'aria-label': ariaLabel,\n zIndex = 'auto',\n placement = 'bottom',\n disabledTimes,\n minutesInterval = 1,\n}) => (\n <TimePickerImpl\n ref={innerRef}\n aria-label={ariaLabel}\n className={className}\n clearable={clearable}\n containerProps={containerProps}\n disabled={disabled}\n format={format}\n hasHeader={hasHeader}\n hasHeaderDisplay={hasHeaderDisplay}\n isOpen={isOpen}\n onChange={onChange}\n onOpen={onOpen}\n placement={placement}\n style={style}\n value={value}\n zIndex={zIndex}\n minutesInterval={minutesInterval}\n disabledTimes={disabledTimes}\n />\n);\n\nDSTimePicker.defaultProps = {\n format: 'hh:mm:ss A',\n};\n\nconst props = {\n /** a11y label */\n 'aria-label': PropTypes.string.description('a11y label'),\n /** inject props to time picker wrapper */\n containerProps: PropTypes.object.description(\n 'inject props to time picker wrapper',\n ),\n /** Whether the time picker is disabled or not */\n disabled: PropTypes.bool.description(\n 'Whether the time picker is disabled or not',\n ),\n /** Time picker value */\n value: PropTypes.instanceOf(Moment).description('Time picker value'),\n /** Time format (hh:mm:ss, H:m:s) */\n format: PropTypes.string.description('Time format (hh:mm:ss, H:m:s)'),\n /** toggle header style */\n hasHeader: PropTypes.bool.description('toggle header style'),\n /** toggle header display */\n hasHeaderDisplay: PropTypes.bool.description('toggle header display'),\n /** Handler when time picker value changes */\n onChange: PropTypes.func.description(\n 'Handler when time picker value changes',\n ),\n /** Handler when the time picker menu opens */\n onOpen: PropTypes.func.description('Handler when the time picker menu opens'),\n /** Whether the time picker menu is opened or not */\n isOpen: PropTypes.bool.description(\n 'Whether the time picker menu is opened or not',\n ),\n /** ref for time picker input */\n innerRef: PropTypes.func.description('ref for time picker input'),\n /** Enable to clear the time picker value */\n clearable: PropTypes.bool.description(\n 'Enable to clear the time picker value',\n ),\n /** class for time picker */\n className: PropTypes.string.description('class for time picker'),\n /** style object */\n style: PropTypes.object.description('style object'),\n /** z index for menu */\n zIndex: PropTypes.number.description('z index for menu'),\n /** DSPopper placement */\n placement: PropTypes.string.description('DSPopper placement'),\n /** disabled time */\n disabledTimes: PropTypes.object.description('disabled time'),\n /** steps for the picker */\n minutesInterval: PropTypes.number.description('steps for the picker'),\n};\n\nDSTimePicker.propTypes = props;\nconst DSTimePickerWithSchema = describe(DSTimePicker);\nDSTimePickerWithSchema.propTypes = props;\n\nexport { DSTimePicker, DSTimePickerWithSchema };\nexport default DSTimePicker;\n"],
5
+ "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB,SAAS,MAAM;AAAA,EACf,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA,kBAAkB;AAAA,MAElB,qCAAC,gBAAD;AAAA,EACE,KAAK;AAAA,EACL,cAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAIJ,aAAa,eAAe;AAAA,EAC1B,QAAQ;AAAA;AAGV,MAAM,QAAQ;AAAA,EAEZ,cAAc,UAAU,OAAO,YAAY;AAAA,EAE3C,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAGF,UAAU,UAAU,KAAK,YACvB;AAAA,EAGF,OAAO,UAAU,WAAW,QAAQ,YAAY;AAAA,EAEhD,QAAQ,UAAU,OAAO,YAAY;AAAA,EAErC,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,kBAAkB,UAAU,KAAK,YAAY;AAAA,EAE7C,UAAU,UAAU,KAAK,YACvB;AAAA,EAGF,QAAQ,UAAU,KAAK,YAAY;AAAA,EAEnC,QAAQ,UAAU,KAAK,YACrB;AAAA,EAGF,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,WAAW,UAAU,KAAK,YACxB;AAAA,EAGF,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,QAAQ,UAAU,OAAO,YAAY;AAAA,EAErC,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,eAAe,UAAU,OAAO,YAAY;AAAA,EAE5C,iBAAiB,UAAU,OAAO,YAAY;AAAA;AAGhD,aAAa,YAAY;AACzB,MAAM,yBAAyB,SAAS;AACxC,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
6
+ "names": []
7
+ }
@@ -1,24 +1,19 @@
1
- import 'core-js/modules/esnext.async-iterator.filter.js';
2
- import 'core-js/modules/esnext.iterator.constructor.js';
3
- import 'core-js/modules/esnext.iterator.filter.js';
4
- import 'core-js/modules/esnext.async-iterator.for-each.js';
5
- import 'core-js/modules/esnext.iterator.for-each.js';
6
- import _jsx from '@babel/runtime/helpers/esm/jsx';
7
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
8
- import 'react';
9
- import styled from 'styled-components';
10
- import { TimePickerMenu } from './TimePickerMenu.js';
11
- import { jsx } from 'react/jsx-runtime';
12
-
13
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
-
15
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
16
- const DSTimePickerMenuWrapper = /*#__PURE__*/styled.div.withConfig({
17
- componentId: "sc-1lnruj5-0"
18
- })(["display:flex;height:18.6rem;"]);
19
-
1
+ import * as React from "react";
2
+ import React2 from "react";
3
+ import styled from "styled-components";
4
+ import { TimePickerMenu } from "./TimePickerMenu";
5
+ const DSTimePickerMenuWrapper = styled.div`
6
+ display: flex;
7
+ height: 18.6rem;
8
+ `;
20
9
  function DSTimePickerMenu(props) {
21
- return /*#__PURE__*/_jsx(DSTimePickerMenuWrapper, {}, void 0, /*#__PURE__*/jsx(TimePickerMenu, _objectSpread({}, props)));
10
+ return /* @__PURE__ */ React2.createElement(DSTimePickerMenuWrapper, null, /* @__PURE__ */ React2.createElement(TimePickerMenu, {
11
+ ...props
12
+ }));
22
13
  }
23
-
24
- export { DSTimePickerMenu, DSTimePickerMenu as default };
14
+ var DSTimePickerMenu_default = DSTimePickerMenu;
15
+ export {
16
+ DSTimePickerMenu,
17
+ DSTimePickerMenu_default as default
18
+ };
19
+ //# sourceMappingURL=DSTimePickerMenu.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSTimePickerMenu.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\nimport { TimePickerMenu } from './TimePickerMenu';\n\nconst DSTimePickerMenuWrapper = styled.div`\n display: flex;\n height: 18.6rem;\n`;\nfunction DSTimePickerMenu(props) {\n return (\n <DSTimePickerMenuWrapper>\n <TimePickerMenu {...props} />\n </DSTimePickerMenuWrapper>\n );\n}\nexport { DSTimePickerMenu };\nexport default DSTimePickerMenu;\n"],
5
+ "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAIvC,0BAA0B,OAAO;AAC/B,SACE,qCAAC,yBAAD,MACE,qCAAC,gBAAD;AAAA,OAAoB;AAAA;AAAA;AAK1B,IAAO,2BAAQ;",
6
+ "names": []
7
+ }