@chayns-components/core 5.0.0-beta.412 → 5.0.0-beta.413

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 (28) hide show
  1. package/lib/components/input/Input.d.ts +4 -0
  2. package/lib/components/input/Input.js +5 -3
  3. package/lib/components/input/Input.js.map +1 -1
  4. package/lib/components/input/Input.styles.d.ts +4 -1
  5. package/lib/components/input/Input.styles.js +29 -10
  6. package/lib/components/input/Input.styles.js.map +1 -1
  7. package/lib/components/number-input/NumberInput.d.ts +5 -1
  8. package/lib/components/number-input/NumberInput.js +29 -17
  9. package/lib/components/number-input/NumberInput.js.map +1 -1
  10. package/lib/components/number-input/utils/number.d.ts +1 -1
  11. package/lib/components/number-input/utils/number.js +15 -7
  12. package/lib/components/number-input/utils/number.js.map +1 -1
  13. package/lib/components/opening-times/OpeningTimes.js +36 -17
  14. package/lib/components/opening-times/OpeningTimes.js.map +1 -1
  15. package/lib/components/opening-times/OpeningTimes.styles.js +1 -1
  16. package/lib/components/opening-times/OpeningTimes.styles.js.map +1 -1
  17. package/lib/components/opening-times/opening-inputs/OpeningInputs.d.ts +1 -0
  18. package/lib/components/opening-times/opening-inputs/OpeningInputs.js +38 -24
  19. package/lib/components/opening-times/opening-inputs/OpeningInputs.js.map +1 -1
  20. package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.d.ts +1 -0
  21. package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.js +45 -22
  22. package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.js.map +1 -1
  23. package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.d.ts +265 -1
  24. package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.js +7 -3
  25. package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.js.map +1 -1
  26. package/lib/index.d.ts +1 -1
  27. package/lib/index.js.map +1 -1
  28. package/package.json +2 -2
package/lib/components/opening-times/OpeningTimes.styles.js CHANGED
@@ -13,7 +13,7 @@ const StyledOpeningTimes = exports.StyledOpeningTimes = _styledComponents.defaul
13
13
  `;
14
14
  const StyledOpeningTimesWrapper = exports.StyledOpeningTimesWrapper = _styledComponents.default.div`
15
15
  display: flex;
16
- align-items: center;
16
+ align-items: baseline;
17
17
  justify-content: space-between;
18
18
  `;
19
19
  //# sourceMappingURL=OpeningTimes.styles.js.map
package/lib/components/opening-times/OpeningTimes.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OpeningTimes.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledOpeningTimes","exports","styled","div","StyledOpeningTimesWrapper"],"sources":["../../../src/components/opening-times/OpeningTimes.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledSliderButtonProps = WithTheme<{ isDisabled?: boolean }>;\n\nexport const StyledOpeningTimes = styled.div<StyledSliderButtonProps>`\n display: flex;\n flex-direction: column;\n gap: 8px;\n`;\n\nexport const StyledOpeningTimesWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAA6B;AACtE;AACA;AACA;AACA,CAAC;AAEM,MAAMC,yBAAyB,GAAAH,OAAA,CAAAG,yBAAA,GAAGF,yBAAM,CAACC,GAAI;AACpD;AACA;AACA;AACA,CAAC"}
1
+ {"version":3,"file":"OpeningTimes.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledOpeningTimes","exports","styled","div","StyledOpeningTimesWrapper"],"sources":["../../../src/components/opening-times/OpeningTimes.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledSliderButtonProps = WithTheme<{ isDisabled?: boolean }>;\n\nexport const StyledOpeningTimes = styled.div<StyledSliderButtonProps>`\n display: flex;\n flex-direction: column;\n gap: 8px;\n`;\n\nexport const StyledOpeningTimesWrapper = styled.div`\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAA6B;AACtE;AACA;AACA;AACA,CAAC;AAEM,MAAMC,yBAAyB,GAAAH,OAAA,CAAAG,yBAAA,GAAGF,yBAAM,CAACC,GAAI;AACpD;AACA;AACA;AACA,CAAC"}
package/lib/components/opening-times/opening-inputs/OpeningInputs.d.ts CHANGED
@@ -4,6 +4,7 @@ export type OpeningInputsProps = {
4
4
  times: Time[];
5
5
  isDisabled?: boolean;
6
6
  onChange: (times: Time[]) => void;
7
+ id: string;
7
8
  };
8
9
  declare const OpeningInputs: FC<OpeningInputsProps>;
9
10
  export default OpeningInputs;
