@bookjane2/bookjane-design-library 8.2.21 → 8.2.23
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/BKJButtonIconTextInput/BKJButtonIconTextInput.styled.d.ts +1 -1
- package/lib/components/BKJButtonIconTextInput/BKJButtonIconTextInput.styled.d.ts.map +1 -1
- package/lib/components/BKJButtonIconTextInput/BKJButtonIconTextInput.styled.js +19 -11
- package/lib/components/BKJButtonIconTextInput/BKJButtonIconTextInput.styled.js.map +1 -1
- package/lib/components/BKJComboBox/src/BKJComboBoxInput.js +1 -1
- package/lib/components/BKJComboBox/src/BKJComboBoxInput.js.map +1 -1
- package/lib/components/BKJComboBoxAsync/src/BKJComboBoxAsyncInput.js +2 -2
- package/lib/components/BKJComboBoxAsync/src/BKJComboBoxAsyncInput.js.map +1 -1
- package/lib/components/BKJSelectSearch/BKJSelectSearch.d.ts +1 -2
- package/lib/components/BKJSelectSearch/BKJSelectSearch.d.ts.map +1 -1
- package/lib/components/BKJSelectSearch/BKJSelectSearch.stories.d.ts +17 -0
- package/lib/components/BKJSelectSearch/BKJSelectSearch.stories.d.ts.map +1 -0
- package/lib/components/BKJSelectSearch/BKJSelectSearch.stories.js +41 -0
- package/lib/components/BKJSelectSearch/BKJSelectSearch.stories.js.map +1 -0
- package/lib/components/BKJSelectSearch/BKJSelectSearch.styled.d.ts.map +1 -1
- package/lib/components/BKJSelectSearch/BKJSelectSearch.styled.js +4 -0
- package/lib/components/BKJSelectSearch/BKJSelectSearch.styled.js.map +1 -1
- package/package.json +1 -1
|
@@ -7,7 +7,6 @@ export declare const ButtonIconTextInputRequiredAsterisk: import("styled-compone
|
|
|
7
7
|
}, "disabled" | "key" | keyof import("react").LabelHTMLAttributes<HTMLLabelElement>> & {
|
|
8
8
|
ref?: import("react").Ref<HTMLLabelElement>;
|
|
9
9
|
}, never>> & string;
|
|
10
|
-
export declare const ButtonIconTextInputInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
11
10
|
export declare const ButtonIconTextInputIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
11
|
export declare const ButtonIconTextInputIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Pick<import("../BKJIcon/BKJIcon.types.js").IBKJIconProps & {
|
|
13
12
|
children?: import("react").ReactNode;
|
|
@@ -22,4 +21,5 @@ export declare const ButtonIconTextInputButtonIcon: import("styled-components/di
|
|
|
22
21
|
export declare const ButtonIconTextInput: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
23
22
|
export declare const ButtonIconTextInputErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
24
23
|
export declare const ButtonIconTextInputButton: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
24
|
+
export declare const ButtonIconTextInputInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
25
25
|
//# sourceMappingURL=BKJButtonIconTextInput.styled.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJButtonIconTextInput.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJButtonIconTextInput/BKJButtonIconTextInput.styled.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,0BAA0B,
|
|
1
|
+
{"version":3,"file":"BKJButtonIconTextInput.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJButtonIconTextInput/BKJButtonIconTextInput.styled.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,0BAA0B,6NAGtC,CAAC;AAEF,eAAO,MAAM,wBAAwB;eAA6B,OAAO;YAExE,CAAC;AAEF,eAAO,MAAM,mCAAmC;eAJkB,OAAO;;;mBAMxE,CAAC;AAGF,eAAO,MAAM,8BAA8B,6NAY1C,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;+IAInC,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;;+IAKzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,kFAK/B,CAAC;AAEF,eAAO,MAAM,+BAA+B,yOAE3C,CAAC;AAEF,eAAO,MAAM,yBAAyB,kFA8BrC,CAAC;AAEF,eAAO,MAAM,+BAA+B,6NAiB3C,CAAC"}
|
|
@@ -3,11 +3,7 @@ import { BKJIcon } from '../BKJIcon/BKJIcon.js';
|
|
|
3
3
|
import { InputBaseCSS, InputErrorMessageCSS, InputLabelCSS, InputRequiredAsteriskCSS, InputWrapperCSS, OnFocusInput, } from '../common/index.js';
|
|
4
4
|
export const ButtonIconTextInputWrapper = styled.div `
|
|
5
5
|
${InputWrapperCSS}
|
|
6
|
-
|
|
7
|
-
input {
|
|
8
|
-
${OnFocusInput()};
|
|
9
|
-
}
|
|
10
|
-
}
|
|
6
|
+
|
|
11
7
|
`;
|
|
12
8
|
export const ButtonIconTextInputLabel = styled.label `
|
|
13
9
|
${InputLabelCSS}
|
|
@@ -15,12 +11,6 @@ export const ButtonIconTextInputLabel = styled.label `
|
|
|
15
11
|
export const ButtonIconTextInputRequiredAsterisk = styled(ButtonIconTextInputLabel) `
|
|
16
12
|
${InputRequiredAsteriskCSS}
|
|
17
13
|
`;
|
|
18
|
-
export const ButtonIconTextInputInputWrapper = styled.div `
|
|
19
|
-
display: flex;
|
|
20
|
-
position: relative;
|
|
21
|
-
cursor: text;
|
|
22
|
-
height: 100%;
|
|
23
|
-
`;
|
|
24
14
|
export const ButtonIconTextInputIconWrapper = styled.div `
|
|
25
15
|
height: 100%;
|
|
26
16
|
width: 38px;
|
|
@@ -84,4 +74,22 @@ export const ButtonIconTextInputButton = styled.button `
|
|
|
84
74
|
cursor: pointer;
|
|
85
75
|
}
|
|
86
76
|
`;
|
|
77
|
+
export const ButtonIconTextInputInputWrapper = styled.div `
|
|
78
|
+
display: flex;
|
|
79
|
+
position: relative;
|
|
80
|
+
cursor: text;
|
|
81
|
+
height: 100%;
|
|
82
|
+
&:focus-within {
|
|
83
|
+
${OnFocusInput()};
|
|
84
|
+
|
|
85
|
+
${ButtonIconTextInput} {
|
|
86
|
+
border-color: transparent;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
${ButtonIconTextInputButton} {
|
|
90
|
+
border-color: transparent;
|
|
91
|
+
border-left: 1px solid ${({ theme }) => theme.colors.Grey6};
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
`;
|
|
87
95
|
//# sourceMappingURL=BKJButtonIconTextInput.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJButtonIconTextInput.styled.js","sourceRoot":"","sources":["../../../src/components/BKJButtonIconTextInput/BKJButtonIconTextInput.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,aAAa,EACb,wBAAwB,EACxB,eAAe,EACf,YAAY,GACb,MAAM,WAAW,CAAC;AAEnB,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAA;IAChD,eAAe
|
|
1
|
+
{"version":3,"file":"BKJButtonIconTextInput.styled.js","sourceRoot":"","sources":["../../../src/components/BKJButtonIconTextInput/BKJButtonIconTextInput.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,aAAa,EACb,wBAAwB,EACxB,eAAe,EACf,YAAY,GACb,MAAM,WAAW,CAAC;AAEnB,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAA;IAChD,eAAe;;CAElB,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,KAAK,CAAwB;IACxE,aAAa;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,mCAAmC,GAAG,MAAM,CAAC,wBAAwB,CAAC,CAAA;IAC/E,wBAAwB;CAC3B,CAAC;AAGF,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYvD,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;CAIrD,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;CAK3D,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAK;IAChD,YAAY;;;;CAIf,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAG,MAAM,CAAC,CAAC,CAAA;IACnD,oBAAoB;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,MAAM,CAAK;;;gBAG3C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;sBAE3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;IAQnD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;;;WAGrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;IAC/C,CAAC,EAAE,WAAW,EAAO,EAAE,EAAE,CACzB,WAAW;IACX,GAAG,CAAA;mBACY,WAAW;mBACX,WAAW;eACf,WAAW;KACrB;;;;;;;CAOJ,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;MAMnD,YAAY,EAAE;;MAEd,mBAAmB;;;;MAInB,yBAAyB;;+BAEA,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;CAG/D,CAAC"}
|
|
@@ -19,6 +19,6 @@ export const BKJComboBoxInput = ({ className, autoComplete, overrides, showFullF
|
|
|
19
19
|
label,
|
|
20
20
|
disabled,
|
|
21
21
|
});
|
|
22
|
-
return (_jsx(BKJTextInput, { isOpen: isOpen, labelProps: getLabelProps(), fieldSetProps: getComboboxProps(), variant: variant, ...inputProps, value: inputProps.value, autoComplete: autoComplete, className: `${inputProps.class} ${className}`, overrides: ['NO_REQUIRED'], rightIconProps: rightIconProps, leftIconProps: leftIconProps, error: error, css: isOpen && getComboBoxFocusBorderStyles({ showFullFocusBorder, isDropdownReverse }), useFocusBorder: false }));
|
|
22
|
+
return (_jsx(BKJTextInput, { isOpen: isOpen, labelProps: getLabelProps(), fieldSetProps: getComboboxProps(), variant: variant, ...inputProps, value: inputProps.value, autoComplete: autoComplete, className: `${inputProps.class} ${className}`, overrides: ['NO_REQUIRED'], rightIconProps: rightIconProps, leftIconProps: leftIconProps, error: isOpen ? false : error, css: isOpen && getComboBoxFocusBorderStyles({ showFullFocusBorder, isDropdownReverse }), useFocusBorder: false }));
|
|
23
23
|
};
|
|
24
24
|
//# sourceMappingURL=BKJComboBoxInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJComboBoxInput.js","sourceRoot":"","sources":["../../../../src/components/BKJComboBox/src/BKJComboBoxInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAErE,MAAM,CAAC,MAAM,gBAAgB,GAKxB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAG,mBAAmB,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpF,MAAM,EACJ,KAAK,EACL,OAAO,GAAG,yBAAyB,EACnC,MAAM,EACN,KAAK,EACL,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,aAAa,EACb,MAAM,EACN,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,iBAAiB,GAClB,GAAG,qBAAqB,EAAE,CAAC;IAE5B,MAAM,kBAAkB,GAAG,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAElE,MAAM,cAAc,GAAG,iBAAiB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAE3D,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,GAAG,IAAI;QACP,SAAS,EAAE,cAAc;QACzB,KAAK,EAAE,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,UAAU;QAC9E,OAAO,EAAE,YAAY;QACrB,GAAG,EAAE,gBAAuB;QAC5B,WAAW;QACX,QAAQ;QACR,IAAI;QACJ,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,aAAa,EAAE,EAC3B,aAAa,EAAE,gBAAgB,EAAE,EACjC,OAAO,EAAE,OAAO,KACZ,UAAU,EACd,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,GAAG,UAAU,CAAC,KAAK,IAAI,SAAS,EAAE,EAC7C,SAAS,EAAE,CAAC,aAAa,CAAC,EAC1B,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"BKJComboBoxInput.js","sourceRoot":"","sources":["../../../../src/components/BKJComboBox/src/BKJComboBoxInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAErE,MAAM,CAAC,MAAM,gBAAgB,GAKxB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAG,mBAAmB,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpF,MAAM,EACJ,KAAK,EACL,OAAO,GAAG,yBAAyB,EACnC,MAAM,EACN,KAAK,EACL,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,aAAa,EACb,MAAM,EACN,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,iBAAiB,GAClB,GAAG,qBAAqB,EAAE,CAAC;IAE5B,MAAM,kBAAkB,GAAG,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAElE,MAAM,cAAc,GAAG,iBAAiB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAE3D,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,GAAG,IAAI;QACP,SAAS,EAAE,cAAc;QACzB,KAAK,EAAE,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,UAAU;QAC9E,OAAO,EAAE,YAAY;QACrB,GAAG,EAAE,gBAAuB;QAC5B,WAAW;QACX,QAAQ;QACR,IAAI;QACJ,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,aAAa,EAAE,EAC3B,aAAa,EAAE,gBAAgB,EAAE,EACjC,OAAO,EAAE,OAAO,KACZ,UAAU,EACd,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,GAAG,UAAU,CAAC,KAAK,IAAI,SAAS,EAAE,EAC7C,SAAS,EAAE,CAAC,aAAa,CAAC,EAC1B,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAC7B,GAAG,EAAE,MAAM,IAAI,4BAA4B,CAAC,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,CAAC,EACvF,cAAc,EAAE,KAAK,GACrB,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -29,8 +29,8 @@ export const BKJComboBoxAsyncInput = forwardRef(({ autoComplete, className, over
|
|
|
29
29
|
isDropdownReverse,
|
|
30
30
|
});
|
|
31
31
|
if (overrides.includes('NoInitialResults')) {
|
|
32
|
-
return (_jsx(BKJTextInput, { isOpen: typeof searchValue === 'string' && searchValue === '' ? false : isOpen, labelProps: getLabelProps(), fieldSetProps: getComboboxProps(), variant: variantMap[variant], ...inputProps, className: className, css: isOpen && focusBorderStyles, rightIconProps: rightIconProps, leftIconProps: leftIconProps, error: error, autoComplete: autoComplete, ref: mergeRefs([setAnchorElement, inputProps.ref]), useFocusBorder: false }));
|
|
32
|
+
return (_jsx(BKJTextInput, { isOpen: typeof searchValue === 'string' && searchValue === '' ? false : isOpen, labelProps: getLabelProps(), fieldSetProps: getComboboxProps(), variant: variantMap[variant], ...inputProps, className: className, css: isOpen && focusBorderStyles, rightIconProps: rightIconProps, leftIconProps: leftIconProps, error: isOpen ? false : error, autoComplete: autoComplete, ref: mergeRefs([setAnchorElement, inputProps.ref]), useFocusBorder: false }));
|
|
33
33
|
}
|
|
34
|
-
return (_jsx(BKJTextInput, { isOpen: isOpen, labelProps: getLabelProps(), fieldSetProps: getComboboxProps(), variant: variantMap[variant], ...inputProps, className: className, css: isOpen && focusBorderStyles, rightIconProps: rightIconProps, leftIconProps: leftIconProps, error: error, autoComplete: autoComplete, ref: mergeRefs([setAnchorElement, inputProps.ref]), useFocusBorder: false }));
|
|
34
|
+
return (_jsx(BKJTextInput, { isOpen: isOpen, labelProps: getLabelProps(), fieldSetProps: getComboboxProps(), variant: variantMap[variant], ...inputProps, className: className, css: isOpen && focusBorderStyles, rightIconProps: rightIconProps, leftIconProps: leftIconProps, error: isOpen ? false : error, autoComplete: autoComplete, ref: mergeRefs([setAnchorElement, inputProps.ref]), useFocusBorder: false }));
|
|
35
35
|
});
|
|
36
36
|
//# sourceMappingURL=BKJComboBoxAsyncInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJComboBoxAsyncInput.js","sourceRoot":"","sources":["../../../../src/components/BKJComboBoxAsync/src/BKJComboBoxAsyncInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAC;AAEpF,MAAM,UAAU,GAAkD;IAChE,MAAM,EAAE,yBAAyB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAQ7C,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,mBAAmB,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1F,MAAM,EACJ,KAAK,EACL,OAAO,GAAG,QAAQ,EAClB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,aAAa,EACb,MAAM,EACN,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,QAAQ,EACR,cAAc,EACd,iBAAiB,GAClB,GAAG,0BAA0B,EAAE,CAAC;IAEjC,MAAM,cAAc,GAAG,iBAAiB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAE3D,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,GAAG,IAAI;QACP,SAAS,EAAE,cAAc;QACzB,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,WAAW;QACxD,OAAO,EAAE,YAAY;QACrB,GAAG;QACH,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,cAAc;QACxB,QAAQ;QACR,KAAK;QACL,QAAQ;QACR,WAAW;KACZ,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,4BAA4B,CAAC;QACrD,mBAAmB;QACnB,iBAAiB;KAClB,CAAC,CAAC;IAEH,IAAI,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC;QAC3C,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,OAAO,WAAW,KAAK,QAAQ,IAAI,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAC9E,UAAU,EAAE,aAAa,EAAE,EAC3B,aAAa,EAAE,gBAAgB,EAAE,EACjC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,KACxB,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,MAAM,IAAI,iBAAiB,EAChC,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"BKJComboBoxAsyncInput.js","sourceRoot":"","sources":["../../../../src/components/BKJComboBoxAsync/src/BKJComboBoxAsyncInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
interface IProps {
|
|
2
|
+
export interface IProps {
|
|
3
3
|
name: string;
|
|
4
4
|
onChange: (e: any) => any;
|
|
5
5
|
value: string;
|
|
@@ -7,5 +7,4 @@ interface IProps {
|
|
|
7
7
|
debounceMs?: number;
|
|
8
8
|
}
|
|
9
9
|
export declare const BKJSelectSearch: FC<IProps>;
|
|
10
|
-
export {};
|
|
11
10
|
//# sourceMappingURL=BKJSelectSearch.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJSelectSearch.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAA4C,MAAM,OAAO,CAAC;AAGrE,
|
|
1
|
+
{"version":3,"file":"BKJSelectSearch.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAA4C,MAAM,OAAO,CAAC;AAGrE,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,MAAM,CAiDtC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { BKJSelectSearch } from './BKJSelectSearch.js';
|
|
3
|
+
declare const setup: Meta<typeof BKJSelectSearch>;
|
|
4
|
+
export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BKJSelectSearch.js").IProps & {
|
|
5
|
+
children?: import("react").ReactNode;
|
|
6
|
+
}>;
|
|
7
|
+
export declare const WithPlaceholder: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BKJSelectSearch.js").IProps & {
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
}>;
|
|
10
|
+
export declare const WithDebounce: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BKJSelectSearch.js").IProps & {
|
|
11
|
+
children?: import("react").ReactNode;
|
|
12
|
+
}>;
|
|
13
|
+
export declare const WithInitialValue: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BKJSelectSearch.js").IProps & {
|
|
14
|
+
children?: import("react").ReactNode;
|
|
15
|
+
}>;
|
|
16
|
+
export default setup;
|
|
17
|
+
//# sourceMappingURL=BKJSelectSearch.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJSelectSearch.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,KAAK,EAAE,IAAI,CAAC,OAAO,eAAe,CAGvC,CAAC;AAYF,eAAO,MAAM,OAAO;;EAAoB,CAAC;AAOzC,eAAO,MAAM,eAAe;;EAAoB,CAAC;AAOjD,eAAO,MAAM,YAAY;;EAAoB,CAAC;AAQ9C,eAAO,MAAM,gBAAgB;;EAAoB,CAAC;AAOlD,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useState } from 'react';
|
|
3
|
+
import { BKJSelectSearch } from './BKJSelectSearch.js';
|
|
4
|
+
const setup = {
|
|
5
|
+
title: 'Input Elements/BKJSelectSearch',
|
|
6
|
+
component: BKJSelectSearch,
|
|
7
|
+
};
|
|
8
|
+
const Template = (args) => {
|
|
9
|
+
const [value, setValue] = useState(args.value || '');
|
|
10
|
+
const handleChange = useCallback((e) => {
|
|
11
|
+
setValue(e.target.value);
|
|
12
|
+
}, []);
|
|
13
|
+
return _jsx(BKJSelectSearch, { ...args, value: value, onChange: handleChange });
|
|
14
|
+
};
|
|
15
|
+
export const Default = Template.bind({});
|
|
16
|
+
Default.args = {
|
|
17
|
+
name: 'search',
|
|
18
|
+
placeholder: 'Search...',
|
|
19
|
+
value: '',
|
|
20
|
+
};
|
|
21
|
+
export const WithPlaceholder = Template.bind({});
|
|
22
|
+
WithPlaceholder.args = {
|
|
23
|
+
name: 'search',
|
|
24
|
+
placeholder: 'Type to search items...',
|
|
25
|
+
value: '',
|
|
26
|
+
};
|
|
27
|
+
export const WithDebounce = Template.bind({});
|
|
28
|
+
WithDebounce.args = {
|
|
29
|
+
name: 'search',
|
|
30
|
+
placeholder: 'Search with 500ms debounce...',
|
|
31
|
+
value: '',
|
|
32
|
+
debounceMs: 500,
|
|
33
|
+
};
|
|
34
|
+
export const WithInitialValue = Template.bind({});
|
|
35
|
+
WithInitialValue.args = {
|
|
36
|
+
name: 'search',
|
|
37
|
+
placeholder: 'Search...',
|
|
38
|
+
value: 'Initial search term',
|
|
39
|
+
};
|
|
40
|
+
export default setup;
|
|
41
|
+
//# sourceMappingURL=BKJSelectSearch.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BKJSelectSearch.stories.js","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,KAAK,GAAiC;IAC1C,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,eAAe;CAC3B,CAAC;AAEF,MAAM,QAAQ,GAAoC,CAAC,IAAI,EAAE,EAAE;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAErD,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAM,EAAE,EAAE;QAC1C,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,KAAC,eAAe,OAAK,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,GAAI,CAAC;AAC7E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,WAAW;IACxB,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,eAAe,CAAC,IAAI,GAAG;IACrB,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,yBAAyB;IACtC,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,+BAA+B;IAC5C,KAAK,EAAE,EAAE;IACT,UAAU,EAAE,GAAG;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,gBAAgB,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,WAAW;IACxB,KAAK,EAAE,qBAAqB;CAC7B,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJSelectSearch.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.styled.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BKJSelectSearch.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,6NAS7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,kFAelC,CAAC;AAEF,eAAO,MAAM,eAAe,sOAa3B,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
+
import { OnFocusInput } from '../common/index.js';
|
|
2
3
|
export const SearchableWrapper = styled.div `
|
|
3
4
|
position: sticky;
|
|
4
5
|
top: 0;
|
|
@@ -21,6 +22,9 @@ export const SearchableInnerWrapper = styled.div `
|
|
|
21
22
|
outline: none;
|
|
22
23
|
border: none;
|
|
23
24
|
border: solid 1px ${({ theme }) => theme.colors.Grey6};
|
|
25
|
+
&:focus-within {
|
|
26
|
+
${OnFocusInput()};
|
|
27
|
+
}
|
|
24
28
|
`;
|
|
25
29
|
export const SearchableInput = styled.input `
|
|
26
30
|
overflow: hidden;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJSelectSearch.styled.js","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"BKJSelectSearch.styled.js","sourceRoot":"","sources":["../../../src/components/BKJSelectSearch/BKJSelectSearch.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;sBAQrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAK;;;;;;;;;;;sBAW/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;MAEjD,YAAY,EAAE;;CAEnB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAA;;IAEvC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB;WACrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;;;;;;aAQtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;CAE7C,CAAC"}
|