@elliemae/ds-legacy-time-picker 1.0.0-rc.1
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/dist/cjs/DSTimePicker.js +129 -0
- package/dist/cjs/DSTimePicker.js.map +7 -0
- package/dist/cjs/DSTimePickerMenu.js +45 -0
- package/dist/cjs/DSTimePickerMenu.js.map +7 -0
- package/dist/cjs/PickerPanel.js +337 -0
- package/dist/cjs/PickerPanel.js.map +7 -0
- package/dist/cjs/TimePickerDropdown.js +71 -0
- package/dist/cjs/TimePickerDropdown.js.map +7 -0
- package/dist/cjs/TimePickerImpl.js +190 -0
- package/dist/cjs/TimePickerImpl.js.map +7 -0
- package/dist/cjs/TimePickerMenu.js +280 -0
- package/dist/cjs/TimePickerMenu.js.map +7 -0
- package/dist/cjs/index.js +42 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/moveElementOnScroll.js +94 -0
- package/dist/cjs/moveElementOnScroll.js.map +7 -0
- package/dist/cjs/package.json +7 -0
- package/dist/cjs/utils.js +72 -0
- package/dist/cjs/utils.js.map +7 -0
- package/dist/esm/DSTimePicker.js +99 -0
- package/dist/esm/DSTimePicker.js.map +7 -0
- package/dist/esm/DSTimePickerMenu.js +15 -0
- package/dist/esm/DSTimePickerMenu.js.map +7 -0
- package/dist/esm/PickerPanel.js +307 -0
- package/dist/esm/PickerPanel.js.map +7 -0
- package/dist/esm/TimePickerDropdown.js +41 -0
- package/dist/esm/TimePickerDropdown.js.map +7 -0
- package/dist/esm/TimePickerImpl.js +160 -0
- package/dist/esm/TimePickerImpl.js.map +7 -0
- package/dist/esm/TimePickerMenu.js +250 -0
- package/dist/esm/TimePickerMenu.js.map +7 -0
- package/dist/esm/index.js +11 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/moveElementOnScroll.js +64 -0
- package/dist/esm/moveElementOnScroll.js.map +7 -0
- package/dist/esm/package.json +7 -0
- package/dist/esm/utils.js +42 -0
- package/dist/esm/utils.js.map +7 -0
- package/dist/types/DSTimePicker.d.ts +86 -0
- package/dist/types/DSTimePickerMenu.d.ts +3 -0
- package/dist/types/PickerPanel.d.ts +25 -0
- package/dist/types/TimePickerDropdown.d.ts +24 -0
- package/dist/types/TimePickerImpl.d.ts +34 -0
- package/dist/types/TimePickerMenu.d.ts +19 -0
- package/dist/types/index.d.ts +5 -0
- package/dist/types/moveElementOnScroll.d.ts +13 -0
- package/dist/types/utils.d.ts +8 -0
- package/package.json +108 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/moveElementOnScroll.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAhB,SAAS,oBACd,SACA;AAAA,EACE;AAAA,EACA,MAAM;AAAA,EACN,MAAM,QAAQ;AAAA,EACd,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW,MAAM;AAAA,EACjB,cAAc,MAAM;AACtB,GACA;AACA,MAAI,SAAS;AACb,MAAI,MAAM;AACV,MAAI,UAAU;AAGd,QAAM,eAAgB,WAAY;AAChC,WACE,OAAO,yBACP,OAAO,+BACP,OAAO,4BACP,OAAO,0BACP,OAAO,2BACP,SAAU,MAAM;AACd,aAAO,WAAW,MAAM,MAAO,EAAE;AAAA,IACnC;AAAA,EAEJ,EAAG;AAEH,WAAS,SAAS;AAChB,aAAS;AACT,UAAM,SAAS,MAAM,WAAW;AAChC,eAAW;AAEX,QAAI,KAAK,IAAI,KAAK,IAAI,KAAK;AACzB,mBAAa,MAAM;AACjB,iBAAS,SAAS,KAAK;AACvB,eAAO;AAAA,MACT,CAAC;AAAA,IACH,OAAO;AACL,kBAAY,GAAG;AACf,eAAS;AAAA,IACX;AAAA,EACF;AAEA,WAAS,UAAU,GAAG;AACpB,MAAE,eAAe;AACjB,QAAI,QAAQ,EAAE,SAAS,EAAE;AACzB,QAAI,UAAU,QAAW;AAEvB,cAAQ,CAAC,EAAE;AACX,eAAS,KAAK;AAAA,IAChB;AAEA,WAAO,CAAC,QAAQ;AAChB,UAAM,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,GAAG,CAAC;AACtC,QAAI,CAAC,QAAQ;AACX,aAAO;AAAA,IACT;AAAA,EACF;AAEA,YAAU,iBAAiB,cAAc,WAAW,KAAK;AACzD,YAAU,iBAAiB,kBAAkB,WAAW,KAAK;AAE7D,SAAO;AAAA,IACL,aAAa,MAAM;AACjB,gBAAU,oBAAoB,cAAc,SAAS;AACrD,gBAAU,oBAAoB,kBAAkB,SAAS;AAAA,IAC3D;AAAA,IACA,gBAAgB,CAAC,WAAW;AAC1B,YAAM,CAAC;AACP,gBAAU,CAAC;AAAA,IACb;AAAA,EACF;AACF;AAEA,IAAO,8BAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
const validateIndex = (index, options) => {
|
|
3
|
+
if (index < 0)
|
|
4
|
+
return 0;
|
|
5
|
+
if (index >= options.length)
|
|
6
|
+
return options.length - 1;
|
|
7
|
+
return index;
|
|
8
|
+
};
|
|
9
|
+
const getOptionIndex = (options, selectedOption, valueProperty = "value") => {
|
|
10
|
+
const index = options.findIndex((option) => option[valueProperty] === selectedOption);
|
|
11
|
+
return validateIndex(index, options);
|
|
12
|
+
};
|
|
13
|
+
const isAM = (time) => time && time.hour() < 12;
|
|
14
|
+
const convertTimeString = (string) => {
|
|
15
|
+
if (!string)
|
|
16
|
+
return null;
|
|
17
|
+
let meridiem = "AM";
|
|
18
|
+
if (string.toUpperCase().includes("PM"))
|
|
19
|
+
meridiem = "PM";
|
|
20
|
+
const arr = string.split(":");
|
|
21
|
+
let hour = parseInt(arr[0], 10);
|
|
22
|
+
if (meridiem === "PM" && hour !== 12)
|
|
23
|
+
hour += 12;
|
|
24
|
+
if (meridiem === "AM" && hour === 12)
|
|
25
|
+
hour = 0;
|
|
26
|
+
if (meridiem === "PM" && hour === 12)
|
|
27
|
+
hour = 12;
|
|
28
|
+
const min = parseInt(arr[1], 10);
|
|
29
|
+
const sec = parseInt(arr[2], 10);
|
|
30
|
+
return {
|
|
31
|
+
hour,
|
|
32
|
+
min,
|
|
33
|
+
sec
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
export {
|
|
37
|
+
convertTimeString,
|
|
38
|
+
getOptionIndex,
|
|
39
|
+
isAM,
|
|
40
|
+
validateIndex
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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 = (options, selectedOption, valueProperty = 'value') => {\n const index = options.findIndex((option) => option[valueProperty] === selectedOption);\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"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,gBAAgB,CAAC,OAAO,YAAY;AAC/C,MAAI,QAAQ;AAAG,WAAO;AACtB,MAAI,SAAS,QAAQ;AAAQ,WAAO,QAAQ,SAAS;AACrD,SAAO;AACT;AAEO,MAAM,iBAAiB,CAAC,SAAS,gBAAgB,gBAAgB,YAAY;AAClF,QAAM,QAAQ,QAAQ,UAAU,CAAC,WAAW,OAAO,aAAa,MAAM,cAAc;AACpF,SAAO,cAAc,OAAO,OAAO;AACrC;AAEO,MAAM,OAAO,CAAC,SAAS,QAAQ,KAAK,KAAK,IAAI;AAE7C,MAAM,oBAAoB,CAAC,WAAW;AAC3C,MAAI,CAAC;AAAQ,WAAO;AACpB,MAAI,WAAW;AACf,MAAI,OAAO,YAAY,EAAE,SAAS,IAAI;AAAG,eAAW;AAEpD,QAAM,MAAM,OAAO,MAAM,GAAG;AAC5B,MAAI,OAAO,SAAS,IAAI,CAAC,GAAG,EAAE;AAC9B,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,CAAC,GAAG,EAAE;AAC/B,QAAM,MAAM,SAAS,IAAI,CAAC,GAAG,EAAE;AAE/B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
declare const DSTimePicker: {
|
|
2
|
+
({ containerProps, innerRef, className, disabled, value, format, style, onChange, onOpen, isOpen, clearable, hasHeader, hasHeaderDisplay, "aria-label": ariaLabel, zIndex, placement, disabledTimes, minutesInterval, }: {
|
|
3
|
+
containerProps?: {} | undefined;
|
|
4
|
+
innerRef: any;
|
|
5
|
+
className?: string | undefined;
|
|
6
|
+
disabled?: boolean | undefined;
|
|
7
|
+
value?: string | undefined;
|
|
8
|
+
format: any;
|
|
9
|
+
style?: {} | undefined;
|
|
10
|
+
onChange?: (() => null) | undefined;
|
|
11
|
+
onOpen?: (() => null) | undefined;
|
|
12
|
+
isOpen?: undefined;
|
|
13
|
+
clearable?: boolean | undefined;
|
|
14
|
+
hasHeader?: boolean | undefined;
|
|
15
|
+
hasHeaderDisplay?: boolean | undefined;
|
|
16
|
+
"aria-label": any;
|
|
17
|
+
zIndex?: string | undefined;
|
|
18
|
+
placement?: string | undefined;
|
|
19
|
+
disabledTimes: any;
|
|
20
|
+
minutesInterval?: number | undefined;
|
|
21
|
+
}): import("react/jsx-runtime.js").JSX.Element;
|
|
22
|
+
defaultProps: {
|
|
23
|
+
format: string;
|
|
24
|
+
};
|
|
25
|
+
propTypes: {
|
|
26
|
+
/** a11y label */
|
|
27
|
+
'aria-label': import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
28
|
+
/** inject props to time picker wrapper */
|
|
29
|
+
containerProps: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
30
|
+
/** Whether the time picker is disabled or not */
|
|
31
|
+
disabled: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
32
|
+
/** Time picker value */
|
|
33
|
+
value: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
34
|
+
/** Time format (hh:mm:ss, H:m:s) */
|
|
35
|
+
format: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
36
|
+
/** toggle header style */
|
|
37
|
+
hasHeader: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
38
|
+
/** toggle header display */
|
|
39
|
+
hasHeaderDisplay: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
40
|
+
/** Handler when time picker value changes */
|
|
41
|
+
onChange: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
42
|
+
/** Handler when the time picker menu opens */
|
|
43
|
+
onOpen: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
44
|
+
/** Whether the time picker menu is opened or not */
|
|
45
|
+
isOpen: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
46
|
+
/** ref for time picker input */
|
|
47
|
+
innerRef: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
48
|
+
/** Enable to clear the time picker value */
|
|
49
|
+
clearable: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
50
|
+
/** class for time picker */
|
|
51
|
+
className: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
52
|
+
/** style object */
|
|
53
|
+
style: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
54
|
+
/** z index for menu */
|
|
55
|
+
zIndex: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
56
|
+
/** DSPopper placement */
|
|
57
|
+
placement: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
58
|
+
/** disabled time */
|
|
59
|
+
disabledTimes: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
60
|
+
/** steps for the picker */
|
|
61
|
+
minutesInterval: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
62
|
+
};
|
|
63
|
+
displayName: string;
|
|
64
|
+
};
|
|
65
|
+
declare const DSTimePickerWithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
|
|
66
|
+
containerProps?: {} | undefined;
|
|
67
|
+
innerRef: any;
|
|
68
|
+
className?: string | undefined;
|
|
69
|
+
disabled?: boolean | undefined;
|
|
70
|
+
value?: string | undefined;
|
|
71
|
+
format: any;
|
|
72
|
+
style?: {} | undefined;
|
|
73
|
+
onChange?: (() => null) | undefined;
|
|
74
|
+
onOpen?: (() => null) | undefined;
|
|
75
|
+
isOpen?: undefined;
|
|
76
|
+
clearable?: boolean | undefined;
|
|
77
|
+
hasHeader?: boolean | undefined;
|
|
78
|
+
hasHeaderDisplay?: boolean | undefined;
|
|
79
|
+
"aria-label": any;
|
|
80
|
+
zIndex?: string | undefined;
|
|
81
|
+
placement?: string | undefined;
|
|
82
|
+
disabledTimes: any;
|
|
83
|
+
minutesInterval?: number | undefined;
|
|
84
|
+
}>;
|
|
85
|
+
export { DSTimePicker, DSTimePickerWithSchema };
|
|
86
|
+
export default DSTimePicker;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
export default class PickerPanel extends Component {
|
|
3
|
+
computeContainerTranslation: import("memoize-one").MemoizedFn<(this: any, index: any) => number>;
|
|
4
|
+
constructor(props: any);
|
|
5
|
+
componentDidMount(): void;
|
|
6
|
+
componentWillUnmount(): void;
|
|
7
|
+
static getDerivedStateFromProps(nextProps: any, { prevProps }: {
|
|
8
|
+
prevProps: any;
|
|
9
|
+
}): {
|
|
10
|
+
selectedOption: any;
|
|
11
|
+
activeIndex: any;
|
|
12
|
+
prevProps: any;
|
|
13
|
+
} | null;
|
|
14
|
+
getOptionValue(option: any): any;
|
|
15
|
+
getOptionLabel(option: any): any;
|
|
16
|
+
computeSizes(): void;
|
|
17
|
+
handleOptionSelect(optionValue: any, index: any, scrolling: any): void;
|
|
18
|
+
handleKeyDown(e: any): void;
|
|
19
|
+
moveTo(index: any, scrolling: any): void;
|
|
20
|
+
handleStepMoveUp(): void;
|
|
21
|
+
handleStepMoveDown(): void;
|
|
22
|
+
renderHeader(): import("react/jsx-runtime.js").JSX.Element;
|
|
23
|
+
render(): import("react/jsx-runtime.js").JSX.Element;
|
|
24
|
+
}
|
|
25
|
+
export { PickerPanel };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
declare const TimePickerDropdown: {
|
|
3
|
+
({ disabled, onClick, onOpen, isOpen, menu, zIndex, blockName, placement }: {
|
|
4
|
+
disabled?: boolean | undefined;
|
|
5
|
+
onClick: any;
|
|
6
|
+
onOpen: any;
|
|
7
|
+
isOpen: any;
|
|
8
|
+
menu: any;
|
|
9
|
+
zIndex: any;
|
|
10
|
+
blockName: any;
|
|
11
|
+
placement: any;
|
|
12
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
propTypes: {
|
|
14
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
15
|
+
onOpen: PropTypes.Requireable<(...args: any[]) => any>;
|
|
16
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
17
|
+
isOpen: PropTypes.Requireable<boolean>;
|
|
18
|
+
menu: PropTypes.Requireable<PropTypes.ReactElementLike>;
|
|
19
|
+
blockName: PropTypes.Requireable<string>;
|
|
20
|
+
placement: PropTypes.Requireable<string>;
|
|
21
|
+
zIndex: PropTypes.Requireable<number>;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export default TimePickerDropdown;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
declare const TimePickerImpl: {
|
|
3
|
+
({ value, onChange, onOpen, format, disabled, hasHeader, hasHeaderDisplay, className, containerProps, placement, zIndex, disabledTimes, minutesInterval, }: {
|
|
4
|
+
value: any;
|
|
5
|
+
onChange: any;
|
|
6
|
+
onOpen: any;
|
|
7
|
+
format: any;
|
|
8
|
+
disabled: any;
|
|
9
|
+
hasHeader: any;
|
|
10
|
+
hasHeaderDisplay: any;
|
|
11
|
+
className: any;
|
|
12
|
+
containerProps: any;
|
|
13
|
+
placement: any;
|
|
14
|
+
zIndex: any;
|
|
15
|
+
disabledTimes: any;
|
|
16
|
+
minutesInterval: any;
|
|
17
|
+
}): import("react/jsx-runtime.js").JSX.Element;
|
|
18
|
+
propTypes: {
|
|
19
|
+
value: PropTypes.Requireable<Date>;
|
|
20
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
21
|
+
onOpen: PropTypes.Requireable<(...args: any[]) => any>;
|
|
22
|
+
format: PropTypes.Requireable<string>;
|
|
23
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
24
|
+
hasHeader: PropTypes.Requireable<boolean>;
|
|
25
|
+
hasHeaderDisplay: PropTypes.Requireable<boolean>;
|
|
26
|
+
className: PropTypes.Requireable<string>;
|
|
27
|
+
containerProps: PropTypes.Requireable<object>;
|
|
28
|
+
placement: PropTypes.Requireable<string>;
|
|
29
|
+
zIndex: PropTypes.Requireable<number>;
|
|
30
|
+
disabledTimes: PropTypes.Requireable<object>;
|
|
31
|
+
minutesInterval: PropTypes.Requireable<number>;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export default TimePickerImpl;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
declare class TimePickerMenu extends Component {
|
|
3
|
+
constructor(props: any);
|
|
4
|
+
static getDerivedStateFromProps(props: any, state: any): any;
|
|
5
|
+
componentDidMount(): void;
|
|
6
|
+
handleMinuteChange(value: any): void;
|
|
7
|
+
handleHoursChange(value: any): void;
|
|
8
|
+
handleSecondsChange(value: any): void;
|
|
9
|
+
handleAMPMChange(value: any): void;
|
|
10
|
+
updateTime(time: any): void;
|
|
11
|
+
renderHoursPanel(): import("react/jsx-runtime.js").JSX.Element | null;
|
|
12
|
+
renderMinutesPanel(): import("react/jsx-runtime.js").JSX.Element | null;
|
|
13
|
+
renderSecondsPanel(): import("react/jsx-runtime.js").JSX.Element | null;
|
|
14
|
+
renderAMPMPanel(): import("react/jsx-runtime.js").JSX.Element | null;
|
|
15
|
+
renderHeader: () => import("react/jsx-runtime.js").JSX.Element;
|
|
16
|
+
render(): import("react/jsx-runtime.js").JSX.Element;
|
|
17
|
+
}
|
|
18
|
+
export { TimePickerMenu };
|
|
19
|
+
export default TimePickerMenu;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare function MoveElementOnScroll(element: any, { container, min, max, speed, smooth, onUpdate, onEndScroll, }: {
|
|
2
|
+
container: any;
|
|
3
|
+
min?: number | undefined;
|
|
4
|
+
max?: any;
|
|
5
|
+
speed?: number | undefined;
|
|
6
|
+
smooth?: number | undefined;
|
|
7
|
+
onUpdate?: (() => null) | undefined;
|
|
8
|
+
onEndScroll?: (() => null) | undefined;
|
|
9
|
+
}): {
|
|
10
|
+
unsubscribe: () => void;
|
|
11
|
+
updatePosition: (newPos: any) => void;
|
|
12
|
+
};
|
|
13
|
+
export default MoveElementOnScroll;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const validateIndex: (index: any, options: any) => any;
|
|
2
|
+
export declare const getOptionIndex: (options: any, selectedOption: any, valueProperty?: string) => any;
|
|
3
|
+
export declare const isAM: (time: any) => any;
|
|
4
|
+
export declare const convertTimeString: (string: any) => {
|
|
5
|
+
hour: number;
|
|
6
|
+
min: number;
|
|
7
|
+
sec: number;
|
|
8
|
+
} | null;
|
package/package.json
ADDED
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@elliemae/ds-legacy-time-picker",
|
|
3
|
+
"version": "1.0.0-rc.1",
|
|
4
|
+
"license": "MIT",
|
|
5
|
+
"description": "ICE MT - Dimsum - Time Picker",
|
|
6
|
+
"files": [
|
|
7
|
+
"dist"
|
|
8
|
+
],
|
|
9
|
+
"module": "./dist/esm/index.js",
|
|
10
|
+
"main": "./dist/cjs/index.js",
|
|
11
|
+
"types": "./dist/types/index.d.ts",
|
|
12
|
+
"exports": {
|
|
13
|
+
".": {
|
|
14
|
+
"import": "./dist/esm/index.js",
|
|
15
|
+
"require": "./dist/cjs/index.js"
|
|
16
|
+
},
|
|
17
|
+
"./utils": {
|
|
18
|
+
"import": "./dist/esm/utils.js",
|
|
19
|
+
"require": "./dist/cjs/utils.js"
|
|
20
|
+
},
|
|
21
|
+
"./TimePickerMenu": {
|
|
22
|
+
"import": "./dist/esm/TimePickerMenu.js",
|
|
23
|
+
"require": "./dist/cjs/TimePickerMenu.js"
|
|
24
|
+
},
|
|
25
|
+
"./TimePickerImpl": {
|
|
26
|
+
"import": "./dist/esm/TimePickerImpl.js",
|
|
27
|
+
"require": "./dist/cjs/TimePickerImpl.js"
|
|
28
|
+
},
|
|
29
|
+
"./TimePickerDropdown": {
|
|
30
|
+
"import": "./dist/esm/TimePickerDropdown.js",
|
|
31
|
+
"require": "./dist/cjs/TimePickerDropdown.js"
|
|
32
|
+
},
|
|
33
|
+
"./PickerPanel": {
|
|
34
|
+
"import": "./dist/esm/PickerPanel.js",
|
|
35
|
+
"require": "./dist/cjs/PickerPanel.js"
|
|
36
|
+
},
|
|
37
|
+
"./moveElementOnScroll": {
|
|
38
|
+
"import": "./dist/esm/moveElementOnScroll.js",
|
|
39
|
+
"require": "./dist/cjs/moveElementOnScroll.js"
|
|
40
|
+
},
|
|
41
|
+
"./DSTimePickerMenu": {
|
|
42
|
+
"import": "./dist/esm/DSTimePickerMenu.js",
|
|
43
|
+
"require": "./dist/cjs/DSTimePickerMenu.js"
|
|
44
|
+
},
|
|
45
|
+
"./DSTimePicker": {
|
|
46
|
+
"import": "./dist/esm/DSTimePicker.js",
|
|
47
|
+
"require": "./dist/cjs/DSTimePicker.js"
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
"sideEffects": [
|
|
51
|
+
"*.css",
|
|
52
|
+
"*.scss"
|
|
53
|
+
],
|
|
54
|
+
"repository": {
|
|
55
|
+
"type": "git",
|
|
56
|
+
"url": "https://git.elliemae.io/platform-ui/dimsum-legacy.git"
|
|
57
|
+
},
|
|
58
|
+
"engines": {
|
|
59
|
+
"pnpm": ">=6",
|
|
60
|
+
"node": ">=16"
|
|
61
|
+
},
|
|
62
|
+
"author": "ICE MT",
|
|
63
|
+
"jestSonar": {
|
|
64
|
+
"sonar56x": true,
|
|
65
|
+
"reportPath": "reports",
|
|
66
|
+
"reportFile": "tests.xml",
|
|
67
|
+
"indent": 4
|
|
68
|
+
},
|
|
69
|
+
"dependencies": {
|
|
70
|
+
"memoize-one": "~6.0.0",
|
|
71
|
+
"moment": "~2.29.4",
|
|
72
|
+
"prop-types": "~15.8.1",
|
|
73
|
+
"@elliemae/ds-legacy-button": "1.0.0-rc.1",
|
|
74
|
+
"@elliemae/ds-legacy-classnames": "1.0.0-rc.1",
|
|
75
|
+
"@elliemae/ds-legacy-form": "1.0.0-rc.1",
|
|
76
|
+
"@elliemae/ds-legacy-icons": "1.0.0-rc.1",
|
|
77
|
+
"@elliemae/ds-legacy-popper": "1.0.0-rc.1",
|
|
78
|
+
"@elliemae/ds-legacy-props-helpers": "1.0.0-rc.1",
|
|
79
|
+
"@elliemae/ds-legacy-system": "1.0.0-rc.1",
|
|
80
|
+
"@elliemae/ds-legacy-utilities": "1.0.0-rc.1"
|
|
81
|
+
},
|
|
82
|
+
"devDependencies": {
|
|
83
|
+
"@elliemae/pui-cli": "~9.0.0-next.31",
|
|
84
|
+
"styled-components": "~5.3.9",
|
|
85
|
+
"@elliemae/ds-legacy-monorepo-devops": "1.0.0-rc.1"
|
|
86
|
+
},
|
|
87
|
+
"peerDependencies": {
|
|
88
|
+
"lodash": "^4.17.21",
|
|
89
|
+
"react": "^17.0.2",
|
|
90
|
+
"react-dom": "^17.0.2",
|
|
91
|
+
"styled-components": "~5.3.9"
|
|
92
|
+
},
|
|
93
|
+
"publishConfig": {
|
|
94
|
+
"access": "public",
|
|
95
|
+
"typeSafety": false
|
|
96
|
+
},
|
|
97
|
+
"scripts": {
|
|
98
|
+
"dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
|
|
99
|
+
"test": "pui-cli test --passWithNoTests",
|
|
100
|
+
"lint": "node ../../../scripts/lint.mjs",
|
|
101
|
+
"eslint:fix": "exit 0 | echo",
|
|
102
|
+
"dts": "exit 0 | echo",
|
|
103
|
+
"build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
|
|
104
|
+
"dev:build": "pnpm --filter {.}... build",
|
|
105
|
+
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
106
|
+
"checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
107
|
+
}
|
|
108
|
+
}
|