@sikka/hawa 0.0.239 → 0.0.241

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/styles.css +54 -17
  2. package/docs/README.md +2 -4
  3. package/docs/documentation/{901.ae81c179.iframe.bundle.js → 566.80f3d604.iframe.bundle.js} +2 -2
  4. package/docs/documentation/{807.1424ceed.iframe.bundle.js → 807.b81f7e21.iframe.bundle.js} +2 -2
  5. package/docs/documentation/iframe.html +1 -1
  6. package/docs/documentation/main.3c9bbcb1.iframe.bundle.js +1 -0
  7. package/docs/documentation/project.json +1 -1
  8. package/docs/documentation/{runtime~main.d6831407.iframe.bundle.js → runtime~main.d1d3f3a0.iframe.bundle.js} +1 -1
  9. package/es/elements/ArrowCarousel.d.ts +2 -2
  10. package/es/elements/BackToTop.d.ts +10 -0
  11. package/es/elements/Breadcrumb.d.ts +10 -7
  12. package/es/elements/DragDropImages.d.ts +9 -3
  13. package/es/elements/HawaAccordion.d.ts +11 -0
  14. package/es/elements/HawaAlert.d.ts +3 -2
  15. package/es/elements/index.d.ts +1 -0
  16. package/es/index.es.js +2 -2
  17. package/lib/elements/ArrowCarousel.d.ts +2 -2
  18. package/lib/elements/BackToTop.d.ts +10 -0
  19. package/lib/elements/Breadcrumb.d.ts +10 -7
  20. package/lib/elements/DragDropImages.d.ts +9 -3
  21. package/lib/elements/HawaAccordion.d.ts +11 -0
  22. package/lib/elements/HawaAlert.d.ts +3 -2
  23. package/lib/elements/index.d.ts +1 -0
  24. package/lib/index.js +2 -2
  25. package/package.json +1 -1
  26. package/src/elements/ArrowCarousel.tsx +37 -28
  27. package/src/elements/BackToTop.tsx +85 -0
  28. package/src/elements/Breadcrumb.tsx +12 -13
  29. package/src/elements/DragDropImages.tsx +10 -4
  30. package/src/elements/HawaAccordion.tsx +23 -47
  31. package/src/elements/HawaAlert.tsx +4 -2
  32. package/src/elements/HawaTextField.tsx +7 -3
  33. package/src/elements/index.ts +1 -0
  34. package/src/styles.css +54 -17
  35. package/docs/documentation/main.1d8c7d46.iframe.bundle.js +0 -1
  36. /package/docs/documentation/{901.ae81c179.iframe.bundle.js.LICENSE.txt → 566.80f3d604.iframe.bundle.js.LICENSE.txt} +0 -0
  37. /package/docs/documentation/{807.1424ceed.iframe.bundle.js.LICENSE.txt → 807.b81f7e21.iframe.bundle.js.LICENSE.txt} +0 -0
@@ -1,4 +1,4 @@
1
- import React from "react";
1
+ import { FunctionComponent } from "react";
2
2
  type Item = {
3
3
  label?: string;
4
4
  icon?: JSX.Element;
@@ -9,5 +9,5 @@ type ComponentTypes = {
9
9
  arrowSize?: number;
10
10
  labelSize?: "small" | "medium" | "big";
11
11
  };
12
- export declare const ArrowCarousel: React.FunctionComponent<ComponentTypes>;
12
+ export declare const ArrowCarousel: FunctionComponent<ComponentTypes>;
13
13
  export {};
@@ -0,0 +1,10 @@
1
+ import React, { FunctionComponent } from "react";
2
+ type ComponentTypes = {
3
+ paddingX?: number;
4
+ paddingY?: number;
5
+ paddingThreshold?: number;
6
+ corner?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
7
+ anchor: React.RefObject<HTMLInputElement>;
8
+ };
9
+ export declare const BackToTop: FunctionComponent<ComponentTypes>;
10
+ export {};
@@ -1,11 +1,14 @@
1
1
  import { FC, ReactNode } from "react";
2
- type TBreadcrumItem = {
3
- label: string;
4
- href: string;
5
- };
6
2
  type TBreadcrumb = {
7
- breadcrumbLink: TBreadcrumItem[];
3
+ /**
4
+ * The array of crumbs, each one with a label and a href link
5
+ */
6
+ breadcrumbLinks: [{
7
+ label: string;
8
+ href: string;
9
+ }];
10
+ /** The separator between each crumb, can be character or React Node */
8
11
  separator?: string | ReactNode;
9
12
  };
10
- declare const Breadcrumb: FC<TBreadcrumb>;
11
- export default Breadcrumb;
13
+ declare const HawaBreadcrumb: FC<TBreadcrumb>;
14
+ export default HawaBreadcrumb;
@@ -1,5 +1,8 @@
1
1
  import React from "react";
2
2
  type DragDropImagesTypes = {
3
+ /**
4
+ * The text label above the component. Consistant with the other form input fields
5
+ */
3
6
  label?: string;
4
7
  files: [File];
5
8
  setFiles: any;
@@ -9,15 +12,18 @@ type DragDropImagesTypes = {
9
12
  onAcceptedFiles: any;
10
13
  showPreview: any;
11
14
  onDeleteFile: any;
15
+ onClearFiles: any;
16
+ maxSize: number;
17
+ errorMessages: string;
18
+ /**
19
+ * The translation object, use this to replace the default text with any translated text you want.
20
+ */
12
21
  texts: {
13
22
  clickHereToUpload: string;
14
23
  maxFileSize: string;
15
24
  tooManyFiles: string;
16
25
  fileTooLarge: string;
17
26
  };
18
- onClearFiles: any;
19
- maxSize: number;
20
- errorMessages: string;
21
27
  };
22
28
  export declare const DragDropImages: React.FunctionComponent<DragDropImagesTypes>;
23
29
  export {};
@@ -1,6 +1,17 @@
1
1
  import React from "react";
2
2
  type AccordionTypes = {
3
+ /**
4
+ * The title of the clickable accordion bar
5
+ */
6
+ title: string;
7
+ /**
8
+ * The content inside the accordion to be visible once the bar is clicked
9
+ */
3
10
  content: any;
11
+ /**
12
+ * The index of each accordion, must be unique for each usage of this component
13
+ */
14
+ index: any;
4
15
  };
5
16
  export declare const HawaAccordion: React.FunctionComponent<AccordionTypes>;
6
17
  export {};
@@ -1,11 +1,12 @@
1
1
  import React from "react";
2
2
  type AlertTypes = {
3
3
  severity: "info" | "warning" | "error" | "success";
4
+ /** The title of the alert placed above the text of the alert. Can be used alone */
4
5
  title?: any;
5
- variant?: "normal" | "solid" | "top-accent" | "left-accent" | "right-accent" | "bottom-accent";
6
+ /** The text of the alert placed below the title of the alert. Can be used alone */
6
7
  text: any;
8
+ variant?: "normal" | "solid" | "top-accent" | "left-accent" | "right-accent" | "bottom-accent";
7
9
  direction?: "rtl" | "ltr";
8
- hideIcon?: any;
9
10
  actions?: [
10
11
  {
11
12
  label: string;
@@ -34,6 +34,7 @@ export * from "./UserFeedback";
34
34
  export * from "./ArrowCarousel";
35
35
  export * from "./FloatingComment";
36
36
  export * from "./FloatingCommentSlate";
37
+ export * from "./BackToTop";
37
38
  export * from "./HawaTextField";
38
39
  export * from "./HawaCardInput";
39
40
  export * from "./HawaPinInput";