package/lib/components/opening-times/opening-inputs/OpeningInputs.js CHANGED
@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
8
8
  var _openingTimes = require("../../../types/openingTimes");
9
9
  var _OpeningInputs = require("./OpeningInputs.styles");
10
10
  var _OpeningInput = _interopRequireDefault(require("./opening-input/OpeningInput"));
11
+ var _framerMotion = require("framer-motion");
11
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
13
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
13
14
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -15,34 +16,43 @@ const OpeningInputs = _ref => {
15
16
  let {
16
17
  times,
17
18
  isDisabled,
19
+ id,
18
20
  onChange
19
21
  } = _ref;
20
22
  const [newTimes, setNewTimes] = (0, _react.useState)();
21
23
  (0, _react.useEffect)(() => {
22
24
  setNewTimes(times);
23
25
  }, [times]);
24
- (0, _react.useEffect)(() => {}, []);
25
- const handleAdd = () => {
26
+ const handleAdd = (0, _react.useCallback)(() => {
26
27
  const defaultTime = {
27
- start: '00:00',
28
- end: '00:00'
28
+ start: '08:00',
29
+ end: '18:00'
29
30
  };
30
- setNewTimes(prevState =>
31
- // onChange();
32
-
33
- prevState ? [...prevState, defaultTime] : [defaultTime]);
34
- };
35
- const handleRemove = indexToRemove => {
36
- setNewTimes(prevState => (prevState ?? []).filter((_, index) => index !== indexToRemove));
37
- };
38
- const handleChange = (newTime, indexToUpdate) => {
39
- setNewTimes(prevState => (prevState ?? []).map((time, index) => {
40
- if (index === indexToUpdate) {
41
- return newTime;
42
- }
43
- return time;
44
- }));
45
- };
31
+ setNewTimes(prevState => {
32
+ const updatedTimes = prevState ? [...prevState, defaultTime] : [defaultTime];
33
+ onChange(updatedTimes);
34
+ return updatedTimes;
35
+ });
36
+ }, [onChange]);
37
+ const handleRemove = (0, _react.useCallback)(indexToRemove => {
38
+ setNewTimes(prevState => {
39
+ const updatedTimes = (prevState ?? []).filter((_, index) => index !== indexToRemove);
40
+ onChange(updatedTimes);
41
+ return updatedTimes;
42
+ });
43
+ }, [onChange]);
44
+ const handleChange = (0, _react.useCallback)((newTime, indexToUpdate) => {
45
+ setNewTimes(prevState => {
46
+ const updatedTimes = (prevState ?? []).map((time, index) => {
47
+ if (index === indexToUpdate) {
48
+ return newTime;
49
+ }
50
+ return time;
51
+ });
52
+ onChange(updatedTimes);
53
+ return updatedTimes;
54
+ });
55
+ }, [onChange]);
46
56
  const content = (0, _react.useMemo)(() => {
47
57
  const items = [];
48
58
  if (!newTimes) {
@@ -57,13 +67,15 @@ const OpeningInputs = _ref => {
57
67
  return;
58
68
  }
59
69
  let buttonType = _openingTimes.OpeningTimesButtonType.NONE;
60
- if (index === 0 && times.length === 1) {
70
+ if (index === 0 && times.length === 1 && !isDisabled) {
61
71
  buttonType = _openingTimes.OpeningTimesButtonType.ADD;
62
- } else if (index === 1) {
72
+ } else if (index === 1 && !isDisabled) {
63
73
  buttonType = _openingTimes.OpeningTimesButtonType.REMOVE;
64
74
  }
65
75
  items.push( /*#__PURE__*/_react.default.createElement(_OpeningInput.default, {
76
+ key: `opening-times-input__${id}.${index}`,
66
77
  start: start,
78
+ id: `opening-times__${id}.${index}`,
67
79
  end: end,
68
80
  isDisabled: isDisabled,
69
81
  buttonType: buttonType,
@@ -73,8 +85,10 @@ const OpeningInputs = _ref => {
73
85
  }));
74
86
  });
75
87
  return items;
76
- }, [isDisabled, newTimes, times.length]);
77
- return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_OpeningInputs.StyledOpeningInputs, null, content), [content]);
88
+ }, [handleAdd, handleChange, handleRemove, id, isDisabled, newTimes, times.length]);
89
+ return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_OpeningInputs.StyledOpeningInputs, null, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
90
+ initial: false
91
+ }, content)), [content]);
78
92
  };
79
93
  OpeningInputs.displayName = 'OpeningInputs';
80
94
  var _default = exports.default = OpeningInputs;
