@helsenorge/lightbox 8.0.0-beta.6
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/CHANGELOG.md +2019 -0
- package/__mocks__/styleMock.d.ts +1 -0
- package/__mocks__/styleMock.js +2 -0
- package/__mocks__/styleMock.js.map +1 -0
- package/components/LightBox/LightBox.d.ts +39 -0
- package/components/LightBox/MiniSlider.d.ts +11 -0
- package/components/LightBox/index.d.ts +3 -0
- package/components/LightBox/index.js +1105 -0
- package/components/LightBox/index.js.map +1 -0
- package/components/LightBox/styles.module.scss +139 -0
- package/components/LightBox/styles.module.scss.d.ts +20 -0
- package/package.json +20 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styleMock.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface LightBoxProps {
|
|
3
|
+
/** Aria label for the close button */
|
|
4
|
+
ariaLabelCloseButton: string;
|
|
5
|
+
/** Aria label for the text box button when its open */
|
|
6
|
+
ariaLabelCloseTextBox: string;
|
|
7
|
+
/** Aria label for the left arrow button */
|
|
8
|
+
ariaLabelLeftArrow: string;
|
|
9
|
+
/** Aria label for the full modal describing what the modal contains */
|
|
10
|
+
ariaLabelLightBox: string;
|
|
11
|
+
/** Aria label for the right arrow button */
|
|
12
|
+
ariaLabelRightArrow: string;
|
|
13
|
+
/** Aria label for the text box button when its closed */
|
|
14
|
+
ariaLabelOpenTextBox: string;
|
|
15
|
+
/** Aria label for the zoom in button */
|
|
16
|
+
ariaLabelZoomIn: string;
|
|
17
|
+
/** Aria label for the zoom out button */
|
|
18
|
+
ariaLabelZoomOut: string;
|
|
19
|
+
/** Aria label for the slider input component */
|
|
20
|
+
ariaLabelZoomSlider: string;
|
|
21
|
+
/** If set the text box closes automatically after the given seconds */
|
|
22
|
+
closeTextAfterSeconds?: number;
|
|
23
|
+
/** Alt text for the image */
|
|
24
|
+
imageAlt: string;
|
|
25
|
+
/** Source of the image that will be shown */
|
|
26
|
+
imageSrc: string;
|
|
27
|
+
/** The text for the image that shows in the textbox */
|
|
28
|
+
imageText?: string;
|
|
29
|
+
/** Function is called when user clicks the close button */
|
|
30
|
+
onClose: () => void;
|
|
31
|
+
/** Function is called when user clicks the left arrow button. If not given the arrow will not show. */
|
|
32
|
+
onLeftArrowClick?: () => void;
|
|
33
|
+
/** Function is called when user clicks the right arrow button. If not given the arrow will not show. */
|
|
34
|
+
onRightArrowClick?: () => void;
|
|
35
|
+
/** Sets the data-testid attribute. */
|
|
36
|
+
testId?: string;
|
|
37
|
+
}
|
|
38
|
+
declare const LightBox: React.FC<LightBoxProps>;
|
|
39
|
+
export default LightBox;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface MiniSliderProps {
|
|
3
|
+
value: number;
|
|
4
|
+
minValue: number;
|
|
5
|
+
maxValue: number;
|
|
6
|
+
onChange: (newValue: number) => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
ariaLabel: string;
|
|
9
|
+
}
|
|
10
|
+
declare const MiniSlider: (props: MiniSliderProps) => React.JSX.Element;
|
|
11
|
+
export default MiniSlider;
|