@bookjane2/bookjane-design-library 9.0.18 → 9.0.19

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.
@@ -1 +1 @@
1
- {"version":3,"file":"BKJFileInput.d.ts","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,EAAE,EAA4B,MAAM,OAAO,CAAC;AAgBzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,kBAAkB,CAiE/C,CAAC"}
1
+ {"version":3,"file":"BKJFileInput.d.ts","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,EAAE,EAAqD,MAAM,OAAO,CAAC;AAiBlG,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,kBAAkB,CAkH/C,CAAC"}
@@ -1,11 +1,19 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useCallback, useRef } from 'react';
2
+ import { useLabel } from '@react-aria/label';
3
+ import { useId } from '@react-aria/utils';
4
+ import { Fragment, useCallback, useRef } from 'react';
5
+ import { isBoolean, isFormValidationErrorDisplayed } from '../../common.types.js';
3
6
  import { BKJTextInputFieldSet, BKJTextInputLabel, BKJTextInputRequiredAsterisk, } from '../BKJTextInput/BKJTextInput.styled.js';
4
7
  import { BKJFileInputLabel, BKJFileInputText, CloseIcon, DocumentIcon, ErrorText, FileWrapper, InnerWrapper, Input, } from './BKJFileInput.styled.js';
5
8
  import i18next from 'i18next';