package/lib/components/opening-times/opening-inputs/OpeningInputs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OpeningInputs.js","names":["_react","_interopRequireWildcard","require","_openingTimes","_OpeningInputs","_OpeningInput","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","OpeningInputs","_ref","times","isDisabled","onChange","newTimes","setNewTimes","useState","useEffect","handleAdd","defaultTime","start","end","prevState","handleRemove","indexToRemove","filter","_","index","handleChange","newTime","indexToUpdate","map","time","content","useMemo","items","forEach","_ref2","buttonType","OpeningTimesButtonType","NONE","length","ADD","REMOVE","push","createElement","onAdd","onRemove","StyledOpeningInputs","displayName","_default","exports"],"sources":["../../../../src/components/opening-times/opening-inputs/OpeningInputs.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useEffect, useMemo, useState } from 'react';\nimport { OpeningTimesButtonType, type Time } from '../../../types/openingTimes';\nimport { StyledOpeningInputs } from './OpeningInputs.styles';\nimport OpeningInput from './opening-input/OpeningInput';\n\nexport type OpeningInputsProps = {\n times: Time[];\n isDisabled?: boolean;\n onChange: (times: Time[]) => void;\n};\n\nconst OpeningInputs: FC<OpeningInputsProps> = ({ times, isDisabled, onChange }) => {\n const [newTimes, setNewTimes] = useState<Time[]>();\n\n useEffect(() => {\n setNewTimes(times);\n }, [times]);\n\n useEffect(() => {}, []);\n\n const handleAdd = () => {\n const defaultTime: Time = { start: '00:00', end: '00:00' };\n\n setNewTimes((prevState) =>\n // onChange();\n\n prevState ? [...prevState, defaultTime] : [defaultTime],\n );\n };\n\n const handleRemove = (indexToRemove: number) => {\n setNewTimes((prevState) => (prevState ?? []).filter((_, index) => index !== indexToRemove));\n };\n\n const handleChange = (newTime: Time, indexToUpdate: number) => {\n setNewTimes((prevState) =>\n (prevState ?? []).map((time, index) => {\n if (index === indexToUpdate) {\n return newTime;\n }\n return time;\n }),\n );\n };\n\n const content = useMemo(() => {\n const items: ReactElement[] = [];\n\n if (!newTimes) {\n return items;\n }\n\n newTimes.forEach(({ end, start }, index) => {\n if (index > 1) {\n return;\n }\n\n let buttonType = OpeningTimesButtonType.NONE;\n\n if (index === 0 && times.length === 1) {\n buttonType = OpeningTimesButtonType.ADD;\n } else if (index === 1) {\n buttonType = OpeningTimesButtonType.REMOVE;\n }\n\n items.push(\n <OpeningInput\n start={start}\n end={end}\n isDisabled={isDisabled}\n buttonType={buttonType}\n onAdd={handleAdd}\n onChange={(time) => handleChange(time, index)}\n onRemove={() => handleRemove(index)}\n />,\n );\n });\n\n return items;\n }, [isDisabled, newTimes, times.length]);\n\n return useMemo(() => <StyledOpeningInputs>{content}</StyledOpeningInputs>, [content]);\n};\n\nOpeningInputs.displayName = 'OpeningInputs';\n\nexport default OpeningInputs;\n"],"mappings":"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"}
1
+ {"version":3,"file":"OpeningInputs.js","names":["_react","_interopRequireWildcard","require","_openingTimes","_OpeningInputs","_OpeningInput","_interopRequireDefault","_framerMotion","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","OpeningInputs","_ref","times","isDisabled","id","onChange","newTimes","setNewTimes","useState","useEffect","handleAdd","useCallback","defaultTime","start","end","prevState","updatedTimes","handleRemove","indexToRemove","filter","_","index","handleChange","newTime","indexToUpdate","map","time","content","useMemo","items","forEach","_ref2","buttonType","OpeningTimesButtonType","NONE","length","ADD","REMOVE","push","createElement","key","onAdd","onRemove","StyledOpeningInputs","AnimatePresence","initial","displayName","_default","exports"],"sources":["../../../../src/components/opening-times/opening-inputs/OpeningInputs.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { OpeningTimesButtonType, type Time } from '../../../types/openingTimes';\nimport { StyledOpeningInputs } from './OpeningInputs.styles';\nimport OpeningInput from './opening-input/OpeningInput';\nimport { AnimatePresence } from 'framer-motion';\n\nexport type OpeningInputsProps = {\n times: Time[];\n isDisabled?: boolean;\n onChange: (times: Time[]) => void;\n id: string;\n};\n\nconst OpeningInputs: FC<OpeningInputsProps> = ({ times, isDisabled, id, onChange }) => {\n const [newTimes, setNewTimes] = useState<Time[]>();\n\n useEffect(() => {\n setNewTimes(times);\n }, [times]);\n\n const handleAdd = useCallback(() => {\n const defaultTime: Time = { start: '08:00', end: '18:00' };\n\n setNewTimes((prevState) => {\n const updatedTimes = prevState ? [...prevState, defaultTime] : [defaultTime];\n\n onChange(updatedTimes);\n\n return updatedTimes;\n });\n }, [onChange]);\n\n const handleRemove = useCallback(\n (indexToRemove: number) => {\n setNewTimes((prevState) => {\n const updatedTimes = (prevState ?? []).filter(\n (_, index) => index !== indexToRemove,\n );\n\n onChange(updatedTimes);\n\n return updatedTimes;\n });\n },\n [onChange],\n );\n\n const handleChange = useCallback(\n (newTime: Time, indexToUpdate: number) => {\n setNewTimes((prevState) => {\n const updatedTimes = (prevState ?? []).map((time, index) => {\n if (index === indexToUpdate) {\n return newTime;\n }\n return time;\n });\n\n onChange(updatedTimes);\n\n return updatedTimes;\n });\n },\n [onChange],\n );\n\n const content = useMemo(() => {\n const items: ReactElement[] = [];\n\n if (!newTimes) {\n return items;\n }\n\n newTimes.forEach(({ end, start }, index) => {\n if (index > 1) {\n return;\n }\n\n let buttonType = OpeningTimesButtonType.NONE;\n\n if (index === 0 && times.length === 1 && !isDisabled) {\n buttonType = OpeningTimesButtonType.ADD;\n } else if (index === 1 && !isDisabled) {\n buttonType = OpeningTimesButtonType.REMOVE;\n }\n\n items.push(\n <OpeningInput\n key={`opening-times-input__${id}.${index}`}\n start={start}\n id={`opening-times__${id}.${index}`}\n end={end}\n isDisabled={isDisabled}\n buttonType={buttonType}\n onAdd={handleAdd}\n onChange={(time) => handleChange(time, index)}\n onRemove={() => handleRemove(index)}\n />,\n );\n });\n\n return items;\n }, [handleAdd, handleChange, handleRemove, id, isDisabled, newTimes, times.length]);\n\n return useMemo(\n () => (\n <StyledOpeningInputs>\n <AnimatePresence initial={false}>{content}</AnimatePresence>\n </StyledOpeningInputs>\n ),\n [content],\n );\n};\n\nOpeningInputs.displayName = 'OpeningInputs';\n\nexport default OpeningInputs;\n"],"mappings":"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"}
package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.d.ts CHANGED
@@ -4,6 +4,7 @@ export type OpeningInputProps = {
4
4
  start: Time['start'];
5
5
  end: Time['end'];
6
6
  isDisabled?: boolean;
7
+ id: string;
7
8
  buttonType: OpeningTimesButtonType;
8
9
  onAdd: () => void;
9
10
  onRemove: () => void;
package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.js CHANGED
@@ -20,57 +20,80 @@ const OpeningInput = _ref => {
20
20
  buttonType,
21
21
  onRemove,
22
22
  onAdd,
23
- onChange
23
+ onChange,
24
+ id
24
25
  } = _ref;
25
26
  const [startTime, setStartTime] = (0, _react.useState)(start);
26
27
  const [endTime, setEndTime] = (0, _react.useState)(end);
27
- (0, _react.useEffect)(() => {
28
- onChange({
29
- start: startTime,
30
- end: endTime
31
- });
32
- }, [endTime, onChange, startTime]);
33
28
  const button = (0, _react.useMemo)(() => {
34
29
  switch (buttonType) {
35
30
  case _openingTimes.OpeningTimesButtonType.ADD:
36
31
  return /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputButtonWrapper, {
37
32
  onClick: onAdd
38
33
  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
39
- icons: ['fa fa-plus'],
40
- size: 15,
41
- color: "white"
34
+ icons: ['ts-plus'],
35
+ size: 15
42
36
  }));
43
37
  case _openingTimes.OpeningTimesButtonType.REMOVE:
44
38
  return /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputButtonWrapper, {
45
39
  onClick: onRemove
46
40
  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
47
- icons: ['fa fa-x'],
48
- size: 10,
49
- color: "white"
41
+ icons: ['ts-wrong'],
42
+ size: 15
50
43
  }));
51
44
  default:
52
- return null;
45
+ return /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputPseudoButton, null);
53
46
  }
54
47
  }, [buttonType, onAdd, onRemove]);
