@linzjs/lui 17.12.3 → 17.13.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.
Files changed (20) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +1 -1
  3. package/dist/assets/icons/message_received.svg +1 -0
  4. package/dist/assets/icons/pdf.svg +1 -0
  5. package/dist/assets/icons/placeholder.svg +1 -0
  6. package/dist/assets/icons/request.svg +1 -0
  7. package/dist/assets/icons/separator.svg +1 -0
  8. package/dist/assets/icons/survey.svg +1 -0
  9. package/dist/assets/icons/whats_new_updates.svg +1 -0
  10. package/dist/assets/svg-content.tsx +56 -0
  11. package/dist/components/LuiExpandableBanner/LuiExpandableBanner.d.ts +1 -1
  12. package/dist/components/LuiFormElements/LuiRadioInput/LuiRadioInput.d.ts +3 -0
  13. package/dist/index.js +1099 -959
  14. package/dist/index.js.map +1 -1
  15. package/dist/lui.css +53 -1
  16. package/dist/lui.css.map +1 -1
  17. package/dist/lui.esm.js +1085 -945
  18. package/dist/lui.esm.js.map +1 -1
  19. package/dist/scss/Components/LuiFormElements/LuiRadioInput/LuiRadioInput.scss +54 -1
  20. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,19 @@