6
9
  export const BKJFileInput = (props) => {
7
- const { className, labelProps, label, required, name, disabled, error, value, onChange = () => { }, onClear, ...rest } = props;
10
+ const { className, labelProps: consumerLabelProps, label, required, name, disabled, error, value, onChange = () => { }, onClear, ...rest } = props;
8
11
  const inputRef = useRef();
12
+ const hasStringyError = isFormValidationErrorDisplayed(error) && !isBoolean(error);
13
+ const errorId = useId();
14
+ const { labelProps, fieldProps } = useLabel({
15
+ label: label || 'File upload',
16
+ });
9
17
  const handleChange = useCallback((event) => {
10
18
  const selectedFile = event?.target?.files && event.target.files[0];
11
19
  if (selectedFile) {
@@ -23,6 +31,14 @@ export const BKJFileInput = (props) => {
23
31
  if (onClear)
24
32
  onClear();
25
33
  };
26
- return (_jsxs(BKJTextInputFieldSet, { children: [props.label && (_jsxs(BKJTextInputLabel, { ...labelProps, variant: "RoundEdges", elementType: "Label", children: [props.label, props.required && _jsx(BKJTextInputRequiredAsterisk, { children: "\u00A0*" })] })), _jsxs(InnerWrapper, { error: !!error, children: [value && _jsx(CloseIcon, { iconName: "CloseBold", onClick: handleClear }), _jsxs(FileWrapper, { isFileSelected: !!value, children: [_jsx(DocumentIcon, { iconName: "Document" }), _jsx(BKJFileInputText, { title: value && value.name, error: !!error, isFileSelected: !!value, children: !!value ? value.name : i18next.t('translations:NO_FILE_SELECTED') }), _jsx(Input, { ...rest, ref: inputRef, type: "file", onChange: handleChange })] }), _jsx(BKJFileInputLabel, { onClick: () => inputRef.current?.click(), children: !!value ? i18next.t('translations:REPLACE') : i18next.t('translations:SELECT_A_FILE') })] }), _jsx(ErrorText, { children: error })] }));
34
+ const handleClearKeyDown = (e) => {
35
+ if (e.key === 'Enter' || e.key === ' ') {
36
+ e.preventDefault();
37
+ handleClear(e);
38
+ }
39
+ };
40
+ return (_jsxs(BKJTextInputFieldSet, { children: [label && (_jsxs(BKJTextInputLabel, { ...consumerLabelProps, ...labelProps, variant: "RoundEdges", elementType: "Label", children: [label, required && _jsx(BKJTextInputRequiredAsterisk, { children: "\u00A0*" })] })), _jsxs(InnerWrapper, { error: !!error, children: [value && (_jsx(CloseIcon, { iconName: "CloseBold", onClick: handleClear, role: "button", tabIndex: 0, "aria-label": "Clear file", onKeyDown: handleClearKeyDown })), _jsxs(FileWrapper, { isFileSelected: !!value, children: [_jsx(DocumentIcon, { iconName: "Document" }), _jsx(BKJFileInputText, { title: value && value.name, error: !!error, isFileSelected: !!value, children: !!value ? value.name : i18next.t('translations:NO_FILE_SELECTED') }), _jsx(Input, { ...rest, ...fieldProps, ref: inputRef, type: "file", onChange: handleChange, "aria-invalid": isFormValidationErrorDisplayed(error) ? true : undefined, "aria-describedby": hasStringyError ? errorId : undefined, "aria-required": required || undefined, disabled: disabled })] }), _jsx(BKJFileInputLabel, { type: "button", onClick: () => inputRef.current?.click(), disabled: disabled, children: !!value ? i18next.t('translations:REPLACE') : i18next.t('translations:SELECT_A_FILE') })] }), hasStringyError && (_jsx(ErrorText, { id: errorId, children: Array.isArray(error)
41
+ ? error.map((err, i) => (_jsxs(Fragment, { children: [i > 0 && _jsx("br", {}), err] }, `${err}-${i}`)))
42
+ : error }))] }));
27
43
  };
28
44
  //# sourceMappingURL=BKJFileInput.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BKJFileInput.js","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA+B,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,4BAA4B,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,YAAY,EACZ,KAAK,GACN,MAAM,uBAAuB,CAAC;AAE/B,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,MAAM,CAAC,MAAM,YAAY,GAA2B,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,EACJ,SAAS,EACT,UAAU,EACV,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,OAAO,EACP,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,MAAM,EAAoB,CAAC;IAC5C,MAAM,YAAY,GAAmC,WAAW,CAC9D,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,YAAY,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACnE,IAAI,YAAY,EAAE,CAAC;YACjB,QAAQ,CAAC;gBACP,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE;aACvD,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD,CAAC,IAAI,EAAE,QAAQ,CAAC,CACjB,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,CAAM,EAAE,EAAE;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;QACjD,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;QAC9B,CAAC;QACD,IAAI,OAAO;YAAE,OAAO,EAAE,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,oBAAoB,eAClB,KAAK,CAAC,KAAK,IAAI,CACd,MAAC,iBAAiB,OAAK,UAAU,EAAE,OAAO,EAAC,YAAY,EAAC,WAAW,EAAC,OAAO,aACxE,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,QAAQ,IAAI,KAAC,4BAA4B,0BAAuC,IACrE,CACrB,EACD,MAAC,YAAY,IAAC,KAAK,EAAE,CAAC,CAAC,KAAK,aACzB,KAAK,IAAI,KAAC,SAAS,IAAC,QAAQ,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,GAAI,EAClE,MAAC,WAAW,IAAC,cAAc,EAAE,CAAC,CAAC,KAAK,aAClC,KAAC,YAAY,IAAC,QAAQ,EAAC,UAAU,GAAG,EACpC,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC,KAAK,YAClF,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC,GACjD,EACnB,KAAC,KAAK,OACA,IAAI,EACR,GAAG,EAAE,QAA4C,EACjD,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,YAA+D,GACzE,IACU,EACd,KAAC,iBAAiB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,YACxD,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,GACpE,IACP,EACf,KAAC,SAAS,cAAE,KAAK,GAAa,IACT,CACxB,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"BKJFileInput.js","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,4 @@
1
+ import { StoryFn } from '@storybook/react';
1
2
  import { IBKJFileInputProps } from './BKJFileInput.types.js';
2
3
  declare const setup: {
3
4
  title: string;
@@ -9,5 +10,9 @@ declare const setup: {
9
10
  };
10
11
  };
11
12
  export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IBKJFileInputProps>;
13
+ export declare const WithError: StoryFn<IBKJFileInputProps>;
14
+ export declare const WithArrayError: StoryFn<IBKJFileInputProps>;
15
+ export declare const Required: StoryFn<IBKJFileInputProps>;
16
+ export declare const Disabled: StoryFn<IBKJFileInputProps>;
12
17
  export default setup;
13
18
  //# sourceMappingURL=BKJFileInput.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BKJFileInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,KAAK;;;;;;;;CAQV,CAAC;AAUF,eAAO,MAAM,OAAO,8GAAoB,CAAC;AAIzC,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"BKJFileInput.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,KAAK;;;;;;;;CAQV,CAAC;AAUF,eAAO,MAAM,OAAO,8GAAoB,CAAC;AAIzC,eAAO,MAAM,SAAS,EAAE,OAAO,CAAC,kBAAkB,CAcjD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,kBAAkB,CActD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,kBAAkB,CAchD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,kBAAkB,CAchD,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useFormBehaviors } from '../../hooks/index.js';
3
3
  import { BKJFileInput } from './BKJFileInput.js';
4
4
  const setup = {
5
- title: 'Input Elements/BKJUpload',
5
+ title: 'Input Elements/BKJFileInput',
6
6
  component: BKJFileInput,
7
7
  argTypes: {
8
8
  error: {
@@ -19,5 +19,33 @@ const Template = () => {
19
19
  };
20
20
  export const Default = Template.bind({});
21
21
  Default.args = {};
22
+ export const WithError = () => {
23
+ const { values, onChange } = useFormBehaviors({
24
+ initialState: { file: undefined },
25
+ onSubmit: () => { },
26
+ });
27
+ return (_jsx(BKJFileInput, { name: "file", value: values.file, label: "Upload a file", error: "File type not supported", onChange: onChange }));
28
+ };
29
+ export const WithArrayError = () => {
30
+ const { values, onChange } = useFormBehaviors({
31
+ initialState: { file: undefined },
32
+ onSubmit: () => { },
33
+ });
34
+ return (_jsx(BKJFileInput, { name: "file", value: values.file, label: "Upload a file", error: ['File too large', 'Wrong format'], onChange: onChange }));
35
+ };
36
+ export const Required = () => {
37
+ const { values, onChange } = useFormBehaviors({
38
+ initialState: { file: undefined },
39
+ onSubmit: () => { },
40
+ });
41
+ return (_jsx(BKJFileInput, { name: "file", value: values.file, label: "Upload a file", required: true, onChange: onChange }));
42
+ };
43
+ export const Disabled = () => {
44
+ const { values, onChange } = useFormBehaviors({
45
+ initialState: { file: undefined },
46
+ onSubmit: () => { },
47
+ });
48
+ return (_jsx(BKJFileInput, { name: "file", value: values.file, label: "Upload a file", disabled: true, onChange: onChange }));
49
+ };
22
50
  export default setup;
23
51
  //# sourceMappingURL=BKJFileInput.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BKJFileInput.stories.js","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,eAAe;SACtB;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAgC,GAAG,EAAE;IACjD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC;QAC5C,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QACjC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;KACnB,CAAC,CAAC;IACH,OAAO,KAAC,YAAY,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACpG,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAC;AAElB,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"BKJFileInput.stories.js","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.stories.tsx"],"names":[],"mappings":"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"}
@@ -19,6 +19,6 @@ export declare const BKJFileInputText: import("styled-components/dist/types").IS
19
19
  isFileSelected: boolean;
20
20
  error: boolean;
21
21
  }>> & string;
22
- export declare const BKJFileInputLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
22
+ export declare const BKJFileInputLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
23
23
  export declare const ErrorText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
24
24
  //# sourceMappingURL=BKJFileInput.styled.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BKJFileInput.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.styled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY;WAAuB,OAAO;YAYtD,CAAC;AAEF,eAAO,MAAM,WAAW;oBAAgC,OAAO;YAO9D,CAAC;AAEF,eAAO,MAAM,SAAS;;;;+IAKrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;+IAExB,CAAC;AAEF,eAAO,MAAM,KAAK,sOAIjB,CAAC;AAEF,eAAO,MAAM,gBAAgB;oBAAkC,OAAO;WAAS,OAAO;YAWrF,CAAC;AAEF,eAAO,MAAM,iBAAiB,yOAM7B,CAAC;AAEF,eAAO,MAAM,SAAS,sOAErB,CAAC"}
1
+ {"version":3,"file":"BKJFileInput.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.styled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY;WAAuB,OAAO;YAYtD,CAAC;AAEF,eAAO,MAAM,WAAW;oBAAgC,OAAO;YAO9D,CAAC;AAEF,eAAO,MAAM,SAAS;;;;+IAKrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;+IAExB,CAAC;AAEF,eAAO,MAAM,KAAK,sOAIjB,CAAC;AAEF,eAAO,MAAM,gBAAgB;oBAAkC,OAAO;WAAS,OAAO;YAWrF,CAAC;AAEF,eAAO,MAAM,iBAAiB,yOAS7B,CAAC;AAEF,eAAO,MAAM,SAAS,sOAErB,CAAC"}
@@ -45,12 +45,15 @@ export const BKJFileInputText = styled.label `
45
45
  color: ${({ theme }) => theme.colors.ErrorDefault};
46
46
  `};
47
47
  `;
48
- export const BKJFileInputLabel = styled.p `
48
+ export const BKJFileInputLabel = styled.button `
49
49
  cursor: pointer;
50
50
  ${({ theme }) => theme.typography.TextLink};
51
51
  color: ${({ theme }) => theme.colors.PrimaryDefault};
52
52
  text-decoration: underline;
53
53
  margin-top: auto;
54
+ background: none;
55
+ border: none;
56
+ padding: 0;
54
57
  `;
55
58
  export const ErrorText = styled.label `
56
59
  ${InputErrorMessageCSS}
@@ -1 +1 @@
1
- {"version":3,"file":"BKJFileInput.styled.js","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAoB;;;;;;;;;;sBAUpC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CACvC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CAC5D,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAA6B;;oBAE9C,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;;;;;CAK9E,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;CAKvC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;CAE1C,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;;;;CAIhC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAA6C;IACrF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI;IACpC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;;WAE7B,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,CACrC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;IACtE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACL,GAAG,CAAA;eACQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;KAClD;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,CAAC,CAAA;;IAErC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ;WACjC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc;;;CAGpD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAA;IACjC,oBAAoB;CACvB,CAAC"}
1
+ {"version":3,"file":"BKJFileInput.styled.js","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAoB;;;;;;;;;;sBAUpC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CACvC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;CAC5D,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAA6B;;oBAE9C,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;;;;;CAK9E,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;CAKvC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;CAE1C,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;;;;CAIhC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAA6C;IACrF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI;IACpC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;;WAE7B,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,CACrC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;IACtE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACL,GAAG,CAAA;eACQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;KAClD;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAA;;IAE1C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ;WACjC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc;;;;;;CAMpD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAA;IACjC,oBAAoB;CACvB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=BKJFileInput.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJFileInput.test.d.ts","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,141 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { fireEvent, screen } from '@testing-library/react';
3
+ import { renderAndCheckA11y, renderWithTheme } from '../../test-utils/index.js';
4
+ import { BKJThemeProvider } from '../../providers/BKJThemeProvider/index.js';
5
+ import { BKJFileInput } from './BKJFileInput.js';
6
+ const noop = () => { };
7
+ describe('BKJFileInput', () => {
8
+ describe('Accessibility', () => {
9
+ it('default (labelled) has no a11y violations', async () => {
10
+ const { axeResults } = await renderAndCheckA11y(_jsx(BKJFileInput, { name: "file", label: "Upload a file", onChange: noop }));
11
+ expect(axeResults).toHaveNoViolations();
12
+ });
13
+ it('without label prop has no a11y violations', async () => {
14
+ const { axeResults } = await renderAndCheckA11y(_jsx(BKJFileInput, { name: "file", onChange: noop }));
15
+ expect(axeResults).toHaveNoViolations();
16
+ });
17
+ it('required has no a11y violations', async () => {
18
+ const { axeResults } = await renderAndCheckA11y(_jsx(BKJFileInput, { name: "file", label: "Upload a file", required: true, onChange: noop }));
19
+ expect(axeResults).toHaveNoViolations();
20
+ });
21
+ it('with string error has no a11y violations', async () => {
22
+ const { axeResults } = await renderAndCheckA11y(_jsx(BKJFileInput, { name: "file", label: "Upload a file", error: "File type not supported", onChange: noop }));
23
+ expect(axeResults).toHaveNoViolations();
24
+ });
25
+ it('with array of errors has no a11y violations', async () => {
26
+ const { axeResults } = await renderAndCheckA11y(_jsx(BKJFileInput, { name: "file", label: "Upload a file", error: ['File too large', 'Wrong format'], onChange: noop }));
27
+ expect(axeResults).toHaveNoViolations();
28
+ });
29
+ it('with boolean-true error has no a11y violations', async () => {
30
+ const { axeResults } = await renderAndCheckA11y(_jsx(BKJFileInput, { name: "file", label: "Upload a file", error: true, onChange: noop }));
31
+ expect(axeResults).toHaveNoViolations();
32
+ });
33
+ it('disabled has no a11y violations', async () => {
34
+ const { axeResults } = await renderAndCheckA11y(_jsx(BKJFileInput, { name: "file", label: "Upload a file", disabled: true, onChange: noop }));
35
+ expect(axeResults).toHaveNoViolations();
36
+ });
37
+ });
38
+ describe('ARIA attributes', () => {
39
+ it('label htmlFor matches hidden input id', () => {
40
+ const { container } = renderWithTheme(_jsx(BKJFileInput, { name: "file", label: "Upload a file", onChange: noop }));
41
+ const input = container.querySelector('input[type="file"]');
42
+ expect(input).not.toBeNull();
43
+ const inputId = input.getAttribute('id');
44
+ expect(inputId).toBeTruthy();
45
+ const label = container.querySelector(`label[for="${inputId}"]`);
46
+ expect(label).not.toBeNull();
47
+ expect(label.textContent).toContain('Upload a file');
48
+ });
49
+ it('hidden input has aria-invalid="true" when error is a string', () => {
50
+ const { container } = renderWithTheme(_jsx(BKJFileInput, { name: "file", label: "Upload a file", error: "Required", onChange: noop }));
51
+ const input = container.querySelector('input[type="file"]');
52
+ expect(input).toHaveAttribute('aria-invalid', 'true');
53
+ });
54
+ it('hidden input has aria-describedby referencing the error element when error is a string', () => {
55
+ const { container } = renderWithTheme(_jsx(BKJFileInput, { name: "file", label: "Upload a file", error: "Required", onChange: noop }));
56
+ const input = container.querySelector('input[type="file"]');
57
+ const describedBy = input.getAttribute('aria-describedby');
58
+ expect(describedBy).toBeTruthy();
59
+ const errorEl = container.querySelector(`[id="${describedBy}"]`);
60
+ expect(errorEl).not.toBeNull();
61
+ expect(errorEl.textContent).toContain('Required');
62
+ });
63
+ it('hidden input has no aria-invalid when error is falsy', () => {
64
+ const { container } = renderWithTheme(_jsx(BKJFileInput, { name: "file", label: "Upload a file", onChange: noop }));
65
+ const input = container.querySelector('input[type="file"]');
66
+ expect(input).not.toHaveAttribute('aria-invalid');
67
+ });
68
+ it('hidden input has aria-invalid="true" but no error element when error is boolean true', () => {
69
+ const { container } = renderWithTheme(_jsx(BKJFileInput, { name: "file", label: "Upload a file", error: true, onChange: noop }));
70
+ const input = container.querySelector('input[type="file"]');
71
+ expect(input).toHaveAttribute('aria-invalid', 'true');
72
+ const describedBy = input.getAttribute('aria-describedby');
73
+ expect(describedBy).toBeFalsy();
74
+ });
75
+ it('hidden input has aria-required="true" when required is true', () => {
76
+ const { container } = renderWithTheme(_jsx(BKJFileInput, { name: "file", label: "Upload a file", required: true, onChange: noop }));
77
+ const input = container.querySelector('input[type="file"]');
78
+ expect(input).toHaveAttribute('aria-required', 'true');
79
+ });
80
+ it('hidden input has no aria-required when required is absent', () => {
81
+ const { container } = renderWithTheme(_jsx(BKJFileInput, { name: "file", label: "Upload a file", onChange: noop }));
82
+ const input = container.querySelector('input[type="file"]');
83
+ expect(input).not.toHaveAttribute('aria-required');
84
+ });
85
+ it('renders a single error element when error is an array of strings', () => {
86
+ const { container } = renderWithTheme(_jsx(BKJFileInput, { name: "file", label: "Upload a file", error: ['File too large', 'Wrong format'], onChange: noop }));
87
+ const input = container.querySelector('input[type="file"]');
88
+ const describedBy = input.getAttribute('aria-describedby');
89
+ expect(describedBy).toBeTruthy();
90
+ const errorIds = (describedBy ?? '').split(/\s+/).filter(Boolean);
91
+ errorIds.forEach((id) => {
92
+ const matches = container.querySelectorAll(`[id="${id}"]`);
93
+ expect(matches.length).toBe(1);
94
+ });
95
+ });
96
+ });
97
+ describe('Keyboard interaction', () => {
98
+ it('trigger is a button element', () => {
99
+ renderWithTheme(_jsx(BKJFileInput, { name: "file", label: "Upload a file", onChange: noop }));
100
+ const trigger = screen.getByRole('button', { name: /Select a File/i });
101
+ expect(trigger).toBeInTheDocument();
102
+ expect(trigger.tagName).toBe('BUTTON');
103
+ });
104
+ it('close icon has role="button", tabIndex, and aria-label when file is selected', () => {
105
+ const mockFile = new File(['test'], 'document.pdf', { type: 'application/pdf' });
106
+ const { container } = renderWithTheme(_jsx(BKJFileInput, { name: "file", label: "Upload a file", value: mockFile, onChange: noop }));
107
+ const closeIcon = container.querySelector('[aria-label="Clear file"]');
108
+ expect(closeIcon).not.toBeNull();
109
+ expect(closeIcon).toHaveAttribute('role', 'button');
110
+ expect(closeIcon).toHaveAttribute('tabindex', '0');
111
+ });
112
+ it('close icon onKeyDown Enter calls clear handler', () => {
113
+ const mockFile = new File(['test'], 'document.pdf', { type: 'application/pdf' });
114
+ const onChangeMock = jest.fn();
115
+ const onClearMock = jest.fn();
116
+ const { container } = renderWithTheme(_jsx(BKJFileInput, { name: "file", label: "Upload a file", value: mockFile, onChange: onChangeMock, onClear: onClearMock }));
117
+ const closeIcon = container.querySelector('[aria-label="Clear file"]');
118
+ expect(closeIcon).not.toBeNull();
119
+ fireEvent.keyDown(closeIcon, { key: 'Enter' });
120
+ expect(onClearMock).toHaveBeenCalled();
121
+ });
122
+ it('trigger button is disabled when disabled prop is true', () => {
123
+ renderWithTheme(_jsx(BKJFileInput, { name: "file", label: "Upload a file", disabled: true, onChange: noop }));
124
+ const trigger = screen.getByRole('button', { name: /Select a File/i });
125
+ expect(trigger).toBeDisabled();
126
+ });
127
+ });
128
+ describe('State transitions', () => {
129
+ it('clears aria-invalid and error linkage when error is removed', () => {
130
+ const { container, rerender } = renderWithTheme(_jsx(BKJFileInput, { name: "file", label: "Upload a file", error: "Required", onChange: noop }));
131
+ const input = container.querySelector('input[type="file"]');
132
+ expect(input).toHaveAttribute('aria-invalid', 'true');
133
+ expect(input.getAttribute('aria-describedby')).toBeTruthy();
134
+ rerender(_jsx(BKJThemeProvider, { children: _jsx(BKJFileInput, { name: "file", label: "Upload a file", onChange: noop }) }));
135
+ const inputCleared = container.querySelector('input[type="file"]');
136
+ expect(inputCleared).not.toHaveAttribute('aria-invalid');
137
+ expect(inputCleared.getAttribute('aria-describedby')).toBeFalsy();
138
+ });
139
+ });
140
+ });
141
+ //# sourceMappingURL=BKJFileInput.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BKJFileInput.test.js","sourceRoot":"","sources":["../../../src/components/BKJFileInput/BKJFileInput.test.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bookjane2/bookjane-design-library",
3
- "version": "9.0.18",
3
+ "version": "9.0.19",
4
4
  "main": "./lib/index.js",
5
5
  "typings": "./lib/index.d.ts",
6
6
  "engines": {