55
- const handleStartTimeChange = (0, _react.useCallback)(value => {
48
+ const handleStartTimeBlur = (0, _react.useCallback)((value, isInvalid) => {
49
+ if (isInvalid || typeof value === 'number' || !value) {
50
+ return;
51
+ }
56
52
  setStartTime(value);
57
- }, []);
58
- const handleEndTimeChange = (0, _react.useCallback)(value => {
53
+ onChange({
54
+ end: endTime,
55
+ start: value
56
+ });
57
+ }, [endTime, onChange]);
58
+ const handleEndTimeBlur = (0, _react.useCallback)((value, isInvalid) => {
59
+ if (isInvalid || typeof value === 'number' || !value) {
60
+ return;
61
+ }
59
62
  setEndTime(value);
60
- }, []);
61
- return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInput, null, /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputWrapper, null, /*#__PURE__*/_react.default.createElement(_NumberInput.default, {
63
+ onChange({
64
+ end: value,
65
+ start: startTime
66
+ });
67
+ }, [onChange, startTime]);
68
+ return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInput, {
69
+ key: id,
70
+ animate: {
71
+ opacity: 1,
72
+ height: 'auto'
73
+ },
74
+ initial: {
75
+ opacity: 0,
76
+ height: 0
77
+ },
78
+ exit: {
79
+ opacity: 0,
80
+ height: 0
81
+ }
82
+ }, /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputWrapper, null, /*#__PURE__*/_react.default.createElement(_NumberInput.default, {
83
+ shouldShowOnlyBottomBorder: true,
62
84
  isTimeInput: true,
63
85
  value: startTime,
64
- onChange: handleStartTimeChange,
86
+ onBlur: handleStartTimeBlur,
65
87
  isDisabled: isDisabled
66
88
  })), /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputText, {
67
89
  isDisabled: isDisabled
68
90
  }, "-"), /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputWrapper, null, /*#__PURE__*/_react.default.createElement(_NumberInput.default, {
91
+ shouldShowOnlyBottomBorder: true,
69
92
  isTimeInput: true,
70
93
  value: endTime,
71
- onChange: handleEndTimeChange,
94
+ onBlur: handleEndTimeBlur,
72
95
  isDisabled: isDisabled
73
- })), button), [button, endTime, handleEndTimeChange, handleStartTimeChange, isDisabled, startTime]);
96
+ })), button), [button, endTime, handleEndTimeBlur, handleStartTimeBlur, isDisabled, startTime]);
74
97
  };
