@bookjane2/bookjane-design-library 8.1.0 → 8.2.0
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/lib/components/BKJTimeInput/BKJTimeInput.d.ts +4 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.d.ts.map +1 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.js +16 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.js.map +1 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.stories.d.ts +10 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.stories.d.ts.map +1 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.stories.js +35 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.stories.js.map +1 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.styled.d.ts +5 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.styled.d.ts.map +1 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.styled.js +28 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.styled.js.map +1 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.types.d.ts +87 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.types.d.ts.map +1 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.types.js +2 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.types.js.map +1 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.utils.d.ts +10 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.utils.d.ts.map +1 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.utils.js +204 -0
- package/lib/components/BKJTimeInput/BKJTimeInput.utils.js.map +1 -0
- package/lib/components/BKJTimeInput/index.d.ts +3 -0
- package/lib/components/BKJTimeInput/index.d.ts.map +1 -0
- package/lib/components/BKJTimeInput/index.js +3 -0
- package/lib/components/BKJTimeInput/index.js.map +1 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInput.context.d.ts +6 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInput.context.d.ts.map +1 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInput.context.hooks.d.ts +14 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInput.context.hooks.d.ts.map +1 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInput.context.hooks.js +10 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInput.context.hooks.js.map +1 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInput.context.js +231 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInput.context.js.map +1 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputInput.d.ts +8 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputInput.d.ts.map +1 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputInput.js +66 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputInput.js.map +1 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputItem.d.ts +6 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputItem.d.ts.map +1 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputItem.js +17 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputItem.js.map +1 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputOptions.d.ts +9 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputOptions.d.ts.map +1 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputOptions.js +65 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputOptions.js.map +1 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputOptionsMapper.d.ts +3 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputOptionsMapper.d.ts.map +1 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputOptionsMapper.js +19 -0
- package/lib/components/BKJTimeInput/src/BKJTimeInputOptionsMapper.js.map +1 -0
- package/lib/components/index.d.ts +1 -0
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +1 -0
- package/lib/components/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInput.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTimeInput/BKJTimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AA2B1D,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,kBAAkB,CAsD/C,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { usePortalTargetElement } from '../../hooks/usePortalTargetElement.js';
|
|
3
|
+
import { BKJTimeInputProvider, useBKJTimeInputContext } from './src/BKJTimeInput.context.js';
|
|
4
|
+
import { BKJTimeInputInput } from './src/BKJTimeInputInput.js';
|
|
5
|
+
import { BKJTimeInputOptions } from './src/BKJTimeInputOptions.js';
|
|
6
|
+
import { StyledTimeInputWrapper } from '../BKJTimeInput/BKJTimeInput.styled.js';
|
|
7
|
+
const TimeInputComponent = ({ className, autoComplete, overrides, $dropdownHeight, allowedAutoPlacements }) => {
|
|
8
|
+
const { isOpen } = useBKJTimeInputContext();
|
|
9
|
+
return (_jsxs(StyledTimeInputWrapper, { className: isOpen ? 'bkj-time-input--open' : '', children: [_jsx(BKJTimeInputInput, { className: className, autoComplete: autoComplete, overrides: overrides }), _jsx(BKJTimeInputOptions, { "$dropdownHeight": $dropdownHeight, allowedAutoPlacements: allowedAutoPlacements, overrides: overrides })] }));
|
|
10
|
+
};
|
|
11
|
+
export const BKJTimeInput = (props) => {
|
|
12
|
+
const { label, name, onChange, value, action = 'OpenToggle', variant = 'ComboBoxSeamlessRounded', timeFormat = '12h', placeholder = 'Select time...', leftIconProps, leftIconName = 'ShiftsTime', disabled, required, className, autoComplete = 'off', overrides = [], onIsOpenChange, $dropdownHeight, allowedAutoPlacements, } = props;
|
|
13
|
+
const targetElement = usePortalTargetElement('dropdown-root');
|
|
14
|
+
return (_jsx(BKJTimeInputProvider, { required: required, name: name, value: value, label: label, action: action, variant: variant, timeFormat: timeFormat, onChange: onChange, disabled: disabled, error: props.error, placeholder: placeholder, leftIconProps: leftIconProps, leftIconName: leftIconName, portalTargetElement: targetElement || undefined, overrides: overrides, onIsOpenChange: onIsOpenChange, "$dropdownHeight": $dropdownHeight, allowedAutoPlacements: allowedAutoPlacements, children: _jsx(TimeInputComponent, { className: className, autoComplete: autoComplete, overrides: overrides, "$dropdownHeight": $dropdownHeight, allowedAutoPlacements: allowedAutoPlacements }) }));
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=BKJTimeInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInput.js","sourceRoot":"","sources":["../../../src/components/BKJTimeInput/BKJTimeInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAE5E,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAC1F,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAErF,MAAM,kBAAkB,GAMnB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,qBAAqB,EAAE,EAAE,EAAE;IACtF,MAAM,EAAE,MAAM,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAE5C,OAAO,CACL,MAAC,sBAAsB,IAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,aACrE,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,EAC7F,KAAC,mBAAmB,uBACD,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,EAC5C,SAAS,EAAE,SAAS,GACpB,IACqB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA2B,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,MAAM,GAAG,YAAY,EACrB,OAAO,GAAG,yBAAyB,EACnC,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,gBAAgB,EAC9B,aAAa,EACb,YAAY,GAAG,YAAY,EAC3B,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,EAAE,EACd,cAAc,EACd,eAAe,EACf,qBAAqB,GACtB,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,sBAAsB,CAAC,eAAe,CAAC,CAAC;IAE9D,OAAO,CACL,KAAC,oBAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,mBAAmB,EAAE,aAAa,IAAI,SAAS,EAC/C,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,qBACb,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,YAE5C,KAAC,kBAAkB,IACjB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,qBACH,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC5C,GACmB,CACxB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IBKJTimeInputProps } from './BKJTimeInput.types.js';
|
|
2
|
+
declare const setup: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").FC<IBKJTimeInputProps>;
|
|
5
|
+
argTypes: {};
|
|
6
|
+
};
|
|
7
|
+
export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJTimeInputProps>;
|
|
8
|
+
export declare const MilitaryTime: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJTimeInputProps>;
|
|
9
|
+
export default setup;
|
|
10
|
+
//# sourceMappingURL=BKJTimeInput.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTimeInput/BKJTimeInput.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,QAAA,MAAM,KAAK;;;;CAIV,CAAC;AAiBF,eAAO,MAAM,OAAO,8GAAoB,CAAC;AAUzC,eAAO,MAAM,YAAY,8GAAoB,CAAC;AAQ9C,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { BKJTimeInput } from './BKJTimeInput.js';
|
|
4
|
+
import { Flex } from '../index.js';
|
|
5
|
+
const setup = {
|
|
6
|
+
title: 'Input Elements/BKJTimeInput',
|
|
7
|
+
component: BKJTimeInput,
|
|
8
|
+
argTypes: {},
|
|
9
|
+
};
|
|
10
|
+
const Template = (args) => {
|
|
11
|
+
const [value, setValue] = useState(args.value || '');
|
|
12
|
+
const onChange = (e) => {
|
|
13
|
+
setValue(e.target.value);
|
|
14
|
+
args.onChange?.(e);
|
|
15
|
+
};
|
|
16
|
+
return (_jsx(Flex, { width: "300px", children: _jsx(BKJTimeInput, { ...args, value: value, onChange: onChange }) }));
|
|
17
|
+
};
|
|
18
|
+
export const Default = Template.bind({});
|
|
19
|
+
Default.args = {
|
|
20
|
+
label: 'Select Time',
|
|
21
|
+
name: 'time',
|
|
22
|
+
placeholder: 'Select time...',
|
|
23
|
+
action: 'OpenToggle',
|
|
24
|
+
leftIconName: 'ShiftsTime',
|
|
25
|
+
timeFormat: '12h',
|
|
26
|
+
};
|
|
27
|
+
export const MilitaryTime = Template.bind({});
|
|
28
|
+
MilitaryTime.args = {
|
|
29
|
+
...Default.args,
|
|
30
|
+
label: 'Select Military Time',
|
|
31
|
+
timeFormat: '24h',
|
|
32
|
+
value: '13:00',
|
|
33
|
+
};
|
|
34
|
+
export default setup;
|
|
35
|
+
//# sourceMappingURL=BKJTimeInput.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInput.stories.js","sourceRoot":"","sources":["../../../src/components/BKJTimeInput/BKJTimeInput.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,IAAI,EAAE,EAAE;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAErD,MAAM,QAAQ,GAAG,CAAC,CAAM,EAAE,EAAE;QAC1B,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACzB,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,YACjB,KAAC,YAAY,OAAK,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACvD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,gBAAgB;IAC7B,MAAM,EAAE,YAAY;IACpB,YAAY,EAAE,YAAY;IAC1B,UAAU,EAAE,KAAK;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IAClB,GAAG,OAAO,CAAC,IAAI;IACf,KAAK,EAAE,sBAAsB;IAC7B,UAAU,EAAE,KAAK;IACjB,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const StyledTimeInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const StyledDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, keyof import("../BKJDropdown/index.js").IBKJDropdownProps> & import("../BKJDropdown/index.js").IBKJDropdownProps, "key" | keyof import("react").HTMLAttributes<HTMLUListElement> | keyof import("../BKJDropdown/index.js").IBKJDropdownProps> & {
|
|
3
|
+
ref?: import("react").Ref<HTMLUListElement>;
|
|
4
|
+
}, never>> & string;
|
|
5
|
+
//# sourceMappingURL=BKJTimeInput.styled.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInput.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTimeInput/BKJTimeInput.styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,6NAkBlC,CAAC;AAGF,eAAO,MAAM,cAAc;;mBAK1B,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
import { BKJDropdown } from '../BKJDropdown/index.js';
|
|
3
|
+
export const StyledTimeInputWrapper = styled.div `
|
|
4
|
+
label[elementtype='InputWrapper'] input {
|
|
5
|
+
border: 1px solid ${({ theme }) => theme.colors.Grey6};
|
|
6
|
+
border-radius: 8px;
|
|
7
|
+
border-top: 1px solid ${({ theme }) => theme.colors.Grey6};
|
|
8
|
+
border-right: 1px solid ${({ theme }) => theme.colors.Grey6};
|
|
9
|
+
border-bottom: 1px solid ${({ theme }) => theme.colors.Grey6};
|
|
10
|
+
border-left: 1px solid ${({ theme }) => theme.colors.Grey6};
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
&.bkj-time-input--open label[elementtype='InputWrapper'] input {
|
|
14
|
+
border: 2px solid ${({ theme }) => theme.colors.AccentPurple};
|
|
15
|
+
border-top: 2px solid ${({ theme }) => theme.colors.AccentPurple};
|
|
16
|
+
border-right: 2px solid ${({ theme }) => theme.colors.AccentPurple};
|
|
17
|
+
border-bottom: 2px solid ${({ theme }) => theme.colors.AccentPurple};
|
|
18
|
+
border-left: 2px solid ${({ theme }) => theme.colors.AccentPurple};
|
|
19
|
+
border-radius: 8px;
|
|
20
|
+
}
|
|
21
|
+
`;
|
|
22
|
+
export const StyledDropdown = styled(BKJDropdown) `
|
|
23
|
+
border: none;
|
|
24
|
+
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
|
|
25
|
+
border-radius: 8px;
|
|
26
|
+
overflow: hidden;
|
|
27
|
+
`;
|
|
28
|
+
//# sourceMappingURL=BKJTimeInput.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInput.styled.js","sourceRoot":"","sources":["../../../src/components/BKJTimeInput/BKJTimeInput.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;wBAExB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;4BAE7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;8BAC/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;+BAChC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;6BACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;wBAItC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;4BACpC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;8BACtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;+BACvC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;6BAC1C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;CAGpE,CAAC;AAGF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;;;;;CAKhD,CAAC"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { UseComboboxReturnValue } from 'downshift';
|
|
2
|
+
import { Dispatch, KeyboardEventHandler, MutableRefObject, SetStateAction } from 'react';
|
|
3
|
+
import { VirtualItem } from 'react-virtual';
|
|
4
|
+
import { CSSProperties } from 'styled-components';
|
|
5
|
+
import { ChangeFunctionType, FormValidationErrorMessageType } from '../../common.types.js';
|
|
6
|
+
import { IBKJTextInputProps } from '../BKJTextInput/BKJTextInput.types.js';
|
|
7
|
+
import { Placement } from '@popperjs/core';
|
|
8
|
+
export type IBKJTimeInputPropsOverrides = 'HIDE_VALUE_LABEL' | 'CHECKBOX_VARIANT';
|
|
9
|
+
export interface IBKJTimeInputProps extends Omit<IBKJTextInputProps, 'value' | 'overrides'> {
|
|
10
|
+
name: string;
|
|
11
|
+
label?: string;
|
|
12
|
+
$dropdownHeight?: string;
|
|
13
|
+
allowedAutoPlacements?: Placement[];
|
|
14
|
+
variant?: 'ComboBoxSeamlessRounded';
|
|
15
|
+
timeFormat?: '12h' | '24h';
|
|
16
|
+
placeholder?: IBKJTextInputProps['placeholder'];
|
|
17
|
+
/**
|
|
18
|
+
* @description Value should be a simplified time string like "HH:mm" or "hh:mm am/pm"
|
|
19
|
+
*/
|
|
20
|
+
value: string;
|
|
21
|
+
onChange: ChangeFunctionType;
|
|
22
|
+
leftIconProps?: IBKJTextInputProps['leftIconProps'];
|
|
23
|
+
leftIconName?: IBKJTextInputProps['leftIconProps']['iconName'];
|
|
24
|
+
/**
|
|
25
|
+
* @description Specifies what the right side button is & does
|
|
26
|
+
*/
|
|
27
|
+
action: 'ClearInputValue' | 'OpenToggle' | 'ClearSelectedValue';
|
|
28
|
+
error?: FormValidationErrorMessageType;
|
|
29
|
+
required?: boolean;
|
|
30
|
+
overrides?: IBKJTimeInputPropsOverrides[];
|
|
31
|
+
onIsOpenChange?: (args: {
|
|
32
|
+
isOpen?: boolean;
|
|
33
|
+
highlightedIndex?: number;
|
|
34
|
+
}) => void;
|
|
35
|
+
}
|
|
36
|
+
export type IBKJTimeInputOption = {
|
|
37
|
+
value: string;
|
|
38
|
+
label: string;
|
|
39
|
+
id: string;
|
|
40
|
+
minutes: number;
|
|
41
|
+
disabled?: boolean;
|
|
42
|
+
style?: CSSProperties;
|
|
43
|
+
index?: number;
|
|
44
|
+
};
|
|
45
|
+
export interface IBKJTimeInputProviderProps extends IBKJTimeInputProps {
|
|
46
|
+
portalTargetElement?: HTMLElement;
|
|
47
|
+
}
|
|
48
|
+
interface ScrollToOptions {
|
|
49
|
+
align: 'start' | 'center' | 'end' | 'auto';
|
|
50
|
+
}
|
|
51
|
+
export interface IBKJTimeInputContextValue extends Omit<UseComboboxReturnValue<IBKJTimeInputOption>, 'selectItem' | 'setInputValue'> {
|
|
52
|
+
anchorElement?: HTMLInputElement;
|
|
53
|
+
setAnchorElement: Dispatch<SetStateAction<HTMLInputElement | undefined>>;
|
|
54
|
+
dropdownElement?: HTMLUListElement;
|
|
55
|
+
setDropdownElement: Dispatch<SetStateAction<HTMLUListElement | undefined>>;
|
|
56
|
+
onInputKeyDown: KeyboardEventHandler<HTMLInputElement>;
|
|
57
|
+
onSelectedClear: () => void;
|
|
58
|
+
onInputFocus: (...args: any) => void;
|
|
59
|
+
onInputBlur: () => void;
|
|
60
|
+
options: IBKJTimeInputOption[];
|
|
61
|
+
parentRef: MutableRefObject<HTMLUListElement>;
|
|
62
|
+
rowVirtualizer: {
|
|
63
|
+
virtualItems: VirtualItem[];
|
|
64
|
+
totalSize: number;
|
|
65
|
+
scrollToOffset: (index: number, options?: ScrollToOptions) => void;
|
|
66
|
+
scrollToIndex: (index: number, options?: ScrollToOptions) => void;
|
|
67
|
+
measure: () => void;
|
|
68
|
+
};
|
|
69
|
+
portalTargetElement?: HTMLElement;
|
|
70
|
+
isDropdownReverse: boolean;
|
|
71
|
+
setIsDropdownReverse: Dispatch<SetStateAction<boolean>>;
|
|
72
|
+
name: IBKJTimeInputProps['name'];
|
|
73
|
+
error?: FormValidationErrorMessageType;
|
|
74
|
+
label: IBKJTextInputProps['label'];
|
|
75
|
+
value: IBKJTimeInputProps['value'];
|
|
76
|
+
variant: IBKJTimeInputProps['variant'];
|
|
77
|
+
timeFormat: IBKJTimeInputProps['timeFormat'];
|
|
78
|
+
onChange: IBKJTimeInputProps['onChange'];
|
|
79
|
+
placeholder: IBKJTextInputProps['placeholder'];
|
|
80
|
+
action: IBKJTimeInputProps['action'];
|
|
81
|
+
leftIconProps?: IBKJTimeInputProps['leftIconProps'];
|
|
82
|
+
leftIconName?: IBKJTimeInputProps['leftIconName'];
|
|
83
|
+
disabled?: IBKJTimeInputProps['disabled'];
|
|
84
|
+
required?: IBKJTimeInputProps['required'];
|
|
85
|
+
}
|
|
86
|
+
export {};
|
|
87
|
+
//# sourceMappingURL=BKJTimeInput.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTimeInput/BKJTimeInput.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInput.types.js","sourceRoot":"","sources":["../../../src/components/BKJTimeInput/BKJTimeInput.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IBKJTimeInputOption } from './BKJTimeInput.types.js';
|
|
2
|
+
export declare const itemToString: (option: IBKJTimeInputOption | null) => string;
|
|
3
|
+
export declare const generateTimeOptions: (timeFormat?: "12h" | "24h", interval?: number) => IBKJTimeInputOption[];
|
|
4
|
+
export declare const normalizeTime: (time: string) => string;
|
|
5
|
+
export declare const parseInputToMinutes: (input: string, timeFormat?: "12h" | "24h") => number | null;
|
|
6
|
+
export declare const formatMinutesToTime: (totalMinutes: number, timeFormat?: "12h" | "24h") => string;
|
|
7
|
+
export declare const timeFilter: (inputValue: string, options: IBKJTimeInputOption[], timeFormat?: "12h" | "24h") => IBKJTimeInputOption[];
|
|
8
|
+
export declare const getHighlightedIndex: (inputValue: string, options: IBKJTimeInputOption[], timeFormat?: "12h" | "24h") => number;
|
|
9
|
+
export declare const isValidTimeFormat: (input: string, timeFormat?: "12h" | "24h") => boolean;
|
|
10
|
+
//# sourceMappingURL=BKJTimeInput.utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInput.utils.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTimeInput/BKJTimeInput.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAS3D,eAAO,MAAM,YAAY,GAAI,QAAQ,mBAAmB,GAAG,IAAI,KAAG,MAEjE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,aAAY,KAAK,GAAG,KAAa,EACjC,iBAA2B,KAC1B,mBAAmB,EAarB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,WAEzC,CAAC;AAmCF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,MAAM,EACb,aAAY,KAAK,GAAG,KAAa,KAChC,MAAM,GAAG,IAqBX,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,cAAc,MAAM,EACpB,aAAY,KAAK,GAAG,KAAa,KAChC,MAcF,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,YAAY,MAAM,EAClB,SAAS,mBAAmB,EAAE,EAC9B,aAAY,KAAK,GAAG,KAAa,KAChC,mBAAmB,EAkDrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,YAAY,MAAM,EAClB,SAAS,mBAAmB,EAAE,EAC9B,aAAY,KAAK,GAAG,KAAa,KAChC,MAkDF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,EAAE,aAAY,KAAK,GAAG,KAAa,KAAG,OAuBpF,CAAC"}
|
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
const MINUTES_PER_HOUR = 60;
|
|
2
|
+
const HOURS_PER_DAY = 24;
|
|
3
|
+
const TOTAL_MINUTES_IN_DAY = HOURS_PER_DAY * MINUTES_PER_HOUR;
|
|
4
|
+
const HALF_DAY_MINUTES = 720;
|
|
5
|
+
const MIDDAY_HOUR = 12;
|
|
6
|
+
const DEFAULT_INTERVAL = 15;
|
|
7
|
+
export const itemToString = (option) => {
|
|
8
|
+
return option?.label || '';
|
|
9
|
+
};
|
|
10
|
+
export const generateTimeOptions = (timeFormat = '12h', interval = DEFAULT_INTERVAL) => {
|
|
11
|
+
const options = [];
|
|
12
|
+
for (let mCount = 0; mCount < TOTAL_MINUTES_IN_DAY; mCount += interval) {
|
|
13
|
+
const label = formatMinutesToTime(mCount, timeFormat);
|
|
14
|
+
options.push({
|
|
15
|
+
id: `time-${mCount}`,
|
|
16
|
+
label,
|
|
17
|
+
value: label,
|
|
18
|
+
minutes: mCount,
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
return options;
|
|
22
|
+
};
|
|
23
|
+
export const normalizeTime = (time) => {
|
|
24
|
+
return time.toLowerCase().replace(/\s/g, '').replace(/am/g, 'a').replace(/pm/g, 'p');
|
|
25
|
+
};
|
|
26
|
+
const applyAmPmLogic = (hour, isAm, isPm) => {
|
|
27
|
+
let adjustedHour = hour;
|
|
28
|
+
if (adjustedHour === MIDDAY_HOUR) {
|
|
29
|
+
if (isAm && !isPm)
|
|
30
|
+
adjustedHour = 0;
|
|
31
|
+
else if (isPm)
|
|
32
|
+
adjustedHour = MIDDAY_HOUR;
|
|
33
|
+
}
|
|
34
|
+
else if (isPm && adjustedHour < MIDDAY_HOUR) {
|
|
35
|
+
adjustedHour += MIDDAY_HOUR;
|
|
36
|
+
}
|
|
37
|
+
else if (isAm && adjustedHour === MIDDAY_HOUR) {
|
|
38
|
+
adjustedHour = 0;
|
|
39
|
+
}
|
|
40
|
+
return adjustedHour;
|
|
41
|
+
};
|
|
42
|
+
const parseColonTime = (timePart) => {
|
|
43
|
+
const parts = timePart.split(':');
|
|
44
|
+
const hour = parseInt(parts[0], 10);
|
|
45
|
+
const minStr = parts[1];
|
|
46
|
+
const minute = minStr.length === 1 ? parseInt(minStr, 10) * 10 : parseInt(minStr, 10);
|
|
47
|
+
return { hour, minute };
|
|
48
|
+
};
|
|
49
|
+
const parseNumericTime = (timePart) => {
|
|
50
|
+
const numbers = timePart.replace(/[^0-9]/g, '');
|
|
51
|
+
if (!numbers)
|
|
52
|
+
return { hour: NaN, minute: NaN };
|
|
53
|
+
if (numbers.length <= 2) {
|
|
54
|
+
return { hour: parseInt(numbers, 10), minute: 0 };
|
|
55
|
+
}
|
|
56
|
+
const hourPart = numbers.slice(0, numbers.length - 2);
|
|
57
|
+
const minPart = numbers.slice(numbers.length - 2);
|
|
58
|
+
return { hour: parseInt(hourPart, 10), minute: parseInt(minPart, 10) };
|
|
59
|
+
};
|
|
60
|
+
export const parseInputToMinutes = (input, timeFormat = '12h') => {
|
|
61
|
+
const normalized = normalizeTime(input);
|
|
62
|
+
const isPm = normalized.includes('p');
|
|
63
|
+
const isAm = normalized.includes('a');
|
|
64
|
+
const timePart = normalized.replace(/[ap]/g, '');
|
|
65
|
+
const { hour: rawHour, minute } = timePart.includes(':')
|
|
66
|
+
? parseColonTime(timePart)
|
|
67
|
+
: parseNumericTime(timePart);
|
|
68
|
+
if (isNaN(rawHour) || isNaN(minute))
|
|
69
|
+
return null;
|
|
70
|
+
let hour = rawHour;
|
|
71
|
+
if (timeFormat === '12h') {
|
|
72
|
+
hour = applyAmPmLogic(rawHour, isAm, isPm);
|
|
73
|
+
}
|
|
74
|
+
else {
|
|
75
|
+
if (isPm && hour < MIDDAY_HOUR)
|
|
76
|
+
hour += MIDDAY_HOUR;
|
|
77
|
+
else if (isAm && hour === MIDDAY_HOUR)
|
|
78
|
+
hour = 0;
|
|
79
|
+
}
|
|
80
|
+
return Math.min(hour * MINUTES_PER_HOUR + minute, TOTAL_MINUTES_IN_DAY - 1);
|
|
81
|
+
};
|
|
82
|
+
export const formatMinutesToTime = (totalMinutes, timeFormat = '12h') => {
|
|
83
|
+
let hour = Math.floor(totalMinutes / MINUTES_PER_HOUR);
|
|
84
|
+
const minutes = totalMinutes % MINUTES_PER_HOUR;
|
|
85
|
+
const minutesStr = minutes.toString().padStart(2, '0');
|
|
86
|
+
if (timeFormat === '24h') {
|
|
87
|
+
return `${hour.toString().padStart(2, '0')}:${minutesStr}`;
|
|
88
|
+
}
|
|
89
|
+
const period = hour >= MIDDAY_HOUR ? 'pm' : 'am';
|
|
90
|
+
hour = hour % MIDDAY_HOUR;
|
|
91
|
+
if (hour === 0)
|
|
92
|
+
hour = MIDDAY_HOUR;
|
|
93
|
+
return `${hour}:${minutesStr} ${period}`;
|
|
94
|
+
};
|
|
95
|
+
export const timeFilter = (inputValue, options, timeFormat = '12h') => {
|
|
96
|
+
if (!inputValue)
|
|
97
|
+
return options;
|
|
98
|
+
const normalizedInput = normalizeTime(inputValue);
|
|
99
|
+
const filtered = options.filter((item) => {
|
|
100
|
+
const normalizedLabel = normalizeTime(item.label);
|
|
101
|
+
const labelNoColon = normalizedLabel.replace(/[:]/g, '');
|
|
102
|
+
const labelNoPeriod = normalizedLabel.replace(/[ap:]/g, '');
|
|
103
|
+
return (normalizedLabel.startsWith(normalizedInput) ||
|
|
104
|
+
labelNoColon.startsWith(normalizedInput) ||
|
|
105
|
+
labelNoPeriod.startsWith(normalizedInput) ||
|
|
106
|
+
normalizedLabel.includes(normalizedInput));
|
|
107
|
+
});
|
|
108
|
+
if (filtered.length > 0)
|
|
109
|
+
return filtered.sort((a, b) => a.minutes - b.minutes);
|
|
110
|
+
const inputMinutes = parseInputToMinutes(inputValue, timeFormat);
|
|
111
|
+
if (inputMinutes === null)
|
|
112
|
+
return options;
|
|
113
|
+
const indicesToShow = new Set();
|
|
114
|
+
const addWindow = (targetMins) => {
|
|
115
|
+
let closestIdx = 0;
|
|
116
|
+
let minDiff = Infinity;
|
|
117
|
+
options.forEach((opt, idx) => {
|
|
118
|
+
const diff = Math.abs(opt.minutes - targetMins);
|
|
119
|
+
if (diff < minDiff) {
|
|
120
|
+
minDiff = diff;
|
|
121
|
+
closestIdx = idx;
|
|
122
|
+
}
|
|
123
|
+
});
|
|
124
|
+
const start = Math.max(0, closestIdx - 2);
|
|
125
|
+
const end = Math.min(options.length, closestIdx + 5);
|
|
126
|
+
for (let i = start; i < end; i++)
|
|
127
|
+
indicesToShow.add(i);
|
|
128
|
+
};
|
|
129
|
+
const hasPeriod = normalizedInput.includes('p') || normalizedInput.includes('a');
|
|
130
|
+
if (hasPeriod || timeFormat === '24h') {
|
|
131
|
+
addWindow(inputMinutes);
|
|
132
|
+
}
|
|
133
|
+
else {
|
|
134
|
+
addWindow(inputMinutes % HALF_DAY_MINUTES);
|
|
135
|
+
addWindow((inputMinutes % HALF_DAY_MINUTES) + HALF_DAY_MINUTES);
|
|
136
|
+
}
|
|
137
|
+
return options.filter((_, idx) => indicesToShow.has(idx));
|
|
138
|
+
};
|
|
139
|
+
export const getHighlightedIndex = (inputValue, options, timeFormat = '12h') => {
|
|
140
|
+
if (!inputValue || options.length === 0)
|
|
141
|
+
return 0;
|
|
142
|
+
const normalizedInput = normalizeTime(inputValue);
|
|
143
|
+
// 1. Exact match
|
|
144
|
+
const exactIndex = options.findIndex((opt) => normalizeTime(opt.label) === normalizedInput);
|
|
145
|
+
if (exactIndex !== -1)
|
|
146
|
+
return exactIndex;
|
|
147
|
+
// 2. Prefix match on normalized label (e.g., "1:00a" starts with "1")
|
|
148
|
+
const prefixIndex = options.findIndex((opt) => normalizeTime(opt.label).startsWith(normalizedInput));
|
|
149
|
+
if (prefixIndex !== -1)
|
|
150
|
+
return prefixIndex;
|
|
151
|
+
// 3. Prefix match without colons (e.g., "100a" starts with "1")
|
|
152
|
+
const noColonIndex = options.findIndex((opt) => normalizeTime(opt.label).replace(/[:]/g, '').startsWith(normalizedInput));
|
|
153
|
+
if (noColonIndex !== -1)
|
|
154
|
+
return noColonIndex;
|
|
155
|
+
// 4. Prefix match without colons and period (e.g., "100" starts with "1")
|
|
156
|
+
const noPeriodIndex = options.findIndex((opt) => normalizeTime(opt.label).replace(/[ap:]/g, '').startsWith(normalizedInput));
|
|
157
|
+
if (noPeriodIndex !== -1)
|
|
158
|
+
return noPeriodIndex;
|
|
159
|
+
// 5. Contains match
|
|
160
|
+
const containsIndex = options.findIndex((opt) => normalizeTime(opt.label).includes(normalizedInput));
|
|
161
|
+
if (containsIndex !== -1)
|
|
162
|
+
return containsIndex;
|
|
163
|
+
// 6. Try parsing as time and find closest
|
|
164
|
+
const inputMinutes = parseInputToMinutes(inputValue, timeFormat);
|
|
165
|
+
if (inputMinutes !== null) {
|
|
166
|
+
let closestIndex = 0;
|
|
167
|
+
let minDiff = Infinity;
|
|
168
|
+
options.forEach((opt, idx) => {
|
|
169
|
+
const diff = Math.abs(opt.minutes - inputMinutes);
|
|
170
|
+
if (diff < minDiff) {
|
|
171
|
+
minDiff = diff;
|
|
172
|
+
closestIndex = idx;
|
|
173
|
+
}
|
|
174
|
+
});
|
|
175
|
+
return closestIndex;
|
|
176
|
+
}
|
|
177
|
+
// Default to first option
|
|
178
|
+
return 0;
|
|
179
|
+
};
|
|
180
|
+
export const isValidTimeFormat = (input, timeFormat = '12h') => {
|
|
181
|
+
const normalized = normalizeTime(input);
|
|
182
|
+
const timePart = normalized.replace(/[ap]/g, '');
|
|
183
|
+
const parts = timePart.split(':');
|
|
184
|
+
if (parts.length !== 2)
|
|
185
|
+
return false;
|
|
186
|
+
if (!parts[1] || parts[1].length === 0)
|
|
187
|
+
return false;
|
|
188
|
+
const hour = parseInt(parts[0], 10);
|
|
189
|
+
const minute = parseInt(parts[1], 10);
|
|
190
|
+
if (isNaN(hour) || isNaN(minute))
|
|
191
|
+
return false;
|
|
192
|
+
if (minute < 0 || minute > 59)
|
|
193
|
+
return false;
|
|
194
|
+
if (timeFormat === '12h') {
|
|
195
|
+
if (hour < 1 || hour > 12)
|
|
196
|
+
return false;
|
|
197
|
+
}
|
|
198
|
+
else {
|
|
199
|
+
if (hour < 0 || hour > 23)
|
|
200
|
+
return false;
|
|
201
|
+
}
|
|
202
|
+
return true;
|
|
203
|
+
};
|
|
204
|
+
//# sourceMappingURL=BKJTimeInput.utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInput.utils.js","sourceRoot":"","sources":["../../../src/components/BKJTimeInput/BKJTimeInput.utils.ts"],"names":[],"mappings":"AAEA,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAC5B,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,oBAAoB,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAC9D,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,WAAW,GAAG,EAAE,CAAC;AACvB,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAE5B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAkC,EAAU,EAAE;IACzE,OAAO,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC;AAC7B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,aAA4B,KAAK,EACjC,QAAQ,GAAG,gBAAgB,EACJ,EAAE;IACzB,MAAM,OAAO,GAA0B,EAAE,CAAC;IAE1C,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,oBAAoB,EAAE,MAAM,IAAI,QAAQ,EAAE,CAAC;QACvE,MAAM,KAAK,GAAG,mBAAmB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACtD,OAAO,CAAC,IAAI,CAAC;YACX,EAAE,EAAE,QAAQ,MAAM,EAAE;YACpB,KAAK;YACL,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,MAAM;SAChB,CAAC,CAAC;IACL,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE;IAC5C,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AACvF,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,IAAa,EAAE,IAAa,EAAU,EAAE;IAC5E,IAAI,YAAY,GAAG,IAAI,CAAC;IACxB,IAAI,YAAY,KAAK,WAAW,EAAE,CAAC;QACjC,IAAI,IAAI,IAAI,CAAC,IAAI;YAAE,YAAY,GAAG,CAAC,CAAC;aAC/B,IAAI,IAAI;YAAE,YAAY,GAAG,WAAW,CAAC;IAC5C,CAAC;SAAM,IAAI,IAAI,IAAI,YAAY,GAAG,WAAW,EAAE,CAAC;QAC9C,YAAY,IAAI,WAAW,CAAC;IAC9B,CAAC;SAAM,IAAI,IAAI,IAAI,YAAY,KAAK,WAAW,EAAE,CAAC;QAChD,YAAY,GAAG,CAAC,CAAC;IACnB,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,QAAgB,EAAoC,EAAE;IAC5E,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAClC,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IACtF,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAoC,EAAE;IAC9E,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IAChD,IAAI,CAAC,OAAO;QAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;IAEhD,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QACxB,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IACpD,CAAC;IACD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAClD,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC;AACzE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAAa,EACb,aAA4B,KAAK,EAClB,EAAE;IACjB,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,IAAI,GAAG,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,IAAI,GAAG,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAEjD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC;QACtD,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC;QAC1B,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAE/B,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC;QAAE,OAAO,IAAI,CAAC;IAEjD,IAAI,IAAI,GAAG,OAAO,CAAC;IACnB,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;QACzB,IAAI,GAAG,cAAc,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC7C,CAAC;SAAM,CAAC;QACN,IAAI,IAAI,IAAI,IAAI,GAAG,WAAW;YAAE,IAAI,IAAI,WAAW,CAAC;aAC/C,IAAI,IAAI,IAAI,IAAI,KAAK,WAAW;YAAE,IAAI,GAAG,CAAC,CAAC;IAClD,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,gBAAgB,GAAG,MAAM,EAAE,oBAAoB,GAAG,CAAC,CAAC,CAAC;AAC9E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,YAAoB,EACpB,aAA4B,KAAK,EACzB,EAAE;IACV,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,gBAAgB,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,YAAY,GAAG,gBAAgB,CAAC;IAChD,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAEvD,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;QACzB,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,UAAU,EAAE,CAAC;IAC7D,CAAC;IAED,MAAM,MAAM,GAAG,IAAI,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,IAAI,GAAG,IAAI,GAAG,WAAW,CAAC;IAC1B,IAAI,IAAI,KAAK,CAAC;QAAE,IAAI,GAAG,WAAW,CAAC;IAEnC,OAAO,GAAG,IAAI,IAAI,UAAU,IAAI,MAAM,EAAE,CAAC;AAC3C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,UAAkB,EAClB,OAA8B,EAC9B,aAA4B,KAAK,EACV,EAAE;IACzB,IAAI,CAAC,UAAU;QAAE,OAAO,OAAO,CAAC;IAEhC,MAAM,eAAe,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;IAElD,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;QACvC,MAAM,eAAe,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClD,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QACzD,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAE5D,OAAO,CACL,eAAe,CAAC,UAAU,CAAC,eAAe,CAAC;YAC3C,YAAY,CAAC,UAAU,CAAC,eAAe,CAAC;YACxC,aAAa,CAAC,UAAU,CAAC,eAAe,CAAC;YACzC,eAAe,CAAC,QAAQ,CAAC,eAAe,CAAC,CAC1C,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;IAE/E,MAAM,YAAY,GAAG,mBAAmB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACjE,IAAI,YAAY,KAAK,IAAI;QAAE,OAAO,OAAO,CAAC;IAE1C,MAAM,aAAa,GAAG,IAAI,GAAG,EAAU,CAAC;IACxC,MAAM,SAAS,GAAG,CAAC,UAAkB,EAAE,EAAE;QACvC,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,IAAI,OAAO,GAAG,QAAQ,CAAC;QAEvB,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC;YAChD,IAAI,IAAI,GAAG,OAAO,EAAE,CAAC;gBACnB,OAAO,GAAG,IAAI,CAAC;gBACf,UAAU,GAAG,GAAG,CAAC;YACnB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC;QAC1C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC;QACrD,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE;YAAE,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACjF,IAAI,SAAS,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;QACtC,SAAS,CAAC,YAAY,CAAC,CAAC;IAC1B,CAAC;SAAM,CAAC;QACN,SAAS,CAAC,YAAY,GAAG,gBAAgB,CAAC,CAAC;QAC3C,SAAS,CAAC,CAAC,YAAY,GAAG,gBAAgB,CAAC,GAAG,gBAAgB,CAAC,CAAC;IAClE,CAAC;IAED,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,UAAkB,EAClB,OAA8B,EAC9B,aAA4B,KAAK,EACzB,EAAE;IACV,IAAI,CAAC,UAAU,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,CAAC,CAAC;IAElD,MAAM,eAAe,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;IAElD,iBAAiB;IACjB,MAAM,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,eAAe,CAAC,CAAC;IAC5F,IAAI,UAAU,KAAK,CAAC,CAAC;QAAE,OAAO,UAAU,CAAC;IAEzC,sEAAsE;IACtE,MAAM,WAAW,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAC5C,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,eAAe,CAAC,CACrD,CAAC;IACF,IAAI,WAAW,KAAK,CAAC,CAAC;QAAE,OAAO,WAAW,CAAC;IAE3C,gEAAgE;IAChE,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAC7C,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,eAAe,CAAC,CACzE,CAAC;IACF,IAAI,YAAY,KAAK,CAAC,CAAC;QAAE,OAAO,YAAY,CAAC;IAE7C,0EAA0E;IAC1E,MAAM,aAAa,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAC9C,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,eAAe,CAAC,CAC3E,CAAC;IACF,IAAI,aAAa,KAAK,CAAC,CAAC;QAAE,OAAO,aAAa,CAAC;IAE/C,oBAAoB;IACpB,MAAM,aAAa,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAC9C,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,CACnD,CAAC;IACF,IAAI,aAAa,KAAK,CAAC,CAAC;QAAE,OAAO,aAAa,CAAC;IAE/C,0CAA0C;IAC1C,MAAM,YAAY,GAAG,mBAAmB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACjE,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QAC1B,IAAI,YAAY,GAAG,CAAC,CAAC;QACrB,IAAI,OAAO,GAAG,QAAQ,CAAC;QACvB,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,GAAG,YAAY,CAAC,CAAC;YAClD,IAAI,IAAI,GAAG,OAAO,EAAE,CAAC;gBACnB,OAAO,GAAG,IAAI,CAAC;gBACf,YAAY,GAAG,GAAG,CAAC;YACrB,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,0BAA0B;IAC1B,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,aAA4B,KAAK,EAAW,EAAE;IAC7F,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAEjD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAClC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IAErC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IAErD,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEtC,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC;QAAE,OAAO,KAAK,CAAC;IAC/C,IAAI,MAAM,GAAG,CAAC,IAAI,MAAM,GAAG,EAAE;QAAE,OAAO,KAAK,CAAC;IAE5C,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;QACzB,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,EAAE;YAAE,OAAO,KAAK,CAAC;IAC1C,CAAC;SAAM,CAAC;QACN,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,EAAE;YAAE,OAAO,KAAK,CAAC;IAC1C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BKJTimeInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BKJTimeInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IBKJTimeInputContextValue, IBKJTimeInputProviderProps } from '../BKJTimeInput.types.js';
|
|
3
|
+
export declare const BKJTimeInputContext: import("react").Context<IBKJTimeInputContextValue>;
|
|
4
|
+
export declare const BKJTimeInputProvider: FC<IBKJTimeInputProviderProps>;
|
|
5
|
+
export declare const useBKJTimeInputContext: () => IBKJTimeInputContextValue;
|
|
6
|
+
//# sourceMappingURL=BKJTimeInput.context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInput.context.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInput.context.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,EAAE,EAOH,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,yBAAyB,EAEzB,0BAA0B,EAC3B,MAAM,uBAAuB,CAAC;AAY/B,eAAO,MAAM,mBAAmB,oDAAiD,CAAC;AAElF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,0BAA0B,CAmS/D,CAAC;AAEF,eAAO,MAAM,sBAAsB,iCAAwC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
+
export declare function useBKJTimeInputContextHooks(initialInputValue?: string): [
|
|
3
|
+
{
|
|
4
|
+
inputValue: string;
|
|
5
|
+
anchorElement?: HTMLInputElement;
|
|
6
|
+
dropdownElement?: HTMLUListElement;
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
setInputValue: Dispatch<SetStateAction<string>>;
|
|
10
|
+
setAnchorElement: Dispatch<SetStateAction<HTMLInputElement | undefined>>;
|
|
11
|
+
setDropdownElement: Dispatch<SetStateAction<HTMLUListElement | undefined>>;
|
|
12
|
+
}
|
|
13
|
+
];
|
|
14
|
+
//# sourceMappingURL=BKJTimeInput.context.hooks.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInput.context.hooks.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInput.context.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAEpE,wBAAgB,2BAA2B,CAAC,iBAAiB,GAAE,MAAW,GAAG;IAC3E;QACE,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,CAAC,EAAE,gBAAgB,CAAC;QACjC,eAAe,CAAC,EAAE,gBAAgB,CAAC;KACpC;IACD;QACE,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;QAChD,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC;QACzE,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC;KAC5E;CACF,CAYA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { useMemo, useState } from 'react';
|
|
2
|
+
export function useBKJTimeInputContextHooks(initialInputValue = '') {
|
|
3
|
+
const [inputValue, setInputValue] = useState(initialInputValue);
|
|
4
|
+
const [anchorElement, setAnchorElement] = useState();
|
|
5
|
+
const [dropdownElement, setDropdownElement] = useState();
|
|
6
|
+
const values = useMemo(() => ({ inputValue, anchorElement, dropdownElement }), [inputValue, anchorElement, dropdownElement]);
|
|
7
|
+
const setMethods = useMemo(() => ({ setInputValue, setAnchorElement, setDropdownElement }), []);
|
|
8
|
+
return [values, setMethods];
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=BKJTimeInput.context.hooks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInput.context.hooks.js","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInput.context.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,UAAU,2BAA2B,CAAC,oBAA4B,EAAE;IAYxE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAS,iBAAiB,CAAC,CAAC;IACxE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAoB,CAAC;IACvE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAoB,CAAC;IAE3E,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC,EACtD,CAAC,UAAU,EAAE,aAAa,EAAE,eAAe,CAAC,CAC7C,CAAC;IACF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEhG,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC9B,CAAC"}
|
|
@@ -0,0 +1,231 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useCombobox } from 'downshift';
|
|
3
|
+
import { createContext, useCallback, useContext, useEffect, useRef, useState, useMemo, } from 'react';
|
|
4
|
+
import { useVirtual } from 'react-virtual';
|
|
5
|
+
import { generateTimeOptions, itemToString, timeFilter, getHighlightedIndex, parseInputToMinutes, formatMinutesToTime, isValidTimeFormat, } from '../BKJTimeInput.utils.js';
|
|
6
|
+
import { useBKJTimeInputContextHooks } from './BKJTimeInput.context.hooks.js';
|
|
7
|
+
export const BKJTimeInputContext = createContext({});
|
|
8
|
+
export const BKJTimeInputProvider = ({ label, variant, placeholder, onChange, name, value, error, action, portalTargetElement, leftIconProps, leftIconName, disabled, required, children, timeFormat = '12h', onIsOpenChange: __onIsOpenChange__, }) => {
|
|
9
|
+
const [{ inputValue, anchorElement, dropdownElement }, { setInputValue, setAnchorElement, setDropdownElement },] = useBKJTimeInputContextHooks(value);
|
|
10
|
+
const [isDropdownReverse, setIsDropdownReverse] = useState(false);
|
|
11
|
+
const skipBlurValidation = useRef(false);
|
|
12
|
+
const hasNavigatedWithArrows = useRef(false);
|
|
13
|
+
const staticOptions = useMemo(() => generateTimeOptions(timeFormat), [timeFormat]);
|
|
14
|
+
// Custom filtering based on input
|
|
15
|
+
const filteredOptions = useMemo(() => {
|
|
16
|
+
return timeFilter(inputValue, staticOptions, timeFormat);
|
|
17
|
+
}, [inputValue, staticOptions, timeFormat]);
|
|
18
|
+
const parentRef = useRef(null);
|
|
19
|
+
const estimateSize = useCallback(() => 40, []);
|
|
20
|
+
const rowVirtualizer = useVirtual({
|
|
21
|
+
size: filteredOptions.length,
|
|
22
|
+
parentRef,
|
|
23
|
+
estimateSize,
|
|
24
|
+
overscan: 2,
|
|
25
|
+
});
|
|
26
|
+
const { reset, isOpen, openMenu, closeMenu, toggleMenu, selectedItem, selectItem, getMenuProps, getItemProps, getInputProps, getLabelProps, getComboboxProps, highlightedIndex, setHighlightedIndex, getToggleButtonProps, setInputValue: __downShiftSetInputValue__, } = useCombobox({
|
|
27
|
+
inputValue,
|
|
28
|
+
itemToString,
|
|
29
|
+
items: filteredOptions,
|
|
30
|
+
selectedItem: useMemo(() => {
|
|
31
|
+
if (!value)
|
|
32
|
+
return null;
|
|
33
|
+
const found = staticOptions.find((opt) => opt.value === value);
|
|
34
|
+
if (found)
|
|
35
|
+
return found;
|
|
36
|
+
const mins = parseInputToMinutes(value, timeFormat);
|
|
37
|
+
if (mins !== null) {
|
|
38
|
+
return {
|
|
39
|
+
id: 'selected-value',
|
|
40
|
+
label: value,
|
|
41
|
+
value,
|
|
42
|
+
minutes: mins,
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
return null;
|
|
46
|
+
}, [value, staticOptions, timeFormat]),
|
|
47
|
+
scrollIntoView: () => void 0,
|
|
48
|
+
onInputValueChange: ({ inputValue: __inputValue__, isOpen: __isOpen__ }) => {
|
|
49
|
+
const newVal = __inputValue__ || '';
|
|
50
|
+
setInputValue(newVal);
|
|
51
|
+
if (__isOpen__) {
|
|
52
|
+
// Find if any filtered option is a match or best match
|
|
53
|
+
const nextHighIndex = getHighlightedIndex(newVal, filteredOptions, timeFormat);
|
|
54
|
+
if (nextHighIndex !== -1) {
|
|
55
|
+
setHighlightedIndex(nextHighIndex);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
onSelectedItemChange: ({ selectedItem }) => {
|
|
60
|
+
if (selectedItem) {
|
|
61
|
+
skipBlurValidation.current = true;
|
|
62
|
+
const target = {
|
|
63
|
+
name,
|
|
64
|
+
value: selectedItem.value,
|
|
65
|
+
label: selectedItem.label,
|
|
66
|
+
};
|
|
67
|
+
if (onChange)
|
|
68
|
+
onChange({ target });
|
|
69
|
+
setInputValue(selectedItem.value);
|
|
70
|
+
closeMenu();
|
|
71
|
+
anchorElement?.blur();
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
onIsOpenChange: ({ isOpen: __isOpen__, highlightedIndex: __highlightedIndex__ }) => {
|
|
75
|
+
if (__onIsOpenChange__)
|
|
76
|
+
__onIsOpenChange__({ isOpen: !!__isOpen__, highlightedIndex: __highlightedIndex__ });
|
|
77
|
+
if (__isOpen__) {
|
|
78
|
+
// When opening, highlight current value match if exists
|
|
79
|
+
const indexToHighlight = getHighlightedIndex(inputValue, filteredOptions, timeFormat);
|
|
80
|
+
if (indexToHighlight !== -1) {
|
|
81
|
+
setHighlightedIndex(indexToHighlight);
|
|
82
|
+
rowVirtualizer.scrollToIndex(indexToHighlight, { align: 'auto' });
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
});
|
|
87
|
+
const handleInputFocus = useCallback(() => {
|
|
88
|
+
openMenu();
|
|
89
|
+
}, [openMenu]);
|
|
90
|
+
useEffect(() => {
|
|
91
|
+
// Keep input in sync with external value changes
|
|
92
|
+
setInputValue(value);
|
|
93
|
+
}, [value, setInputValue]);
|
|
94
|
+
const handleInputKeyDown = useCallback((event) => {
|
|
95
|
+
const { key } = event;
|
|
96
|
+
if (key === 'ArrowDown' || key === 'ArrowUp') {
|
|
97
|
+
hasNavigatedWithArrows.current = true;
|
|
98
|
+
}
|
|
99
|
+
if (key === 'Enter') {
|
|
100
|
+
event.preventDefault();
|
|
101
|
+
if (hasNavigatedWithArrows.current) {
|
|
102
|
+
const highlightedItem = isOpen && highlightedIndex >= 0 ? filteredOptions[highlightedIndex] : null;
|
|
103
|
+
if (highlightedItem) {
|
|
104
|
+
skipBlurValidation.current = true;
|
|
105
|
+
hasNavigatedWithArrows.current = false;
|
|
106
|
+
selectItem(highlightedItem);
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
const exactMatch = filteredOptions.find((opt) => opt.label.toLowerCase() === inputValue.toLowerCase());
|
|
111
|
+
if (exactMatch) {
|
|
112
|
+
skipBlurValidation.current = true;
|
|
113
|
+
hasNavigatedWithArrows.current = false;
|
|
114
|
+
selectItem(exactMatch);
|
|
115
|
+
return;
|
|
116
|
+
}
|
|
117
|
+
if (isValidTimeFormat(inputValue, timeFormat)) {
|
|
118
|
+
const mins = parseInputToMinutes(inputValue, timeFormat);
|
|
119
|
+
const finalValue = mins !== null ? formatMinutesToTime(mins, timeFormat) : inputValue;
|
|
120
|
+
skipBlurValidation.current = true;
|
|
121
|
+
hasNavigatedWithArrows.current = false;
|
|
122
|
+
if (onChange)
|
|
123
|
+
onChange({ target: { name, value: finalValue } });
|
|
124
|
+
setInputValue(finalValue);
|
|
125
|
+
closeMenu();
|
|
126
|
+
anchorElement?.blur();
|
|
127
|
+
return;
|
|
128
|
+
}
|
|
129
|
+
skipBlurValidation.current = true;
|
|
130
|
+
hasNavigatedWithArrows.current = false;
|
|
131
|
+
if (inputValue !== '') {
|
|
132
|
+
if (onChange)
|
|
133
|
+
onChange({ target: { name, value: '' } });
|
|
134
|
+
setInputValue('');
|
|
135
|
+
}
|
|
136
|
+
closeMenu();
|
|
137
|
+
anchorElement?.blur();
|
|
138
|
+
}
|
|
139
|
+
}, [
|
|
140
|
+
filteredOptions,
|
|
141
|
+
inputValue,
|
|
142
|
+
name,
|
|
143
|
+
onChange,
|
|
144
|
+
closeMenu,
|
|
145
|
+
anchorElement,
|
|
146
|
+
selectItem,
|
|
147
|
+
setInputValue,
|
|
148
|
+
timeFormat,
|
|
149
|
+
isOpen,
|
|
150
|
+
highlightedIndex,
|
|
151
|
+
]);
|
|
152
|
+
const handleInputBlur = useCallback(() => {
|
|
153
|
+
if (skipBlurValidation.current) {
|
|
154
|
+
skipBlurValidation.current = false;
|
|
155
|
+
return;
|
|
156
|
+
}
|
|
157
|
+
if (inputValue === value)
|
|
158
|
+
return;
|
|
159
|
+
if (inputValue === '') {
|
|
160
|
+
if (onChange)
|
|
161
|
+
onChange({ target: { name, value: '' } });
|
|
162
|
+
return;
|
|
163
|
+
}
|
|
164
|
+
const mins = parseInputToMinutes(inputValue, timeFormat);
|
|
165
|
+
if (mins !== null) {
|
|
166
|
+
const finalValue = formatMinutesToTime(mins, timeFormat);
|
|
167
|
+
if (onChange)
|
|
168
|
+
onChange({ target: { name, value: finalValue } });
|
|
169
|
+
setInputValue(finalValue);
|
|
170
|
+
}
|
|
171
|
+
else {
|
|
172
|
+
setInputValue(value);
|
|
173
|
+
}
|
|
174
|
+
}, [inputValue, value, name, onChange, setInputValue, timeFormat]);
|
|
175
|
+
const handleSelectClear = useCallback(() => {
|
|
176
|
+
setInputValue('');
|
|
177
|
+
if (onChange)
|
|
178
|
+
onChange({ target: { name, value: '' } });
|
|
179
|
+
}, [name, onChange, setInputValue]);
|
|
180
|
+
useEffect(() => {
|
|
181
|
+
if (!isOpen) {
|
|
182
|
+
hasNavigatedWithArrows.current = false;
|
|
183
|
+
}
|
|
184
|
+
}, [isOpen]);
|
|
185
|
+
return (_jsx(BKJTimeInputContext.Provider, { value: {
|
|
186
|
+
name,
|
|
187
|
+
label,
|
|
188
|
+
reset,
|
|
189
|
+
value,
|
|
190
|
+
error,
|
|
191
|
+
action,
|
|
192
|
+
isOpen,
|
|
193
|
+
options: filteredOptions,
|
|
194
|
+
variant,
|
|
195
|
+
timeFormat,
|
|
196
|
+
onChange,
|
|
197
|
+
required,
|
|
198
|
+
disabled,
|
|
199
|
+
openMenu,
|
|
200
|
+
parentRef,
|
|
201
|
+
closeMenu,
|
|
202
|
+
inputValue,
|
|
203
|
+
toggleMenu,
|
|
204
|
+
placeholder,
|
|
205
|
+
selectedItem,
|
|
206
|
+
getItemProps,
|
|
207
|
+
getMenuProps,
|
|
208
|
+
getInputProps,
|
|
209
|
+
getLabelProps,
|
|
210
|
+
anchorElement,
|
|
211
|
+
leftIconProps,
|
|
212
|
+
leftIconName,
|
|
213
|
+
rowVirtualizer,
|
|
214
|
+
dropdownElement,
|
|
215
|
+
setAnchorElement,
|
|
216
|
+
highlightedIndex,
|
|
217
|
+
getComboboxProps,
|
|
218
|
+
isDropdownReverse,
|
|
219
|
+
setIsDropdownReverse,
|
|
220
|
+
setDropdownElement,
|
|
221
|
+
portalTargetElement,
|
|
222
|
+
setHighlightedIndex,
|
|
223
|
+
getToggleButtonProps,
|
|
224
|
+
onInputFocus: handleInputFocus,
|
|
225
|
+
onInputBlur: handleInputBlur,
|
|
226
|
+
onInputKeyDown: handleInputKeyDown,
|
|
227
|
+
onSelectedClear: handleSelectClear,
|
|
228
|
+
}, children: children }));
|
|
229
|
+
};
|
|
230
|
+
export const useBKJTimeInputContext = () => useContext(BKJTimeInputContext);
|
|
231
|
+
//# sourceMappingURL=BKJTimeInput.context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInput.context.js","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInput.context.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IBKJTimeInputPropsOverrides } from '../BKJTimeInput.types.js';
|
|
3
|
+
export declare const BKJTimeInputInput: FC<{
|
|
4
|
+
className?: string;
|
|
5
|
+
autoComplete?: 'on' | 'off';
|
|
6
|
+
overrides?: IBKJTimeInputPropsOverrides[];
|
|
7
|
+
}>;
|
|
8
|
+
//# sourceMappingURL=BKJTimeInputInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInputInput.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInputInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAIpE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC5B,SAAS,CAAC,EAAE,2BAA2B,EAAE,CAAC;CAC3C,CA+GA,CAAC"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback } from 'react';
|
|
3
|
+
import { BKJTextInput } from '../../BKJTextInput/index.js';
|
|
4
|
+
import { useBKJTimeInputContext } from './BKJTimeInput.context.js';
|
|
5
|
+
export const BKJTimeInputInput = ({ className, autoComplete, overrides, ...rest }) => {
|
|
6
|
+
const { label, variant = 'ComboBoxSeamlessRounded', action, error, getComboboxProps, setAnchorElement, getInputProps, getLabelProps, isOpen, onInputFocus, onInputBlur, onInputKeyDown, name, leftIconProps, leftIconName, disabled, placeholder, required, isDropdownReverse, inputValue, value, reset, onSelectedClear, anchorElement, openMenu, closeMenu, } = useBKJTimeInputContext();
|
|
7
|
+
const rightIconClassName = 'bkj-timeinput-dropdown-icon';
|
|
8
|
+
let rightIconProps = undefined;
|
|
9
|
+
switch (action) {
|
|
10
|
+
case 'ClearInputValue':
|
|
11
|
+
if (inputValue) {
|
|
12
|
+
rightIconProps = {
|
|
13
|
+
iconName: 'CloseBold',
|
|
14
|
+
onClick: reset,
|
|
15
|
+
className: rightIconClassName,
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
break;
|
|
19
|
+
case 'ClearSelectedValue':
|
|
20
|
+
if (value) {
|
|
21
|
+
rightIconProps = {
|
|
22
|
+
iconName: 'CloseBold',
|
|
23
|
+
onClick: onSelectedClear,
|
|
24
|
+
className: rightIconClassName,
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
break;
|
|
28
|
+
case 'OpenToggle':
|
|
29
|
+
rightIconProps = {
|
|
30
|
+
className: rightIconClassName,
|
|
31
|
+
isOpen,
|
|
32
|
+
iconName: 'ArrowDown',
|
|
33
|
+
onClick: disabled
|
|
34
|
+
? undefined
|
|
35
|
+
: () => {
|
|
36
|
+
if (!isOpen) {
|
|
37
|
+
anchorElement?.focus();
|
|
38
|
+
openMenu();
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
closeMenu();
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
};
|
|
45
|
+
break;
|
|
46
|
+
}
|
|
47
|
+
const stableRef = useCallback((node) => {
|
|
48
|
+
setAnchorElement((prev) => (prev !== node ? node : prev));
|
|
49
|
+
}, [setAnchorElement]);
|
|
50
|
+
const inputProps = getInputProps({
|
|
51
|
+
...rest,
|
|
52
|
+
onKeyDown: (e) => {
|
|
53
|
+
onInputKeyDown(e);
|
|
54
|
+
},
|
|
55
|
+
onFocus: onInputFocus,
|
|
56
|
+
onBlur: onInputBlur,
|
|
57
|
+
ref: stableRef,
|
|
58
|
+
placeholder,
|
|
59
|
+
required,
|
|
60
|
+
name,
|
|
61
|
+
label,
|
|
62
|
+
disabled,
|
|
63
|
+
});
|
|
64
|
+
return (_jsx(BKJTextInput, { isOpen: isOpen, openBorderLocation: !!isDropdownReverse ? 'top' : 'bottom', labelProps: getLabelProps(), fieldSetProps: getComboboxProps(), variant: variant, ...inputProps, value: inputProps.value, autoComplete: autoComplete, className: `${inputProps.className} ${className}`, overrides: ['NO_REQUIRED'], rightIconProps: rightIconProps, leftIconProps: leftIconProps || leftIconName ? { ...leftIconProps, iconName: leftIconName } : undefined, error: error }));
|
|
65
|
+
};
|
|
66
|
+
//# sourceMappingURL=BKJTimeInputInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInputInput.js","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInputInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInputItem.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInputItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAyBzE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BKJListItem } from '../../BKJListItem/index.js';
|
|
3
|
+
import { useBKJTimeInputContext } from './BKJTimeInput.context.js';
|
|
4
|
+
export const BKJTimeInputItem = (props) => {
|
|
5
|
+
const { getItemProps, highlightedIndex, name } = useBKJTimeInputContext();
|
|
6
|
+
const itemProps = props.index !== undefined
|
|
7
|
+
? getItemProps({
|
|
8
|
+
item: props,
|
|
9
|
+
isSelected: false,
|
|
10
|
+
index: props.index,
|
|
11
|
+
disabled: !!props.disabled,
|
|
12
|
+
style: props.style,
|
|
13
|
+
})
|
|
14
|
+
: {};
|
|
15
|
+
return (_jsx(BKJListItem, { isTargeted: highlightedIndex === props.index, ...itemProps, selected: [], value: props.value, label: props.label, name: name, variant: "SpaceBetween" }));
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=BKJTimeInputItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInputItem.js","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInputItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,CAAC,MAAM,gBAAgB,GAAiD,CAAC,KAAK,EAAE,EAAE;IACtF,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,IAAI,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAE1E,MAAM,SAAS,GACb,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,YAAY,CAAC;YACX,IAAI,EAAE,KAAK;YACX,UAAU,EAAE,KAAK;YACjB,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ;YAC1B,KAAK,EAAE,KAAK,CAAC,KAAK;SACnB,CAAC;QACJ,CAAC,CAAC,EAAE,CAAC;IAET,OAAO,CACL,KAAC,WAAW,IACV,UAAU,EAAE,gBAAgB,KAAK,KAAK,CAAC,KAAK,KACxC,SAAS,EACb,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,cAAc,GACtB,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IBKJTimeInputPropsOverrides } from '../BKJTimeInput.types.js';
|
|
3
|
+
import { Placement } from '@popperjs/core';
|
|
4
|
+
export declare const BKJTimeInputOptions: FC<{
|
|
5
|
+
$dropdownHeight?: string;
|
|
6
|
+
allowedAutoPlacements?: Placement[];
|
|
7
|
+
overrides?: IBKJTimeInputPropsOverrides[];
|
|
8
|
+
}>;
|
|
9
|
+
//# sourceMappingURL=BKJTimeInputOptions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInputOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInputOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAM5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAW,SAAS,EAAE,MAAM,gBAAgB,CAAC;AA0BpD,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,SAAS,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,2BAA2B,EAAE,CAAC;CAC3C,CAuEA,CAAC"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo, useEffect, useCallback } from 'react';
|
|
3
|
+
import { usePopper } from 'react-popper';
|
|
4
|
+
import { Portal } from '../../Portal/Portal.js';
|
|
5
|
+
import { useBKJTimeInputContext } from './BKJTimeInput.context.js';
|
|
6
|
+
import { BKJTimeInputOptionsMapper } from './BKJTimeInputOptionsMapper.js';
|
|
7
|
+
import { StyledDropdown } from '../../BKJTimeInput/BKJTimeInput.styled.js';
|
|
8
|
+
const variantMap = {
|
|
9
|
+
ComboBoxSeamlessRounded: 'SeamlessRounded',
|
|
10
|
+
};
|
|
11
|
+
const defaultPopperOptions = {
|
|
12
|
+
placement: 'bottom-start',
|
|
13
|
+
modifiers: [
|
|
14
|
+
{
|
|
15
|
+
name: 'flip',
|
|
16
|
+
options: {
|
|
17
|
+
allowedAutoPlacements: ['bottom', 'top'],
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
name: 'offset',
|
|
22
|
+
options: {
|
|
23
|
+
offset: [0, 8],
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
],
|
|
27
|
+
};
|
|
28
|
+
export const BKJTimeInputOptions = ({ $dropdownHeight, allowedAutoPlacements = ['bottom', 'top'] }) => {
|
|
29
|
+
const { error, isOpen, parentRef, getMenuProps, anchorElement, dropdownElement, setDropdownElement, portalTargetElement, isDropdownReverse, setIsDropdownReverse, } = useBKJTimeInputContext();
|
|
30
|
+
const popperOptions = useMemo(() => ({
|
|
31
|
+
...defaultPopperOptions,
|
|
32
|
+
modifiers: (defaultPopperOptions.modifiers || []).map((modifier) => ({
|
|
33
|
+
...modifier,
|
|
34
|
+
...(modifier.name === 'flip' && {
|
|
35
|
+
options: {
|
|
36
|
+
...modifier.options,
|
|
37
|
+
allowedAutoPlacements,
|
|
38
|
+
},
|
|
39
|
+
}),
|
|
40
|
+
})),
|
|
41
|
+
}), [allowedAutoPlacements]);
|
|
42
|
+
const { styles, state } = usePopper(anchorElement, dropdownElement, popperOptions);
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
if (state?.placement) {
|
|
45
|
+
const isReverse = state.placement.startsWith('top');
|
|
46
|
+
if (isReverse !== isDropdownReverse) {
|
|
47
|
+
setIsDropdownReverse(isReverse);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}, [state?.placement, isDropdownReverse, setIsDropdownReverse]);
|
|
51
|
+
const menuRef = useCallback((node) => {
|
|
52
|
+
setDropdownElement((prev) => (prev !== node ? node : prev));
|
|
53
|
+
parentRef.current = node;
|
|
54
|
+
}, [setDropdownElement, parentRef]);
|
|
55
|
+
if (!isOpen || !portalTargetElement)
|
|
56
|
+
return null;
|
|
57
|
+
return (_jsx(Portal, { targetElement: portalTargetElement, children: _jsx(StyledDropdown, { "$isOpen": isOpen, "$dropdownVariant": variantMap['ComboBoxSeamlessRounded'], "$dropdownHeight": $dropdownHeight, error: error, ...getMenuProps({
|
|
58
|
+
ref: menuRef,
|
|
59
|
+
style: {
|
|
60
|
+
...styles['popper'],
|
|
61
|
+
minWidth: anchorElement?.offsetWidth,
|
|
62
|
+
},
|
|
63
|
+
}), openBorderLocation: undefined, children: _jsx(BKJTimeInputOptionsMapper, {}) }) }));
|
|
64
|
+
};
|
|
65
|
+
//# sourceMappingURL=BKJTimeInputOptions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInputOptions.js","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInputOptions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInputOptionsMapper.d.ts","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInputOptionsMapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAKrC,eAAO,MAAM,yBAAyB,EAAE,EA8BvC,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Fragment } from 'react';
|
|
3
|
+
import { useBKJTimeInputContext } from './BKJTimeInput.context.js';
|
|
4
|
+
import { BKJTimeInputItem } from './BKJTimeInputItem.js';
|
|
5
|
+
export const BKJTimeInputOptionsMapper = () => {
|
|
6
|
+
const { options, rowVirtualizer } = useBKJTimeInputContext();
|
|
7
|
+
return (_jsxs(Fragment, { children: [_jsx("li", { style: { height: rowVirtualizer.totalSize } }, "total-size"), options.length > 0 ? (rowVirtualizer.virtualItems.map((virtualRow) => {
|
|
8
|
+
const item = options[virtualRow.index];
|
|
9
|
+
return (_jsx(BKJTimeInputItem, { ...item, index: virtualRow.index, style: {
|
|
10
|
+
position: 'absolute',
|
|
11
|
+
top: 0,
|
|
12
|
+
left: 0,
|
|
13
|
+
width: '100%',
|
|
14
|
+
height: virtualRow.size,
|
|
15
|
+
transform: `translateY(${virtualRow.start}px)`,
|
|
16
|
+
} }, item.id));
|
|
17
|
+
})) : (_jsx(BKJTimeInputItem, { label: "No results", value: "", id: "noresults", disabled: true, minutes: 0 }))] }));
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=BKJTimeInputOptionsMapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJTimeInputOptionsMapper.js","sourceRoot":"","sources":["../../../../src/components/BKJTimeInput/src/BKJTimeInputOptionsMapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,CAAC,MAAM,yBAAyB,GAAO,GAAG,EAAE;IAChD,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAE7D,OAAO,CACL,MAAC,QAAQ,eACP,aAAqB,KAAK,EAAE,EAAE,MAAM,EAAE,cAAc,CAAC,SAAS,EAAE,IAAxD,YAAY,CAAgD,EACnE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,cAAc,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;gBAC7C,MAAM,IAAI,GAAwB,OAAO,CAAC,UAAU,CAAC,KAAK,CAAE,CAAC;gBAC7D,OAAO,CACL,KAAC,gBAAgB,OAEX,IAAI,EACR,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,CAAC;wBACN,IAAI,EAAE,CAAC;wBACP,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,UAAU,CAAC,IAAI;wBACvB,SAAS,EAAE,cAAc,UAAU,CAAC,KAAK,KAAK;qBAC/C,IAVI,IAAI,CAAC,EAAE,CAWZ,CACH,CAAC;YACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,EAAE,EAAC,EAAE,EAAC,WAAW,EAAC,QAAQ,QAAC,OAAO,EAAE,CAAC,GAAI,CACrF,IACQ,CACZ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -43,4 +43,5 @@ export * from './BKJInteractiveMap/index.js';
|
|
|
43
43
|
export * from './BKJDropdownMenu/index.js';
|
|
44
44
|
export * from './MobileBKJDropdownMenu/index.js';
|
|
45
45
|
export * from './BKJPillDropdown/index.js';
|
|
46
|
+
export * from './BKJTimeInput/index.js';
|
|
46
47
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC"}
|
package/lib/components/index.js
CHANGED
|
@@ -43,4 +43,5 @@ export * from './BKJInteractiveMap/index.js';
|
|
|
43
43
|
export * from './BKJDropdownMenu/index.js';
|
|
44
44
|
export * from './MobileBKJDropdownMenu/index.js';
|
|
45
45
|
export * from './BKJPillDropdown/index.js';
|
|
46
|
+
export * from './BKJTimeInput/index.js';
|
|
46
47
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC"}
|