@servicetitan/design-system 14.4.0 → 14.4.1-textarea-focus-options

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.
@@ -497,6 +497,10 @@ span.Popover {
497
497
  border-color: var(--colorsBorderGrey, #dfe0e1);
498
498
  background-color: var(--colorsSurfaceDefault, white);
499
499
  }
500
+ .Table.k-grid .k-table,
501
+ .Table.k-grid .k-table.k-grid-table {
502
+ color: unset;
503
+ }
500
504
  .Table.k-grid .k-grid-header {
501
505
  color: var(--colorsTextOnGrey, #444445);
502
506
  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
@@ -506,6 +510,16 @@ span.Popover {
506
510
  .Table.k-grid .k-grid-header .k-grid-header .k-hierarchy-cell .k-icon:hover {
507
511
  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
508
512
  }
513
+ .Table.k-grid .k-grid-header .k-grid-header-menu {
514
+ color: unset;
515
+ }
516
+ .Table.k-grid .k-grid-header .k-grid-header-menu:hover {
517
+ background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
518
+ }
519
+ .Table.k-grid .k-grid-header .k-table-thead {
520
+ background-color: unset;
521
+ color: unset;
522
+ }
509
523
  .Table.k-grid .k-grid-header .TableColumn--filter-active .k-grid-column-menu.k-grid-filter {
510
524
  background-color: var(--colorsSurfacePrimary, #0265dc);
511
525
  }
@@ -524,26 +538,21 @@ span.Popover {
524
538
  background-color: var(--colorsSurfaceDefault, white);
525
539
  }
526
540
  .Table.k-grid:not(.Table--striped) tr.k-alt:hover {
527
- background-color: var(--colorsSurfaceGrey, #eeeeee);
541
+ background-color: color-mix(in srgb, var(--colorsSurfaceGrey, #eeeeee), var(--colorsSurfaceDefault, white));
528
542
  }
529
- .Table.k-grid tr.k-alt.k-selected,
530
- .Table.k-grid tr.k-selected {
543
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected {
531
544
  background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
532
545
  }
533
- .Table.k-grid tr.k-alt.k-selected:hover,
534
- .Table.k-grid tr.k-selected:hover {
535
- background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
546
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected:hover {
547
+ background-color: color-mix(in srgb, var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1)), var(--colorsSurfacePrimarySubdued, #e0f2ff));
536
548
  }
537
- .Table.k-grid tr.k-alt.k-selected > td,
538
- .Table.k-grid tr.k-selected > td {
549
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected > td {
539
550
  background-color: inherit;
540
551
  }
541
- .Table.k-grid tbody tr.k-hover,
542
- .Table.k-grid tbody tr:hover {
552
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):not(.k-selected):hover {
543
553
  background-color: var(--colorsSurfaceGrey, #eeeeee);
544
554
  }
545
- .Table.k-grid tbody tr.k-hover td,
546
- .Table.k-grid tbody tr:hover td {
555
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):not(.k-selected):hover td {
547
556
  background-color: inherit;
548
557
  }
549
558
  .Table.k-grid .k-master-row.k-hover .k-grid-content-sticky,
@@ -605,29 +614,39 @@ span.Popover {
605
614
  .Table.k-grid th.k-header {
606
615
  border-color: var(--colorsBorderGrey, #dfe0e1);
607
616
  }
608
- .Table.k-grid .k-pager-wrap {
617
+ .Table.k-grid .k-pager {
609
618
  color: var(--colorsTextOnGrey, #444445);
610
619
  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
611
620
  }
612
- .Table.k-grid .k-pager-wrap .k-selected {
621
+ .Table.k-grid .k-pager .k-selected {
613
622
  background-color: var(--colorsSurfacePrimary, #0265dc);
614
623
  border-radius: 3px;
615
624
  color: var(--colorsTextOnPrimary, white);
616
625
  cursor: default;
617
626
  }
618
- .Table.k-grid .k-pager-wrap .k-pager-nav {
627
+ .Table.k-grid .k-pager .k-pager-nav {
619
628
  color: var(--colorsTextPrimary, #0265dc);
620
629
  }
621
- .Table.k-grid .k-pager-wrap .k-pager-nav.k-disabled {
630
+ .Table.k-grid .k-pager .k-pager-nav.k-disabled {
622
631
  color: var(--colorsTextOnGrey, #444445);
623
632
  }
624
- .Table.k-grid .k-pager-wrap .k-pager-nav.k-link:hover,
625
- .Table.k-grid .k-pager-wrap .k-pager-refresh:hover,
626
- .Table.k-grid .k-pager-wrap .k-hover.k-pager-nav.k-link,
627
- .Table.k-grid .k-pager-wrap .k-hover.k-pager-refresh {
633
+ .Table.k-grid .k-pager .k-pager-nav.k-link:hover,
634
+ .Table.k-grid .k-pager .k-pager-refresh:hover,
635
+ .Table.k-grid .k-pager .k-hover.k-pager-nav.k-link,
636
+ .Table.k-grid .k-pager .k-hover.k-pager-refresh {
628
637
  color: var(--colorsTextOnGrey, #444445);
629
638
  background-color: var(--colorsSurfaceGrey, #eeeeee);
630
639
  }
640
+ .Table.k-grid .k-pager .k-pager-numbers .k-button-flat-primary {
641
+ color: var(--colorsTextPrimary, #0265dc);
642
+ }
643
+ .Table.k-grid .k-pager .k-pager-sizes .k-dropdownlist {
644
+ color: unset;
645
+ border-color: var(--colorsBorderGrey, #dfe0e1);
646
+ }
647
+ .Table.k-grid .k-pager .k-pager-sizes .k-dropdownlist:hover {
648
+ background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
649
+ }
631
650
 
632
651
  /* Filter popups are rendered outside .Table in portal */
633
652
  .k-popup {
@@ -635,6 +654,7 @@ span.Popover {
635
654
  color: var(--colorsTextDefault, #141414);
636
655
  /* Make sure font-family goes across entire component */
637
656
  font-family: "Nunito Sans", sans-serif;
657
+ background-color: var(--colorsSurfaceDefault, white);
638
658
  }
639
659
  .k-popup .k-input .k-button:hover,
640
660
  .k-popup .k-spin-button .k-button:hover {
@@ -642,10 +662,15 @@ span.Popover {
642
662
  }
643
663
  .k-popup .k-spin-button .k-button,
644
664
  .k-popup .k-input-button {
665
+ color: unset;
645
666
  border-inline-start-width: 0;
646
667
  border-radius: 0;
647
668
  background-color: transparent;
648
669
  }
670
+ .k-popup .k-spin-button .k-button:hover,
671
+ .k-popup .k-input-button:hover {
672
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
673
+ }
649
674
  .k-popup .k-i-arrow-n::before,
650
675
  .k-popup .k-i-arrow-s::before {
651
676
  opacity: 0.65;
@@ -656,6 +681,35 @@ span.Popover {
656
681
  .k-popup .k-i-arrow-n::before {
657
682
  content: url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 0 24 24' width='16px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z'/%3E%3C/svg%3E");
658
683
  }
684
+ .k-popup .k-columnmenu-item:hover {
685
+ color: inherit;
686
+ }
687
+ .k-popup .k-input {
688
+ background-color: var(--colorsSurfaceDefault, white);
689
+ border-color: var(--colorsBorderGrey, #dfe0e1);
690
+ color: unset;
691
+ }
692
+ .k-popup .k-input .k-input-button {
693
+ color: unset;
694
+ }
695
+ .k-popup .k-input .k-input-button:hover {
696
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
697
+ }
698
+ .k-popup .k-actions .k-button:disabled {
699
+ background-color: var(--colorsSurfaceGreyStronger, #bcbcbd);
700
+ color: var(--colorsTextSubdued, #606162);
701
+ border-color: unset;
702
+ }
703
+ .k-popup .k-actions .k-button:not(.k-button-solid-primary) {
704
+ background-color: var(--colorsSurfaceDefault, white);
705
+ border-color: var(--colorsBorderDefault, #949596);
706
+ color: var(--colorsTextOnGrey, #444445);
707
+ border-width: 1px;
708
+ }
709
+ .k-popup .k-actions .k-button.k-button-solid-primary {
710
+ background-color: var(--colorsSurfacePrimary, #0265dc);
711
+ color: var(--colorsTextOnPrimary, white);
712
+ }
659
713
 
660
714
  /* Workaround for a className `ta-right` to have effect on table cell and header */
661
715
  .k-grid td.ta-right,
@@ -686,4 +740,24 @@ span.Popover {
686
740
  color: var(--colorsTextOnPrimary, white);
687
741
  }
688
742
 
743
+ .k-dropdownlist.k-picker {
744
+ color: var(--colorsTextDefault, #141414);
745
+ border-color: var(--colorsBorderGrey, #dfe0e1);
746
+ }
747
+ .k-dropdownlist.k-picker:hover {
748
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
749
+ }
750
+
751
+ .k-dropdownlist-popup .k-list {
752
+ background-color: var(--colorsSurfaceDefault, white);
753
+ color: inherit;
754
+ }
755
+ .k-dropdownlist-popup .k-list .k-list-item {
756
+ background-color: inherit;
757
+ color: inherit;
758
+ }
759
+ .k-dropdownlist-popup .k-list .k-list-item.k-selected {
760
+ background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
761
+ }
762
+
689
763
  /*# sourceMappingURL=Table.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","file":"Table.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","file":"Table.css"}
@@ -497,6 +497,10 @@ span.Popover {
497
497
  border-color: var(--colorsBorderGrey, #dfe0e1);
498
498
  background-color: var(--colorsSurfaceDefault, white);
499
499
  }
500
+ .Table.k-grid .k-table,
501
+ .Table.k-grid .k-table.k-grid-table {
502
+ color: unset;
503
+ }
500
504
  .Table.k-grid .k-grid-header {
501
505
  color: var(--colorsTextOnGrey, #444445);
502
506
  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
@@ -506,6 +510,16 @@ span.Popover {
506
510
  .Table.k-grid .k-grid-header .k-grid-header .k-hierarchy-cell .k-icon:hover {
507
511
  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
508
512
  }
513
+ .Table.k-grid .k-grid-header .k-grid-header-menu {
514
+ color: unset;
515
+ }
516
+ .Table.k-grid .k-grid-header .k-grid-header-menu:hover {
517
+ background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
518
+ }
519
+ .Table.k-grid .k-grid-header .k-table-thead {
520
+ background-color: unset;
521
+ color: unset;
522
+ }
509
523
  .Table.k-grid .k-grid-header .TableColumn--filter-active .k-grid-column-menu.k-grid-filter {
510
524
  background-color: var(--colorsSurfacePrimary, #0265dc);
511
525
  }
@@ -524,26 +538,21 @@ span.Popover {
524
538
  background-color: var(--colorsSurfaceDefault, white);
525
539
  }
526
540
  .Table.k-grid:not(.Table--striped) tr.k-alt:hover {
527
- background-color: var(--colorsSurfaceGrey, #eeeeee);
541
+ background-color: color-mix(in srgb, var(--colorsSurfaceGrey, #eeeeee), var(--colorsSurfaceDefault, white));
528
542
  }
529
- .Table.k-grid tr.k-alt.k-selected,
530
- .Table.k-grid tr.k-selected {
543
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected {
531
544
  background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
532
545
  }
533
- .Table.k-grid tr.k-alt.k-selected:hover,
534
- .Table.k-grid tr.k-selected:hover {
535
- background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
546
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected:hover {
547
+ background-color: color-mix(in srgb, var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1)), var(--colorsSurfacePrimarySubdued, #e0f2ff));
536
548
  }
537
- .Table.k-grid tr.k-alt.k-selected > td,
538
- .Table.k-grid tr.k-selected > td {
549
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected > td {
539
550
  background-color: inherit;
540
551
  }
541
- .Table.k-grid tbody tr.k-hover,
542
- .Table.k-grid tbody tr:hover {
552
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):not(.k-selected):hover {
543
553
  background-color: var(--colorsSurfaceGrey, #eeeeee);
544
554
  }
545
- .Table.k-grid tbody tr.k-hover td,
546
- .Table.k-grid tbody tr:hover td {
555
+ .Table.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):not(.k-selected):hover td {
547
556
  background-color: inherit;
548
557
  }
549
558
  .Table.k-grid .k-master-row.k-hover .k-grid-content-sticky,
@@ -605,29 +614,39 @@ span.Popover {
605
614
  .Table.k-grid th.k-header {
606
615
  border-color: var(--colorsBorderGrey, #dfe0e1);
607
616
  }
608
- .Table.k-grid .k-pager-wrap {
617
+ .Table.k-grid .k-pager {
609
618
  color: var(--colorsTextOnGrey, #444445);
610
619
  background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
611
620
  }
612
- .Table.k-grid .k-pager-wrap .k-selected {
621
+ .Table.k-grid .k-pager .k-selected {
613
622
  background-color: var(--colorsSurfacePrimary, #0265dc);
614
623
  border-radius: 3px;
615
624
  color: var(--colorsTextOnPrimary, white);
616
625
  cursor: default;
617
626
  }
618
- .Table.k-grid .k-pager-wrap .k-pager-nav {
627
+ .Table.k-grid .k-pager .k-pager-nav {
619
628
  color: var(--colorsTextPrimary, #0265dc);
620
629
  }
621
- .Table.k-grid .k-pager-wrap .k-pager-nav.k-disabled {
630
+ .Table.k-grid .k-pager .k-pager-nav.k-disabled {
622
631
  color: var(--colorsTextOnGrey, #444445);
623
632
  }
624
- .Table.k-grid .k-pager-wrap .k-pager-nav.k-link:hover,
625
- .Table.k-grid .k-pager-wrap .k-pager-refresh:hover,
626
- .Table.k-grid .k-pager-wrap .k-hover.k-pager-nav.k-link,
627
- .Table.k-grid .k-pager-wrap .k-hover.k-pager-refresh {
633
+ .Table.k-grid .k-pager .k-pager-nav.k-link:hover,
634
+ .Table.k-grid .k-pager .k-pager-refresh:hover,
635
+ .Table.k-grid .k-pager .k-hover.k-pager-nav.k-link,
636
+ .Table.k-grid .k-pager .k-hover.k-pager-refresh {
628
637
  color: var(--colorsTextOnGrey, #444445);
629
638
  background-color: var(--colorsSurfaceGrey, #eeeeee);
630
639
  }
640
+ .Table.k-grid .k-pager .k-pager-numbers .k-button-flat-primary {
641
+ color: var(--colorsTextPrimary, #0265dc);
642
+ }
643
+ .Table.k-grid .k-pager .k-pager-sizes .k-dropdownlist {
644
+ color: unset;
645
+ border-color: var(--colorsBorderGrey, #dfe0e1);
646
+ }
647
+ .Table.k-grid .k-pager .k-pager-sizes .k-dropdownlist:hover {
648
+ background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
649
+ }
631
650
 
632
651
  /* Filter popups are rendered outside .Table in portal */
633
652
  .k-popup {
@@ -635,6 +654,7 @@ span.Popover {
635
654
  color: var(--colorsTextDefault, #141414);
636
655
  /* Make sure font-family goes across entire component */
637
656
  font-family: "Nunito Sans", sans-serif;
657
+ background-color: var(--colorsSurfaceDefault, white);
638
658
  }
639
659
  .k-popup .k-input .k-button:hover,
640
660
  .k-popup .k-spin-button .k-button:hover {
@@ -642,10 +662,15 @@ span.Popover {
642
662
  }
643
663
  .k-popup .k-spin-button .k-button,
644
664
  .k-popup .k-input-button {
665
+ color: unset;
645
666
  border-inline-start-width: 0;
646
667
  border-radius: 0;
647
668
  background-color: transparent;
648
669
  }
670
+ .k-popup .k-spin-button .k-button:hover,
671
+ .k-popup .k-input-button:hover {
672
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
673
+ }
649
674
  .k-popup .k-i-arrow-n::before,
650
675
  .k-popup .k-i-arrow-s::before {
651
676
  opacity: 0.65;
@@ -656,6 +681,35 @@ span.Popover {
656
681
  .k-popup .k-i-arrow-n::before {
657
682
  content: url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 0 24 24' width='16px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z'/%3E%3C/svg%3E");
658
683
  }
684
+ .k-popup .k-columnmenu-item:hover {
685
+ color: inherit;
686
+ }
687
+ .k-popup .k-input {
688
+ background-color: var(--colorsSurfaceDefault, white);
689
+ border-color: var(--colorsBorderGrey, #dfe0e1);
690
+ color: unset;
691
+ }
692
+ .k-popup .k-input .k-input-button {
693
+ color: unset;
694
+ }
695
+ .k-popup .k-input .k-input-button:hover {
696
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
697
+ }
698
+ .k-popup .k-actions .k-button:disabled {
699
+ background-color: var(--colorsSurfaceGreyStronger, #bcbcbd);
700
+ color: var(--colorsTextSubdued, #606162);
701
+ border-color: unset;
702
+ }
703
+ .k-popup .k-actions .k-button:not(.k-button-solid-primary) {
704
+ background-color: var(--colorsSurfaceDefault, white);
705
+ border-color: var(--colorsBorderDefault, #949596);
706
+ color: var(--colorsTextOnGrey, #444445);
707
+ border-width: 1px;
708
+ }
709
+ .k-popup .k-actions .k-button.k-button-solid-primary {
710
+ background-color: var(--colorsSurfacePrimary, #0265dc);
711
+ color: var(--colorsTextOnPrimary, white);
712
+ }
659
713
 
660
714
  /* Workaround for a className `ta-right` to have effect on table cell and header */
661
715
  .k-grid td.ta-right,
@@ -686,4 +740,24 @@ span.Popover {
686
740
  color: var(--colorsTextOnPrimary, white);
687
741
  }
688
742
 
743
+ .k-dropdownlist.k-picker {
744
+ color: var(--colorsTextDefault, #141414);
745
+ border-color: var(--colorsBorderGrey, #dfe0e1);
746
+ }
747
+ .k-dropdownlist.k-picker:hover {
748
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
749
+ }
750
+
751
+ .k-dropdownlist-popup .k-list {
752
+ background-color: var(--colorsSurfaceDefault, white);
753
+ color: inherit;
754
+ }
755
+ .k-dropdownlist-popup .k-list .k-list-item {
756
+ background-color: inherit;
757
+ color: inherit;
758
+ }
759
+ .k-dropdownlist-popup .k-list .k-list-item.k-selected {
760
+ background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
761
+ }
762
+
689
763
  /*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","file":"index.css"}
@@ -44,7 +44,7 @@ export declare class TextArea extends Component<TextAreaProps> {
44
44
  static displayName: string;
45
45
  static contextType: React.Context<FormFieldContext>;
46
46
  context: React.ContextType<typeof FormFieldContext>;
47
- focus: () => void;
47
+ focus: (options?: FocusOptions) => void;
48
48
  select: () => void;
49
49
  handleChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
50
50
  handleInput: (e: React.SyntheticEvent) => void;
@@ -17,7 +17,7 @@ export class TextArea extends Component {
17
17
  constructor() {
18
18
  super(...arguments);
19
19
  this.textAreaRef = createRef();
20
- this.focus = () => this.textAreaRef.current.focus();
20
+ this.focus = (options) => this.textAreaRef.current.focus(options);
21
21
  this.select = () => this.textAreaRef.current.select();
22
22
  this.handleChange = (e) => {
23
23
  if (this.props.onChange) {
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAwDhD,MAAM,OAAO,QAAS,SAAQ,SAAwB;IAAtD;;QACS,gBAAW,GAAyC,SAAS,EAAE,CAAC;QAKxE,UAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC/C,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjD,iBAAY,GAAG,CAAC,CAAyC,EAAE,EAAE;YAC5D,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACxB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,kCAAO,IAAI,CAAC,KAAK,KAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IAAG,CAAC;aACjE;QACF,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,CAAuB,EAAE,EAAE;YACzC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,kCAChB,IAAI,CAAC,KAAK,KACb,KAAK,EAAG,CAAC,CAAC,MAA8B,CAAC,KAAK,IAC7C,CAAC;aACH;QACF,CAAC,CAAC;IAsDH,CAAC;IApDA,MAAM;QACL,MAAM,KAUF,IAAI,CAAC,KAAK,EAVR,EACL,UAAU,EACV,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,CAAC,EACR,OAAO,GAAG,EAAE,OAEC,EADV,IAAI,cATF,0FAUL,CAAa,CAAC;QACf,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAE3C,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;YACzD,oBAAoB,EAAE,QAAQ;YAC9B,iBAAiB,EAAE,KAAK;YACxB,uBAAuB,EAAE,UAAU;SACnC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,CAChB,kDACK,IAAI,IACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO,0BACP,UAAU,IAC9B,CACF,CAAC;QAEF,MAAM,kBAAkB,GAAG,CAC1B,oBAAC,gBAAgB,oBACZ,IAAI,IACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,iBAAiB,QACjB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO,0BACP,UAAU,IAC9B,CACF,CAAC;QAEF,OAAO,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC;IACnD,CAAC;;AAzEM,oBAAW,GAAG,UAAU,CAAC;AACzB,oBAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React, { Component, createRef } from 'react';\nimport classnames from 'classnames';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport { FormFieldContext } from '../FormField';\n\nexport type TextAreaElement = Pick<HTMLTextAreaElement, 'focus' | 'select'>;\n\n/**\n * TextArea properties\n */\nexport interface TextAreaPropsStrict {\n\t/** Auto height mode on typing */\n\tautoHeight?: boolean;\n\n\t/** Additional classes */\n\tclassName?: string;\n\n\t/** A TextArea can show that it is disabled. */\n\tdisabled?: boolean;\n\n\t/** Visual error state for the Textarea */\n\terror?: boolean;\n\n\t/** *autoHeight={true} required* Maximum rows limit for Textarea */\n\tmaxRows?: number;\n\n\t/**\n\t * Called on value change.\n\t * @param {ChangeEvent} event - React's original SyntheticEvent.\n\t * @param {object} data - All props and a proposed value.\n\t */\n\tonChange?: (\n\t\tevent: React.ChangeEvent<HTMLTextAreaElement>,\n\t\tdata: TextAreaOnChangeData\n\t) => void;\n\n\t/**\n\t * Called on input.\n\t * @param {SyntheticEvent} event - The React SyntheticEvent object\n\t * @param {object} data - All props and the event value.\n\t */\n\tonInput?: (event: React.SyntheticEvent, data: TextAreaOnChangeData) => void;\n\n\t/** Indicates row count for a TextArea. */\n\trows?: number;\n\n\t/** The value of the textarea. */\n\tvalue?: string;\n}\n\nexport interface TextAreaProps extends TextAreaPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport interface TextAreaOnChangeData extends TextAreaProps {\n\tvalue: string;\n}\n\nexport class TextArea extends Component<TextAreaProps> {\n\tprivate textAreaRef: React.RefObject<HTMLTextAreaElement> = createRef();\n\tstatic displayName = 'TextArea';\n\tstatic contextType = FormFieldContext;\n\tcontext!: React.ContextType<typeof FormFieldContext>;\n\n\tfocus = () => this.textAreaRef.current.focus();\n\tselect = () => this.textAreaRef.current.select();\n\n\thandleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\tif (this.props.onChange) {\n\t\t\tthis.props.onChange(e, { ...this.props, value: e.target.value });\n\t\t}\n\t};\n\n\thandleInput = (e: React.SyntheticEvent) => {\n\t\tif (this.props.onInput) {\n\t\t\tthis.props.onInput(e, {\n\t\t\t\t...this.props,\n\t\t\t\tvalue: (e.target as HTMLTextAreaElement).value,\n\t\t\t});\n\t\t}\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tautoHeight,\n\t\t\tclassName,\n\t\t\tdisabled,\n\t\t\terror,\n\t\t\tonChange,\n\t\t\tonInput,\n\t\t\trows = 3,\n\t\t\tmaxRows = 16,\n\t\t\t...rest\n\t\t} = this.props;\n\t\tconst { labelFor: inputId } = this.context;\n\n\t\tconst TextAreaClasses = classnames('TextArea', className, {\n\t\t\t'TextArea--disabled': disabled,\n\t\t\t'TextArea--error': error,\n\t\t\t'TextArea--auto-height': autoHeight,\n\t\t});\n\n\t\tconst textarea = (\n\t\t\t<textarea\n\t\t\t\t{...rest}\n\t\t\t\tclassName={TextAreaClasses}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonChange={this.handleChange}\n\t\t\t\tonInput={this.handleInput}\n\t\t\t\trows={rows}\n\t\t\t\tref={this.textAreaRef}\n\t\t\t\tid={this.props.id || inputId}\n\t\t\t\tdata-anvil-component=\"TextArea\"\n\t\t\t/>\n\t\t);\n\n\t\tconst textareaAutoHeight = (\n\t\t\t<TextareaAutosize\n\t\t\t\t{...rest}\n\t\t\t\tclassName={TextAreaClasses}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonChange={this.handleChange}\n\t\t\t\tonInput={this.handleInput}\n\t\t\t\tminRows={rows}\n\t\t\t\tmaxRows={maxRows}\n\t\t\t\tref={this.textAreaRef}\n\t\t\t\tcacheMeasurements\n\t\t\t\tid={this.props.id || inputId}\n\t\t\t\tdata-anvil-component=\"TextArea\"\n\t\t\t/>\n\t\t);\n\n\t\treturn autoHeight ? textareaAutoHeight : textarea;\n\t}\n}\n"]}
1
+ {"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAwDhD,MAAM,OAAO,QAAS,SAAQ,SAAwB;IAAtD;;QACS,gBAAW,GAAyC,SAAS,EAAE,CAAC;QAKxE,UAAK,GAAG,CAAC,OAAsB,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC5E,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjD,iBAAY,GAAG,CAAC,CAAyC,EAAE,EAAE;YAC5D,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACxB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,kCAAO,IAAI,CAAC,KAAK,KAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IAAG,CAAC;aACjE;QACF,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,CAAuB,EAAE,EAAE;YACzC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,kCAChB,IAAI,CAAC,KAAK,KACb,KAAK,EAAG,CAAC,CAAC,MAA8B,CAAC,KAAK,IAC7C,CAAC;aACH;QACF,CAAC,CAAC;IAsDH,CAAC;IApDA,MAAM;QACL,MAAM,KAUF,IAAI,CAAC,KAAK,EAVR,EACL,UAAU,EACV,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,CAAC,EACR,OAAO,GAAG,EAAE,OAEC,EADV,IAAI,cATF,0FAUL,CAAa,CAAC;QACf,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAE3C,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;YACzD,oBAAoB,EAAE,QAAQ;YAC9B,iBAAiB,EAAE,KAAK;YACxB,uBAAuB,EAAE,UAAU;SACnC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,CAChB,kDACK,IAAI,IACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO,0BACP,UAAU,IAC9B,CACF,CAAC;QAEF,MAAM,kBAAkB,GAAG,CAC1B,oBAAC,gBAAgB,oBACZ,IAAI,IACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,iBAAiB,QACjB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO,0BACP,UAAU,IAC9B,CACF,CAAC;QAEF,OAAO,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC;IACnD,CAAC;;AAzEM,oBAAW,GAAG,UAAU,CAAC;AACzB,oBAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React, { Component, createRef } from 'react';\nimport classnames from 'classnames';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport { FormFieldContext } from '../FormField';\n\nexport type TextAreaElement = Pick<HTMLTextAreaElement, 'focus' | 'select'>;\n\n/**\n * TextArea properties\n */\nexport interface TextAreaPropsStrict {\n\t/** Auto height mode on typing */\n\tautoHeight?: boolean;\n\n\t/** Additional classes */\n\tclassName?: string;\n\n\t/** A TextArea can show that it is disabled. */\n\tdisabled?: boolean;\n\n\t/** Visual error state for the Textarea */\n\terror?: boolean;\n\n\t/** *autoHeight={true} required* Maximum rows limit for Textarea */\n\tmaxRows?: number;\n\n\t/**\n\t * Called on value change.\n\t * @param {ChangeEvent} event - React's original SyntheticEvent.\n\t * @param {object} data - All props and a proposed value.\n\t */\n\tonChange?: (\n\t\tevent: React.ChangeEvent<HTMLTextAreaElement>,\n\t\tdata: TextAreaOnChangeData\n\t) => void;\n\n\t/**\n\t * Called on input.\n\t * @param {SyntheticEvent} event - The React SyntheticEvent object\n\t * @param {object} data - All props and the event value.\n\t */\n\tonInput?: (event: React.SyntheticEvent, data: TextAreaOnChangeData) => void;\n\n\t/** Indicates row count for a TextArea. */\n\trows?: number;\n\n\t/** The value of the textarea. */\n\tvalue?: string;\n}\n\nexport interface TextAreaProps extends TextAreaPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport interface TextAreaOnChangeData extends TextAreaProps {\n\tvalue: string;\n}\n\nexport class TextArea extends Component<TextAreaProps> {\n\tprivate textAreaRef: React.RefObject<HTMLTextAreaElement> = createRef();\n\tstatic displayName = 'TextArea';\n\tstatic contextType = FormFieldContext;\n\tcontext!: React.ContextType<typeof FormFieldContext>;\n\n\tfocus = (options?: FocusOptions) => this.textAreaRef.current.focus(options);\n\tselect = () => this.textAreaRef.current.select();\n\n\thandleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\tif (this.props.onChange) {\n\t\t\tthis.props.onChange(e, { ...this.props, value: e.target.value });\n\t\t}\n\t};\n\n\thandleInput = (e: React.SyntheticEvent) => {\n\t\tif (this.props.onInput) {\n\t\t\tthis.props.onInput(e, {\n\t\t\t\t...this.props,\n\t\t\t\tvalue: (e.target as HTMLTextAreaElement).value,\n\t\t\t});\n\t\t}\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tautoHeight,\n\t\t\tclassName,\n\t\t\tdisabled,\n\t\t\terror,\n\t\t\tonChange,\n\t\t\tonInput,\n\t\t\trows = 3,\n\t\t\tmaxRows = 16,\n\t\t\t...rest\n\t\t} = this.props;\n\t\tconst { labelFor: inputId } = this.context;\n\n\t\tconst TextAreaClasses = classnames('TextArea', className, {\n\t\t\t'TextArea--disabled': disabled,\n\t\t\t'TextArea--error': error,\n\t\t\t'TextArea--auto-height': autoHeight,\n\t\t});\n\n\t\tconst textarea = (\n\t\t\t<textarea\n\t\t\t\t{...rest}\n\t\t\t\tclassName={TextAreaClasses}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonChange={this.handleChange}\n\t\t\t\tonInput={this.handleInput}\n\t\t\t\trows={rows}\n\t\t\t\tref={this.textAreaRef}\n\t\t\t\tid={this.props.id || inputId}\n\t\t\t\tdata-anvil-component=\"TextArea\"\n\t\t\t/>\n\t\t);\n\n\t\tconst textareaAutoHeight = (\n\t\t\t<TextareaAutosize\n\t\t\t\t{...rest}\n\t\t\t\tclassName={TextAreaClasses}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonChange={this.handleChange}\n\t\t\t\tonInput={this.handleInput}\n\t\t\t\tminRows={rows}\n\t\t\t\tmaxRows={maxRows}\n\t\t\t\tref={this.textAreaRef}\n\t\t\t\tcacheMeasurements\n\t\t\t\tid={this.props.id || inputId}\n\t\t\t\tdata-anvil-component=\"TextArea\"\n\t\t\t/>\n\t\t);\n\n\t\treturn autoHeight ? textareaAutoHeight : textarea;\n\t}\n}\n"]}