75
98
  OpeningInput.displayName = 'OpeningInput';
76
99
  var _default = exports.default = OpeningInput;
package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OpeningInput.js","names":["_react","_interopRequireWildcard","require","_openingTimes","_OpeningInput","_NumberInput","_interopRequireDefault","_Icon","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","OpeningInput","_ref","end","start","isDisabled","buttonType","onRemove","onAdd","onChange","startTime","setStartTime","useState","endTime","setEndTime","useEffect","button","useMemo","OpeningTimesButtonType","ADD","createElement","StyledOpeningInputButtonWrapper","onClick","icons","size","color","REMOVE","handleStartTimeChange","useCallback","value","handleEndTimeChange","StyledOpeningInput","StyledOpeningInputWrapper","isTimeInput","StyledOpeningInputText","displayName","_default","exports"],"sources":["../../../../../src/components/opening-times/opening-inputs/opening-input/OpeningInput.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport { OpeningTimesButtonType, type Time } from '../../../../types/openingTimes';\nimport {\n StyledOpeningInput,\n StyledOpeningInputButtonWrapper,\n StyledOpeningInputText,\n StyledOpeningInputWrapper,\n} from './OpeningInput.styles';\nimport NumberInput from '../../../number-input/NumberInput';\nimport Icon from '../../../icon/Icon';\n\nexport type OpeningInputProps = {\n start: Time['start'];\n end: Time['end'];\n isDisabled?: boolean;\n buttonType: OpeningTimesButtonType;\n onAdd: () => void;\n onRemove: () => void;\n onChange: (time: Time) => void;\n};\n\nconst OpeningInput: FC<OpeningInputProps> = ({\n end,\n start,\n isDisabled,\n buttonType,\n onRemove,\n onAdd,\n onChange,\n}) => {\n const [startTime, setStartTime] = useState(start);\n const [endTime, setEndTime] = useState(end);\n\n useEffect(() => {\n onChange({ start: startTime, end: endTime });\n }, [endTime, onChange, startTime]);\n\n const button = useMemo(() => {\n switch (buttonType) {\n case OpeningTimesButtonType.ADD:\n return (\n <StyledOpeningInputButtonWrapper onClick={onAdd}>\n <Icon icons={['fa fa-plus']} size={15} color=\"white\" />\n </StyledOpeningInputButtonWrapper>\n );\n case OpeningTimesButtonType.REMOVE:\n return (\n <StyledOpeningInputButtonWrapper onClick={onRemove}>\n <Icon icons={['fa fa-x']} size={10} color=\"white\" />\n </StyledOpeningInputButtonWrapper>\n );\n default:\n return null;\n }\n }, [buttonType, onAdd, onRemove]);\n\n const handleStartTimeChange = useCallback((value: string) => {\n setStartTime(value);\n }, []);\n\n const handleEndTimeChange = useCallback((value: string) => {\n setEndTime(value);\n }, []);\n\n return useMemo(\n () => (\n <StyledOpeningInput>\n <StyledOpeningInputWrapper>\n <NumberInput\n isTimeInput\n value={startTime}\n onChange={handleStartTimeChange}\n isDisabled={isDisabled}\n />\n </StyledOpeningInputWrapper>\n <StyledOpeningInputText isDisabled={isDisabled}>-</StyledOpeningInputText>\n <StyledOpeningInputWrapper>\n <NumberInput\n isTimeInput\n value={endTime}\n onChange={handleEndTimeChange}\n isDisabled={isDisabled}\n />\n </StyledOpeningInputWrapper>\n {button}\n </StyledOpeningInput>\n ),\n [button, endTime, handleEndTimeChange, handleStartTimeChange, isDisabled, startTime],\n );\n};\n\nOpeningInput.displayName = 'OpeningInput';\n\nexport default OpeningInput;\n"],"mappings":"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"}
1
+ {"version":3,"file":"OpeningInput.js","names":["_react","_interopRequireWildcard","require","_openingTimes","_OpeningInput","_NumberInput","_interopRequireDefault","_Icon","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","OpeningInput","_ref","end","start","isDisabled","buttonType","onRemove","onAdd","onChange","id","startTime","setStartTime","useState","endTime","setEndTime","button","useMemo","OpeningTimesButtonType","ADD","createElement","StyledOpeningInputButtonWrapper","onClick","icons","size","REMOVE","StyledOpeningInputPseudoButton","handleStartTimeBlur","useCallback","value","isInvalid","handleEndTimeBlur","StyledOpeningInput","key","animate","opacity","height","initial","exit","StyledOpeningInputWrapper","shouldShowOnlyBottomBorder","isTimeInput","onBlur","StyledOpeningInputText","displayName","_default","exports"],"sources":["../../../../../src/components/opening-times/opening-inputs/opening-input/OpeningInput.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState } from 'react';\nimport { OpeningTimesButtonType, type Time } from '../../../../types/openingTimes';\nimport {\n StyledOpeningInput,\n StyledOpeningInputButtonWrapper,\n StyledOpeningInputPseudoButton,\n StyledOpeningInputText,\n StyledOpeningInputWrapper,\n} from './OpeningInput.styles';\nimport NumberInput from '../../../number-input/NumberInput';\nimport Icon from '../../../icon/Icon';\n\nexport type OpeningInputProps = {\n start: Time['start'];\n end: Time['end'];\n isDisabled?: boolean;\n id: string;\n buttonType: OpeningTimesButtonType;\n onAdd: () => void;\n onRemove: () => void;\n onChange: (time: Time) => void;\n};\n\nconst OpeningInput: FC<OpeningInputProps> = ({\n end,\n start,\n isDisabled,\n buttonType,\n onRemove,\n onAdd,\n onChange,\n id,\n}) => {\n const [startTime, setStartTime] = useState(start);\n const [endTime, setEndTime] = useState(end);\n\n const button = useMemo(() => {\n switch (buttonType) {\n case OpeningTimesButtonType.ADD:\n return (\n <StyledOpeningInputButtonWrapper onClick={onAdd}>\n <Icon icons={['ts-plus']} size={15} />\n </StyledOpeningInputButtonWrapper>\n );\n case OpeningTimesButtonType.REMOVE:\n return (\n <StyledOpeningInputButtonWrapper onClick={onRemove}>\n <Icon icons={['ts-wrong']} size={15} />\n </StyledOpeningInputButtonWrapper>\n );\n default:\n return <StyledOpeningInputPseudoButton />;\n }\n }, [buttonType, onAdd, onRemove]);\n\n const handleStartTimeBlur = useCallback(\n (value: string | number | null, isInvalid: boolean) => {\n if (isInvalid || typeof value === 'number' || !value) {\n return;\n }\n\n setStartTime(value);\n\n onChange({ end: endTime, start: value });\n },\n [endTime, onChange],\n );\n\n const handleEndTimeBlur = useCallback(\n (value: string | number | null, isInvalid: boolean) => {\n if (isInvalid || typeof value === 'number' || !value) {\n return;\n }\n\n setEndTime(value);\n\n onChange({ end: value, start: startTime });\n },\n [onChange, startTime],\n );\n\n return useMemo(\n () => (\n <StyledOpeningInput\n key={id}\n animate={{ opacity: 1, height: 'auto' }}\n initial={{ opacity: 0, height: 0 }}\n exit={{ opacity: 0, height: 0 }}\n >\n <StyledOpeningInputWrapper>\n <NumberInput\n shouldShowOnlyBottomBorder\n isTimeInput\n value={startTime}\n onBlur={handleStartTimeBlur}\n isDisabled={isDisabled}\n />\n </StyledOpeningInputWrapper>\n <StyledOpeningInputText isDisabled={isDisabled}>-</StyledOpeningInputText>\n <StyledOpeningInputWrapper>\n <NumberInput\n shouldShowOnlyBottomBorder\n isTimeInput\n value={endTime}\n onBlur={handleEndTimeBlur}\n isDisabled={isDisabled}\n />\n </StyledOpeningInputWrapper>\n {button}\n </StyledOpeningInput>\n ),\n [button, endTime, handleEndTimeBlur, handleStartTimeBlur, isDisabled, startTime],\n );\n};\n\nOpeningInput.displayName = 'OpeningInput';\n\nexport default OpeningInput;\n"],"mappings":"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"}
package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.d.ts CHANGED
@@ -1,10 +1,274 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  import type { WithTheme } from '../../../color-scheme-provider/ColorSchemeProvider';
3
- export declare const StyledOpeningInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
4
+ export declare const StyledOpeningInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<{
5
+ slot?: string | undefined;
6
+ title?: string | undefined;
7
+ onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
8
+ defaultChecked?: boolean | undefined;
9
+ defaultValue?: string | number | readonly string[] | undefined;
10
+ suppressContentEditableWarning?: boolean | undefined;
11
+ suppressHydrationWarning?: boolean | undefined;
12
+ accessKey?: string | undefined;
13
+ autoFocus?: boolean | undefined;
14
+ className?: string | undefined;
15
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
16
+ contextMenu?: string | undefined;
17
+ dir?: string | undefined;
18
+ draggable?: (boolean | "true" | "false") | undefined;
19
+ hidden?: boolean | undefined;
20
+ id?: string | undefined;
21
+ lang?: string | undefined;
22
+ nonce?: string | undefined;
23
+ spellCheck?: (boolean | "true" | "false") | undefined;
24
+ tabIndex?: number | undefined;
25
+ translate?: "yes" | "no" | undefined;
26
+ radioGroup?: string | undefined;
27
+ role?: import("react").AriaRole | undefined;
28
+ about?: string | undefined;
29
+ content?: string | undefined;
30
+ datatype?: string | undefined;
31
+ inlist?: any;
32
+ prefix?: string | undefined;
33
+ property?: string | undefined;
34
+ rel?: string | undefined;
35
+ resource?: string | undefined;
36
+ rev?: string | undefined;
37
+ typeof?: string | undefined;
38
+ vocab?: string | undefined;
39
+ autoCapitalize?: string | undefined;
40
+ autoCorrect?: string | undefined;
41
+ autoSave?: string | undefined;
42
+ color?: string | undefined;
43
+ itemProp?: string | undefined;
44
+ itemScope?: boolean | undefined;
45
+ itemType?: string | undefined;
46
+ itemID?: string | undefined;
47
+ itemRef?: string | undefined;
48
+ results?: number | undefined;
49
+ security?: string | undefined;
50
+ unselectable?: "on" | "off" | undefined;
51
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
52
+ is?: string | undefined;
53
+ "aria-activedescendant"?: string | undefined;
54
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
55
+ "aria-autocomplete"?: "list" | "none" | "both" | "inline" | undefined;
56
+ "aria-braillelabel"?: string | undefined;
57
+ "aria-brailleroledescription"?: string | undefined;
58
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
59
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
60
+ "aria-colcount"?: number | undefined;
61
+ "aria-colindex"?: number | undefined;
62
+ "aria-colindextext"?: string | undefined;
63
+ "aria-colspan"?: number | undefined;
64
+ "aria-controls"?: string | undefined;
65
+ "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
66
+ "aria-describedby"?: string | undefined;
67
+ "aria-description"?: string | undefined;
68
+ "aria-details"?: string | undefined;
69
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
70
+ "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
71
+ "aria-errormessage"?: string | undefined;
72
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
73
+ "aria-flowto"?: string | undefined;
74
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
75
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
76
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
77
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
78
+ "aria-keyshortcuts"?: string | undefined;
79
+ "aria-label"?: string | undefined;
80
+ "aria-labelledby"?: string | undefined;
81
+ "aria-level"?: number | undefined;
82
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
83
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
84
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
85
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
86
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
87
+ "aria-owns"?: string | undefined;
88
+ "aria-placeholder"?: string | undefined;
89
+ "aria-posinset"?: number | undefined;
90
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
91
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
92
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
93
+ "aria-required"?: (boolean | "true" | "false") | undefined;
94
+ "aria-roledescription"?: string | undefined;
95
+ "aria-rowcount"?: number | undefined;
96
+ "aria-rowindex"?: number | undefined;
97
+ "aria-rowindextext"?: string | undefined;
98
+ "aria-rowspan"?: number | undefined;
99
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
100
+ "aria-setsize"?: number | undefined;
101
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
102
+ "aria-valuemax"?: number | undefined;
103
+ "aria-valuemin"?: number | undefined;
104
+ "aria-valuenow"?: number | undefined;
105
+ "aria-valuetext"?: string | undefined;
106
+ dangerouslySetInnerHTML?: {
107
+ __html: string | TrustedHTML;
108
+ } | undefined;
109
+ onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
110
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
111
+ onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
112
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
113
+ onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
114
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
115
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
116
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
117
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
118
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
119
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
120
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
121
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
122
+ onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
123
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
124
+ onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
125
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
126
+ onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
127
+ onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
128
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
129
+ onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
130
+ onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
131
+ onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
132
+ onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
133
+ onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
134
+ onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
135
+ onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
136
+ onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
137
+ onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
138
+ onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
139
+ onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
140
+ onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
141
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
142
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
143
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
144
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
145
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
146
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
147
+ onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
148
+ onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
149
+ onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
150
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
151
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
152
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
153
+ onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
154
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
155
+ onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
156
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
157
+ onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
158
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
159
+ onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
160
+ onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
161
+ onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
162
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
163
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
164
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
165
+ onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
166
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
167
+ onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
168
+ onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
169
+ onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
170
+ onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
171
+ onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
172
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
173
+ onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
174
+ onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
175
+ onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
176
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
177
+ onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
178
+ onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
179
+ onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
180
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
181
+ onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
182
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
183
+ onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
184
+ onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
185
+ onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
186
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
187
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
188
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
189
+ onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
190
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
191
+ onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
192
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
193
+ onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
194
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
195
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
196
+ onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
197
+ onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
198
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
199
+ onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
200
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
201
+ onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
202
+ onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
203
+ onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
204
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
205
+ onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
206
+ onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
207
+ onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
208
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
209
+ onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
210
+ onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
211
+ onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
212
+ onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
213
+ onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
214
+ onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
215
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
216
+ onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
217
+ onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
218
+ onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
219
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
220
+ onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
221
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
222
+ onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
223
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
224
+ onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
225
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
226
+ onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
227
+ onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
228
+ onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
229
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
230
+ onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
231
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
232
+ onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
233
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
234
+ onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
235
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
236
+ onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
237
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
238
+ onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
239
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
240
+ onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
241
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
242
+ onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
243
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
244
+ onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
245
+ onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
246
+ onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
247
+ onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
248
+ onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
249
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
250
+ onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
251
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
252
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
253
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
254
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
255
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
256
+ onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
257
+ onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
258
+ onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
259
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
260
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
261
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
262
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
263
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
264
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
265
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
266
+ } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement>, never>> & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
4
267
  export declare const StyledOpeningInputWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
5
268
  type StyledOpeningInputTextProps = WithTheme<{
6
269
  isDisabled?: boolean;
7
270
  }>;
8
271
  export declare const StyledOpeningInputText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledOpeningInputTextProps>>;
9
272
  export declare const StyledOpeningInputButtonWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
273
+ export declare const StyledOpeningInputPseudoButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
10
274
  export {};