1
+ # [17.13.0](https://github.com/linz/lui/compare/v17.12.5...v17.13.0) (2022-09-01)
2
+
3
+
4
+ ### Features
5
+
6
+ * **LuiExpandableNode:** Accept ReactNode for label ([#747](https://github.com/linz/lui/issues/747)) ([128529c](https://github.com/linz/lui/commit/128529c0e509c1512f226dfb3f324c429ab2e17c))
7
+
8
+ ## [17.12.5](https://github.com/linz/lui/compare/v17.12.4...v17.12.5) (2022-08-30)
9
+
10
+ ## [17.12.4](https://github.com/linz/lui/compare/v17.12.3...v17.12.4) (2022-08-30)
11
+
12
+
13
+ ### Bug Fixes
14
+
15
+ * **config:** Removing tsconfig esnext target to make builds more predictable ([#744](https://github.com/linz/lui/issues/744)) ([c4798ee](https://github.com/linz/lui/commit/c4798eeefd44a7c592bb193f57e0055a7b8e656a))
16
+
1
17
  ## [17.12.3](https://github.com/linz/lui/compare/v17.12.2...v17.12.3) (2022-08-29)
2
18
 
3
19
 
package/README.md CHANGED
@@ -39,7 +39,7 @@ using out of the box.
39
39
 
40
40
  We aim to make each component generic, extendable, accessible, and amazing.
41
41
 
42
- All styles are implemented in SASS and compiled to plain CSS. This means any team can use the CSS. A ReactJS wrapper
42
+ All styles are implemented in SCSS and compiled to plain CSS. This means any team can use the CSS. A ReactJS wrapper
43
43
  over the CSS is part of this project.
44
44
 
45
45
  There is lots to do in this project, often things will be left until there is demand. Please join the Slack channel
package/dist/assets/icons/message_received.svg ADDED
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 4h-16c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h9v-2h-9V8l8 5 8-5v5h2V6c0-1.1-.9-2-2-2Zm-8 7-8-5h16l-8 5Zm6 4-4 4 4 4v-3h4v-2h-4v-3Z" fill="#000"/></svg>
package/dist/assets/icons/pdf.svg ADDED
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.367 16.082c.125.27.188.617.188 1.04 0 .622-.145 1.09-.434 1.405-.286.315-.725.473-1.316.473h-.52v-3.719h.645c.354 0 .65.065.89.196.242.13.425.332.547.605ZM21 8v12c0 1.1-.9 2-2 2H4.99C3.89 22 3 21.1 3 20l.01-16c0-1.1.89-2 1.99-2h10l6 6ZM9.496 16.07c0-.554-.17-.99-.508-1.304-.338-.318-.876-.477-1.613-.477H5.551V20h1.21v-2.031h.52c.417 0 .767-.051 1.051-.153.284-.104.51-.244.68-.421.172-.178.295-.38.37-.606.076-.23.114-.469.114-.719Zm5.316 1.02c0-.612-.12-1.125-.363-1.54a2.311 2.311 0 0 0-1.023-.94c-.44-.214-.96-.32-1.559-.32h-1.793V20h1.617c.657 0 1.218-.108 1.684-.324a2.334 2.334 0 0 0 1.066-.973c.248-.432.371-.97.371-1.613Zm3.958-2.8h-3.274V20h1.191v-2.258h1.938v-.988h-1.938V15.28h2.082v-.992ZM19 9h-5V4H5v8h14V9ZM7.312 15.281h-.55v1.696h.398c.227 0 .423-.03.59-.09a.786.786 0 0 0 .387-.282.827.827 0 0 0 .136-.492c0-.281-.078-.49-.234-.625-.156-.138-.398-.207-.726-.207Z" fill="#000"/></svg>
package/dist/assets/icons/placeholder.svg ADDED
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="5" fill="#C00"/></svg>
package/dist/assets/icons/request.svg ADDED
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h9v-2H4V8l8 5 8-5v5h2V6c0-1.1-.9-2-2-2Zm-8 7L4 6h16l-8 5Zm7 4 4 4-4 4v-3h-4v-2h4v-3Z" fill="#000"/></svg>
package/dist/assets/icons/separator.svg ADDED
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#000" d="M11 3h2v18h-2z"/></svg>
package/dist/assets/icons/survey.svg ADDED
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2.5" y="6.5" width="19" height="13" rx="1.5" fill="#fff" stroke="#000"/><rect x="3" y="6" width="19" height="14" rx="2" stroke="#000" stroke-width="2"/><path d="M2 4a2 2 0 0 1 2-2h3v18H4a2 2 0 0 1-2-2V4Z" fill="#fff" stroke="#000" stroke-width="2"/><path d="M2 17a3 3 0 0 1 3-3h2v6H5a3 3 0 0 1-3-3Z" fill="#fff" stroke="#000" stroke-width="2"/><path fill="#fff" d="M6 15h3v4H6z"/><path d="M21 12H8M14 19V7M6 19v-4" stroke="#6B6966" stroke-width="1.5" stroke-linejoin="round"/></svg>
package/dist/assets/icons/whats_new_updates.svg ADDED
@@ -0,0 +1 @@
1
+ <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m23 12-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.4 1.46 1.89-3.18 3.61-.82-.34-3.68L23 12Zm-4.51 2.11.26 2.79-2.74.62-1.43 2.41L12 18.82l-2.58 1.11-1.43-2.41-2.74-.62.26-2.8L3.66 12l1.85-2.12-.26-2.78 2.74-.61 1.43-2.41L12 5.18l2.58-1.11 1.43 2.41 2.74.62-.26 2.79L20.34 12l-1.85 2.11ZM11 15h2v2h-2v-2Zm0-8h2v6h-2V7Z" fill="#000"/></svg>
package/dist/assets/svg-content.tsx CHANGED
@@ -529,6 +529,12 @@ iconMap['ic_menu'] = (
529
529
  </svg>
530
530
  );
531
531
 
532
+ iconMap['ic_message_received'] = (
533
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
534
+ <path d="M19.5 4h-16c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h9v-2h-9V8l8 5 8-5v5h2V6c0-1.1-.9-2-2-2Zm-8 7-8-5h16l-8 5Zm6 4-4 4 4 4v-3h4v-2h-4v-3Z" />
535
+ </svg>
536
+ );
537
+
532
538
  iconMap['ic_minimise'] = (
533
539
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
534
540
  <path d="M7 19h10c.55 0 1 .45 1 1s-.45 1-1 1H7c-.55 0-1-.45-1-1s.45-1 1-1z" />
@@ -597,6 +603,12 @@ iconMap['ic_parcels_new'] = (
597
603
  </svg>
598
604
  );
599
605
 
606
+ iconMap['ic_pdf'] = (
607
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
608
+ <path d="M13.367 16.082c.125.27.188.617.188 1.04 0 .622-.145 1.09-.434 1.405-.286.315-.725.473-1.316.473h-.52v-3.719h.645c.354 0 .65.065.89.196.242.13.425.332.547.605ZM21 8v12c0 1.1-.9 2-2 2H4.99C3.89 22 3 21.1 3 20l.01-16c0-1.1.89-2 1.99-2h10l6 6ZM9.496 16.07c0-.554-.17-.99-.508-1.304-.338-.318-.876-.477-1.613-.477H5.551V20h1.21v-2.031h.52c.417 0 .767-.051 1.051-.153.284-.104.51-.244.68-.421.172-.178.295-.38.37-.606.076-.23.114-.469.114-.719Zm5.316 1.02c0-.612-.12-1.125-.363-1.54a2.311 2.311 0 0 0-1.023-.94c-.44-.214-.96-.32-1.559-.32h-1.793V20h1.617c.657 0 1.218-.108 1.684-.324a2.334 2.334 0 0 0 1.066-.973c.248-.432.371-.97.371-1.613Zm3.958-2.8h-3.274V20h1.191v-2.258h1.938v-.988h-1.938V15.28h2.082v-.992ZM19 9h-5V4H5v8h14V9ZM7.312 15.281h-.55v1.696h.398c.227 0 .423-.03.59-.09a.786.786 0 0 0 .387-.282.827.827 0 0 0 .136-.492c0-.281-.078-.49-.234-.625-.156-.138-.398-.207-.726-.207Z" />
609
+ </svg>
610
+ );
611
+
600
612
  iconMap['ic_pen_and_paper_sign'] = (
601
613
  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
602
614
  <path d="M9 4v1.38c-.83-.33-1.72-.5-2.61-.5-1.79 0-3.58.68-4.95 2.05l3.33 3.33h1.11v1.11c.86.86 1.98 1.31 3.11 1.36V15H6v3c0 1.1.9 2 2 2h10c1.66 0 3-1.34 3-3V4H9Zm-1.11 6.41V8.26H5.61L4.57 7.22a5.07 5.07 0 0 1 1.82-.34c1.34 0 2.59.52 3.54 1.46l1.41 1.41-.2.2a2.7 2.7 0 0 1-1.92.8c-.47 0-.93-.12-1.33-.34ZM19 17c0 .55-.45 1-1 1s-1-.45-1-1v-2h-6v-2.59c.57-.23 1.1-.57 1.56-1.03l.2-.2L15.59 14H17v-1.41l-6-5.97V6h8v11Z" />
@@ -627,6 +639,12 @@ iconMap['ic_picker'] = (
627
639
  </svg>
628
640
  );
629
641
 
642
+ iconMap['ic_placeholder'] = (
643
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
644
+ <circle cx="12" cy="12" r="5" />
645
+ </svg>
646
+ );
647
+
630
648
  iconMap['ic_polygon_selection'] = (
631
649
  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
632
650
  <path d="M21.02 17H19v-2.02c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V17h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V19h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98Z" />
@@ -676,6 +694,12 @@ iconMap['ic_remove_circle_outline'] = (
676
694
  </svg>
677
695
  );
678
696
 
697
+ iconMap['ic_request'] = (
698
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
699
+ <path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h9v-2H4V8l8 5 8-5v5h2V6c0-1.1-.9-2-2-2Zm-8 7L4 6h16l-8 5Zm7 4 4 4-4 4v-3h-4v-2h4v-3Z" />
700
+ </svg>
701
+ );
702
+
679
703
  iconMap['ic_requisitions'] = (
680
704
  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
681
705
  <path d="M4 2h16c1.1 0 1.99.9 1.99 2L22 22l-4-4H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2Zm0 14h14.83l.59.59.58.58V4H4v12Zm9-4h-2v2h2v-2Zm0-6h-2v4h2V6Z" />
@@ -719,6 +743,12 @@ iconMap['ic_send_email_dart'] = (
719
743
  </svg>
720
744
  );
721
745
 
746
+ iconMap['ic_separator'] = (
747
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
748
+ <path d="M11 3h2v18h-2z" />
749
+ </svg>
750
+ );
751
+
722
752
  iconMap['ic_square_selection'] = (
723
753
  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
724
754
  <path d="M17 5h-2V3h2v2Zm2 4h2V7h-2v2Zm0 4h2v-2h-2v2Zm-8 8h2v-2h-2v2ZM7 5h2V3H7v2ZM3 17h2v-2H3v2Zm2 4v-2H3c0 1.1.9 2 2 2ZM19 3v2h2c0-1.1-.9-2-2-2Zm-8 2h2V3h-2v2ZM3 9h2V7H3v2Zm4 12h2v-2H7v2Zm-4-8h2v-2H3v2Zm0-8h2V3c-1.1 0-2 .9-2 2Zm18.02 12H19v-2.02c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V17h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V19h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98Z" />
@@ -731,6 +761,26 @@ iconMap['ic_submit'] = (
731
761
  </svg>
732
762
  );
733
763
 
764
+ iconMap['ic_survey'] = (
765
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
766
+ <rect x="2.5" y="6.5" rx="1.5" stroke="#000" />
767
+ <rect x="3" y="6" rx="2" stroke="#000" stroke- />
768
+ <path
769
+ d="M2 4a2 2 0 0 1 2-2h3v18H4a2 2 0 0 1-2-2V4Z"
770
+ stroke="#000"
771
+ stroke-
772
+ />
773
+ <path d="M2 17a3 3 0 0 1 3-3h2v6H5a3 3 0 0 1-3-3Z" stroke="#000" stroke- />
774
+ <path d="M6 15h3v4H6z" />
775
+ <path
776
+ d="M21 12H8M14 19V7M6 19v-4"
777
+ stroke="#6B6966"
778
+ stroke-width="1.5"
779
+ stroke-linejoin="round"
780
+ />
781
+ </svg>
782
+ );
783
+
734
784
  iconMap['ic_survey_report'] = (
735
785
  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
736
786
  <path d="M20 3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm0 16H4V5h16v14Z" />
@@ -859,6 +909,12 @@ iconMap['ic_waves'] = (
859
909
  </svg>
860
910
  );
861
911
 
912
+ iconMap['ic_whats_new_updates'] = (
913
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
914
+ <path d="m23 12-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.4 1.46 1.89-3.18 3.61-.82-.34-3.68L23 12Zm-4.51 2.11.26 2.79-2.74.62-1.43 2.41L12 18.82l-2.58 1.11-1.43-2.41-2.74-.62.26-2.8L3.66 12l1.85-2.12-.26-2.78 2.74-.61 1.43-2.41L12 5.18l2.58-1.11 1.43 2.41 2.74.62-.26 2.79L20.34 12l-1.85 2.11ZM11 15h2v2h-2v-2Zm0-8h2v6h-2V7Z" />
915
+ </svg>
916
+ );
917
+
862
918
  iconMap['ic_xml_file'] = (
863
919
  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
864
920
  <path d="M6 2h8l6 6v12c0 1.1-.9 2-2 2H5.99C4.89 22 4 21.1 4 20l.01-16c0-1.1.89-2 1.99-2Zm0 2v8h12V9h-5V4H6Zm-.98 15 1.513-2.51L5 14h1.433l.897 1.46.79-1.46h1.433l-1.547 2.55L9.52 19H8.087l-.87-1.407L6.452 19H5.02Zm4.804 0 .59-5h1.218l1.024 3.513L13.681 14h1.205l.596 5H14.23l-.322-2.698L13.252 19h-1.218l-.65-2.638L11.076 19H9.824Zm6.39-.31c.206.207.534.31.985.31H19v-1.17h-1.446c-.232 0-.348-.118-.348-.35V14h-1.3v3.701c0 .453.103.783.309.99Z" />
package/dist/components/LuiExpandableBanner/LuiExpandableBanner.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  export interface Expandable {
3
3
  className?: string;
4
- label: string;
4
+ label: ReactNode;
5
5
  labelPrefix?: ReactNode;
6
6
  }
7
7
  export declare const LuiExpandableBanner: React.FC<Expandable>;
package/dist/components/LuiFormElements/LuiRadioInput/LuiRadioInput.d.ts CHANGED
@@ -5,7 +5,10 @@ export interface LuiRadioProps {
5
5
  options: string[];
6
6
  legend?: JSX.Element | string;
7
7
  error?: string;
8
+ warning?: string;
9
+ warningOnIndividual?: string;
8
10
  isOptionDisabled?: (index: number) => boolean;
11
+ optionHasWarning?: (index: number) => boolean;
9
12
  inputProps?: InputHTMLAttributes<HTMLInputElement>;
10
13
  renderLabelFor?: (value: string) => JSX.Element;
11
14
  }