@jobber/components 8.14.0 → 8.14.1
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/FilterPicker.d.ts +1 -0
- package/{Combobox.js → FilterPicker.js} +3 -3
- package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs +11 -11
- package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs +11 -11
- package/dist/DataList/components/DataListFilters/index.cjs +11 -11
- package/dist/DataList/components/DataListFilters/index.mjs +11 -11
- package/dist/DataList/index.cjs +11 -11
- package/dist/DataList/index.mjs +11 -11
- package/dist/DataListSort-cjs.js +5 -5
- package/dist/DataListSort-es.js +5 -5
- package/dist/FilterPicker/FilterPicker.d.ts +11 -0
- package/dist/{Combobox/Combobox.types.d.ts → FilterPicker/FilterPicker.types.d.ts} +51 -51
- package/dist/FilterPicker/FilterPickerProvider.d.ts +18 -0
- package/dist/FilterPicker/components/FilterPickerAction/FilterPickerAction.d.ts +3 -0
- package/dist/FilterPicker/components/FilterPickerAction/index.cjs +12 -0
- package/dist/FilterPicker/components/FilterPickerAction/index.d.ts +1 -0
- package/dist/FilterPicker/components/FilterPickerAction/index.mjs +6 -0
- package/dist/FilterPicker/components/FilterPickerActivator/FilterPickerActivator.d.ts +3 -0
- package/dist/{Combobox/components/ComboboxActivator → FilterPicker/components/FilterPickerActivator}/index.cjs +3 -3
- package/dist/FilterPicker/components/FilterPickerActivator/index.d.ts +1 -0
- package/dist/{Combobox/components/ComboboxActivator → FilterPicker/components/FilterPickerActivator}/index.mjs +2 -2
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContent.d.ts +3 -0
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentHeader/FilterPickerContentHeader.d.ts +3 -0
- package/dist/{Combobox/components/ComboboxContent/ComboboxContentHeader → FilterPicker/components/FilterPickerContent/FilterPickerContentHeader}/index.cjs +2 -2
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentHeader/index.d.ts +1 -0
- package/dist/{Combobox/components/ComboboxContent/ComboboxContentHeader → FilterPicker/components/FilterPickerContent/FilterPickerContentHeader}/index.mjs +1 -1
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList/FilterPickerContentList.d.ts +3 -0
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList/FilterPickerContentList.module.css.d.ts +13 -0
- package/dist/{Combobox/components/ComboboxContent/ComboboxContentList → FilterPicker/components/FilterPickerContent/FilterPickerContentList}/index.cjs +5 -5
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList/index.d.ts +1 -0
- package/dist/{Combobox/components/ComboboxContent/ComboboxContentList → FilterPicker/components/FilterPickerContent/FilterPickerContentList}/index.mjs +4 -4
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentSearch/FilterPickerContentSearch.d.ts +3 -0
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentSearch/index.cjs +10 -0
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentSearch/index.d.ts +1 -0
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerContentSearch/index.mjs +4 -0
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerLoadMore/FilterPickerLoadMore.d.ts +6 -0
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerLoadMore/index.cjs +9 -0
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerLoadMore/index.d.ts +1 -0
- package/dist/FilterPicker/components/FilterPickerContent/FilterPickerLoadMore/index.mjs +3 -0
- package/dist/{Combobox/components/ComboboxContent → FilterPicker/components/FilterPickerContent}/index.cjs +8 -8
- package/dist/FilterPicker/components/FilterPickerContent/index.d.ts +1 -0
- package/dist/{Combobox/components/ComboboxContent → FilterPicker/components/FilterPickerContent}/index.mjs +7 -7
- package/dist/FilterPicker/components/FilterPickerOption/FilterPickerOption.d.ts +3 -0
- package/dist/{Combobox/components/ComboboxOption → FilterPicker/components/FilterPickerOption}/index.cjs +3 -3
- package/dist/FilterPicker/components/FilterPickerOption/index.d.ts +1 -0
- package/dist/{Combobox/components/ComboboxOption → FilterPicker/components/FilterPickerOption}/index.mjs +2 -2
- package/dist/FilterPicker/components/FilterPickerTrigger/FilterPickerTrigger.d.ts +3 -0
- package/dist/{Combobox/components/ComboboxTrigger → FilterPicker/components/FilterPickerTrigger}/index.cjs +3 -3
- package/dist/FilterPicker/components/FilterPickerTrigger/index.d.ts +1 -0
- package/dist/{Combobox/components/ComboboxTrigger → FilterPicker/components/FilterPickerTrigger}/index.mjs +2 -2
- package/dist/FilterPicker/constants.d.ts +1 -0
- package/dist/FilterPicker/hooks/useFilterPicker.d.ts +17 -0
- package/dist/FilterPicker/hooks/useFilterPickerAccessibility.d.ts +9 -0
- package/dist/FilterPicker/hooks/useFilterPickerActivatorAccessibility.d.ts +2 -0
- package/dist/FilterPicker/hooks/useFilterPickerContent.d.ts +9 -0
- package/dist/FilterPicker/hooks/useFilterPickerValidation.d.ts +12 -0
- package/dist/FilterPicker/hooks/useMakeFilterPickerHandlers.d.ts +8 -0
- package/dist/{Combobox → FilterPicker}/index.cjs +13 -13
- package/dist/FilterPicker/index.d.ts +3 -0
- package/dist/{Combobox → FilterPicker}/index.mjs +11 -11
- package/dist/{Combobox-cjs.js → FilterPicker-cjs.js} +25 -25
- package/dist/{Combobox-es.js → FilterPicker-es.js} +25 -25
- package/dist/{ComboboxAction-cjs.js → FilterPickerAction-cjs.js} +5 -5
- package/dist/{ComboboxAction-es.js → FilterPickerAction-es.js} +5 -5
- package/dist/{ComboboxActivator-cjs.js → FilterPickerActivator-cjs.js} +8 -8
- package/dist/{ComboboxActivator-es.js → FilterPickerActivator-es.js} +9 -9
- package/dist/{ComboboxContent-cjs.js → FilterPickerContent-cjs.js} +19 -19
- package/dist/{ComboboxContent-es.js → FilterPickerContent-es.js} +20 -20
- package/dist/{ComboboxContentHeader-cjs.js → FilterPickerContentHeader-cjs.js} +4 -4
- package/dist/{ComboboxContentHeader-es.js → FilterPickerContentHeader-es.js} +4 -4
- package/dist/{ComboboxContentList-cjs.js → FilterPickerContentList-cjs.js} +7 -7
- package/dist/{ComboboxContentList-es.js → FilterPickerContentList-es.js} +7 -7
- package/dist/{ComboboxContentSearch-cjs.js → FilterPickerContentSearch-cjs.js} +4 -4
- package/dist/{ComboboxContentSearch-es.js → FilterPickerContentSearch-es.js} +4 -4
- package/dist/FilterPickerLoadMore-cjs.js +16 -0
- package/dist/{ComboboxLoadMore-es.js → FilterPickerLoadMore-es.js} +4 -4
- package/dist/{ComboboxOption-cjs.js → FilterPickerOption-cjs.js} +5 -5
- package/dist/{ComboboxOption-es.js → FilterPickerOption-es.js} +5 -5
- package/dist/FilterPickerProvider-cjs.js +13 -0
- package/dist/FilterPickerProvider-es.js +10 -0
- package/dist/{ComboboxTrigger-cjs.js → FilterPickerTrigger-cjs.js} +4 -4
- package/dist/{ComboboxTrigger-es.js → FilterPickerTrigger-es.js} +4 -4
- package/dist/constants-cjs.js +2 -2
- package/dist/constants-es.js +2 -2
- package/dist/docs/Autocomplete/Autocomplete.md +1 -1
- package/dist/docs/Chip/Chip.md +4 -4
- package/dist/docs/DataList/DataList.md +16 -15
- package/dist/docs/{Combobox/Combobox.md → FilterPicker/FilterPicker.md} +91 -85
- package/dist/docs/Menu/Menu.md +1 -1
- package/dist/docs/MultiSelect/MultiSelect.md +1 -1
- package/dist/docs/Tabs/Tabs.md +2 -2
- package/dist/docs/index.md +1 -1
- package/dist/docs/usage-guidelines/usage-guidelines.md +5 -5
- package/dist/index.cjs +13 -13
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +11 -11
- package/dist/styles.css +53 -53
- package/dist/utils/meta/meta.json +5 -5
- package/package.json +6 -6
- package/rollup.config.mjs +2 -2
- package/Combobox.d.ts +0 -1
- package/dist/Combobox/Combobox.d.ts +0 -11
- package/dist/Combobox/ComboboxProvider.d.ts +0 -18
- package/dist/Combobox/components/ComboboxAction/ComboboxAction.d.ts +0 -3
- package/dist/Combobox/components/ComboboxAction/index.cjs +0 -12
- package/dist/Combobox/components/ComboboxAction/index.d.ts +0 -1
- package/dist/Combobox/components/ComboboxAction/index.mjs +0 -6
- package/dist/Combobox/components/ComboboxActivator/ComboboxActivator.d.ts +0 -3
- package/dist/Combobox/components/ComboboxActivator/index.d.ts +0 -1
- package/dist/Combobox/components/ComboboxContent/ComboboxContent.d.ts +0 -3
- package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/ComboboxContentHeader.d.ts +0 -3
- package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/index.d.ts +0 -1
- package/dist/Combobox/components/ComboboxContent/ComboboxContentList/ComboboxContentList.d.ts +0 -3
- package/dist/Combobox/components/ComboboxContent/ComboboxContentList/index.d.ts +0 -1
- package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/ComboboxContentSearch.d.ts +0 -3
- package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/index.cjs +0 -10
- package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/index.d.ts +0 -1
- package/dist/Combobox/components/ComboboxContent/ComboboxContentSearch/index.mjs +0 -4
- package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/ComboboxLoadMore.d.ts +0 -6
- package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.cjs +0 -9
- package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.d.ts +0 -1
- package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.mjs +0 -3
- package/dist/Combobox/components/ComboboxContent/index.d.ts +0 -1
- package/dist/Combobox/components/ComboboxOption/ComboboxOption.d.ts +0 -3
- package/dist/Combobox/components/ComboboxOption/index.d.ts +0 -1
- package/dist/Combobox/components/ComboboxTrigger/ComboboxTrigger.d.ts +0 -3
- package/dist/Combobox/components/ComboboxTrigger/index.d.ts +0 -1
- package/dist/Combobox/constants.d.ts +0 -1
- package/dist/Combobox/hooks/useCombobox.d.ts +0 -17
- package/dist/Combobox/hooks/useComboboxAccessibility.d.ts +0 -9
- package/dist/Combobox/hooks/useComboboxActivatorAccessibility.d.ts +0 -2
- package/dist/Combobox/hooks/useComboboxContent.d.ts +0 -9
- package/dist/Combobox/hooks/useComboboxValidation.d.ts +0 -12
- package/dist/Combobox/hooks/useMakeComboboxHandlers.d.ts +0 -8
- package/dist/Combobox/index.d.ts +0 -3
- package/dist/ComboboxLoadMore-cjs.js +0 -16
- package/dist/ComboboxProvider-cjs.js +0 -13
- package/dist/ComboboxProvider-es.js +0 -10
package/dist/styles.css
CHANGED
|
@@ -5574,7 +5574,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
5574
5574
|
justify-content: center;
|
|
5575
5575
|
}
|
|
5576
5576
|
|
|
5577
|
-
.
|
|
5577
|
+
.bog6pntD050- {
|
|
5578
5578
|
z-index: 1002;
|
|
5579
5579
|
z-index: var(--elevation-tooltip);
|
|
5580
5580
|
width: calc(64px * 3.75);
|
|
@@ -5594,22 +5594,22 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
5594
5594
|
* so please be careful if you change this class name, or the css rules within.
|
|
5595
5595
|
*/
|
|
5596
5596
|
|
|
5597
|
-
.
|
|
5597
|
+
.bog6pntD050-.CLGExWp0HOc- {
|
|
5598
5598
|
display: none;
|
|
5599
5599
|
visibility: hidden;
|
|
5600
5600
|
}
|
|
5601
5601
|
|
|
5602
|
-
.
|
|
5603
|
-
.
|
|
5602
|
+
.bog6pntD050-:focus,
|
|
5603
|
+
.bog6pntD050-:focus-visible {
|
|
5604
5604
|
outline: none;
|
|
5605
5605
|
}
|
|
5606
5606
|
|
|
5607
|
-
.
|
|
5607
|
+
.bog6pntD050-:focus-visible {
|
|
5608
5608
|
box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
|
|
5609
5609
|
box-shadow: var(--shadow-focus);
|
|
5610
5610
|
}
|
|
5611
5611
|
|
|
5612
|
-
.
|
|
5612
|
+
.Tuw6ng4mYhg- {
|
|
5613
5613
|
display: -ms-flexbox;
|
|
5614
5614
|
display: flex;
|
|
5615
5615
|
-ms-flex-direction: column;
|
|
@@ -5623,16 +5623,16 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
5623
5623
|
background-color: var(--color-surface);
|
|
5624
5624
|
}
|
|
5625
5625
|
|
|
5626
|
-
.
|
|
5626
|
+
.uC0PW9BRcl4- {
|
|
5627
5627
|
padding-bottom: 8px;
|
|
5628
5628
|
padding-bottom: var(--space-small);
|
|
5629
5629
|
}
|
|
5630
5630
|
|
|
5631
|
-
.
|
|
5631
|
+
._74R4ICUNw-M- {
|
|
5632
5632
|
position: relative;
|
|
5633
5633
|
}
|
|
5634
5634
|
|
|
5635
|
-
.
|
|
5635
|
+
.icUzhma-GJs- {
|
|
5636
5636
|
width: 100%;
|
|
5637
5637
|
padding: 16px;
|
|
5638
5638
|
padding: var(--space-base);
|
|
@@ -5650,17 +5650,17 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
5650
5650
|
background-color: var(--color-surface);
|
|
5651
5651
|
}
|
|
5652
5652
|
|
|
5653
|
-
.
|
|
5653
|
+
.icUzhma-GJs-::-webkit-input-placeholder {
|
|
5654
5654
|
color: var(--field--placeholder-color);
|
|
5655
5655
|
opacity: 1;
|
|
5656
5656
|
}
|
|
5657
5657
|
|
|
5658
|
-
.
|
|
5658
|
+
.icUzhma-GJs-:-ms-input-placeholder {
|
|
5659
5659
|
color: var(--field--placeholder-color);
|
|
5660
5660
|
opacity: 1;
|
|
5661
5661
|
}
|
|
5662
5662
|
|
|
5663
|
-
.
|
|
5663
|
+
.icUzhma-GJs-::-ms-input-placeholder {
|
|
5664
5664
|
color: var(--field--placeholder-color);
|
|
5665
5665
|
opacity: 1;
|
|
5666
5666
|
}
|
|
@@ -5680,23 +5680,23 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
5680
5680
|
opacity: 1;
|
|
5681
5681
|
}
|
|
5682
5682
|
|
|
5683
|
-
.
|
|
5683
|
+
.icUzhma-GJs-::placeholder {
|
|
5684
5684
|
color: var(--field--placeholder-color);
|
|
5685
5685
|
opacity: 1;
|
|
5686
5686
|
}
|
|
5687
5687
|
|
|
5688
|
-
.
|
|
5689
|
-
.
|
|
5690
|
-
.
|
|
5691
|
-
.
|
|
5688
|
+
.icUzhma-GJs-::-webkit-search-decoration,
|
|
5689
|
+
.icUzhma-GJs-::-webkit-search-cancel-button,
|
|
5690
|
+
.icUzhma-GJs-::-webkit-search-results-button,
|
|
5691
|
+
.icUzhma-GJs-::-webkit-search-results-decoration {
|
|
5692
5692
|
-webkit-appearance: none;
|
|
5693
5693
|
}
|
|
5694
5694
|
|
|
5695
|
-
.
|
|
5695
|
+
.icUzhma-GJs-:focus {
|
|
5696
5696
|
outline: none;
|
|
5697
5697
|
}
|
|
5698
5698
|
|
|
5699
|
-
.
|
|
5699
|
+
.ePmiDYZ2boo- {
|
|
5700
5700
|
display: -ms-flexbox;
|
|
5701
5701
|
display: flex;
|
|
5702
5702
|
position: absolute;
|
|
@@ -5724,22 +5724,22 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
5724
5724
|
align-items: center;
|
|
5725
5725
|
}
|
|
5726
5726
|
|
|
5727
|
-
.
|
|
5727
|
+
.ePmiDYZ2boo-:focus {
|
|
5728
5728
|
outline: transparent;
|
|
5729
5729
|
}
|
|
5730
5730
|
|
|
5731
|
-
.
|
|
5731
|
+
.ePmiDYZ2boo-:focus-visible {
|
|
5732
5732
|
box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
|
|
5733
5733
|
box-shadow: var(--shadow-focus);
|
|
5734
5734
|
}
|
|
5735
5735
|
|
|
5736
|
-
.
|
|
5736
|
+
.d-JzbXbz3vI- {
|
|
5737
5737
|
position: relative;
|
|
5738
5738
|
padding: 8px 0;
|
|
5739
5739
|
padding: var(--space-small) 0;
|
|
5740
5740
|
}
|
|
5741
5741
|
|
|
5742
|
-
.
|
|
5742
|
+
._9sPZShzetbo- {
|
|
5743
5743
|
display: -ms-flexbox;
|
|
5744
5744
|
display: flex;
|
|
5745
5745
|
|
|
@@ -5756,14 +5756,14 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
5756
5756
|
gap: var(--space-smaller);
|
|
5757
5757
|
}
|
|
5758
5758
|
|
|
5759
|
-
.
|
|
5760
|
-
.
|
|
5759
|
+
._7iUzJFaZYDs-,
|
|
5760
|
+
.I3lJfMgm-Io- {
|
|
5761
5761
|
padding: 8px 16px;
|
|
5762
5762
|
padding: var(--space-small) var(--space-base);
|
|
5763
5763
|
}
|
|
5764
5764
|
|
|
5765
|
-
.
|
|
5766
|
-
.
|
|
5765
|
+
.d-JzbXbz3vI-::before,
|
|
5766
|
+
.d-JzbXbz3vI-::after {
|
|
5767
5767
|
content: "";
|
|
5768
5768
|
display: block;
|
|
5769
5769
|
position: absolute;
|
|
@@ -5775,7 +5775,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
5775
5775
|
transition: opacity 0.3s ease-in-out;
|
|
5776
5776
|
}
|
|
5777
5777
|
|
|
5778
|
-
.
|
|
5778
|
+
.d-JzbXbz3vI-::after {
|
|
5779
5779
|
bottom: 8px;
|
|
5780
5780
|
bottom: var(--space-small);
|
|
5781
5781
|
background: linear-gradient(
|
|
@@ -5790,7 +5790,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
5790
5790
|
);
|
|
5791
5791
|
}
|
|
5792
5792
|
|
|
5793
|
-
.
|
|
5793
|
+
.d-JzbXbz3vI-::before {
|
|
5794
5794
|
top: 8px;
|
|
5795
5795
|
top: var(--space-small);
|
|
5796
5796
|
background: linear-gradient(
|
|
@@ -5805,22 +5805,22 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
5805
5805
|
);
|
|
5806
5806
|
}
|
|
5807
5807
|
|
|
5808
|
-
.
|
|
5809
|
-
|
|
5808
|
+
.VNhhUhatkmw-::before,
|
|
5809
|
+
.w8LsXerWI7I-::before {
|
|
5810
5810
|
opacity: 0;
|
|
5811
5811
|
}
|
|
5812
5812
|
|
|
5813
|
-
|
|
5814
|
-
|
|
5813
|
+
.-Bk1T-RD-tA-::after,
|
|
5814
|
+
.w8LsXerWI7I-::after {
|
|
5815
5815
|
opacity: 0;
|
|
5816
5816
|
}
|
|
5817
5817
|
|
|
5818
|
-
.
|
|
5818
|
+
.czPVeCUK2Zc- {
|
|
5819
5819
|
padding: 16px 16px;
|
|
5820
5820
|
padding: var(--space-base) var(--space-base);
|
|
5821
5821
|
}
|
|
5822
5822
|
|
|
5823
|
-
.
|
|
5823
|
+
.czPVeCUK2Zc-._9IwiWJBxJxQ- {
|
|
5824
5824
|
display: -ms-flexbox;
|
|
5825
5825
|
display: flex;
|
|
5826
5826
|
-ms-flex-pack: center;
|
|
@@ -5831,7 +5831,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
5831
5831
|
padding: var(--space-base) 0;
|
|
5832
5832
|
}
|
|
5833
5833
|
|
|
5834
|
-
.
|
|
5834
|
+
.czPVeCUK2Zc-._9IwiWJBxJxQ-:empty {
|
|
5835
5835
|
display: none;
|
|
5836
5836
|
}
|
|
5837
5837
|
|
|
@@ -5911,7 +5911,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
5911
5911
|
align-items: end;
|
|
5912
5912
|
}
|
|
5913
5913
|
|
|
5914
|
-
.
|
|
5914
|
+
.tjXkqP6ZdSk- {
|
|
5915
5915
|
display: -ms-flexbox;
|
|
5916
5916
|
display: flex;
|
|
5917
5917
|
-ms-flex-negative: 0;
|
|
@@ -5937,30 +5937,30 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
5937
5937
|
align-items: center;
|
|
5938
5938
|
}
|
|
5939
5939
|
|
|
5940
|
-
.
|
|
5941
|
-
.
|
|
5940
|
+
.tjXkqP6ZdSk-:hover,
|
|
5941
|
+
.tjXkqP6ZdSk-:focus-visible {
|
|
5942
5942
|
background-color: hsl(43, 18%, 92%);
|
|
5943
5943
|
background-color: var(--color-surface--hover);
|
|
5944
5944
|
}
|
|
5945
5945
|
|
|
5946
|
-
.
|
|
5947
|
-
.
|
|
5946
|
+
.tjXkqP6ZdSk-:focus,
|
|
5947
|
+
.tjXkqP6ZdSk-:focus-visible {
|
|
5948
5948
|
outline: none;
|
|
5949
5949
|
}
|
|
5950
5950
|
|
|
5951
|
-
.
|
|
5951
|
+
.tjXkqP6ZdSk-:focus-visible {
|
|
5952
5952
|
box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
|
|
5953
5953
|
box-shadow: var(--shadow-focus);
|
|
5954
5954
|
}
|
|
5955
5955
|
|
|
5956
|
-
.
|
|
5956
|
+
._8SCmS4wfKOQ- {
|
|
5957
5957
|
-webkit-transform: translateY(calc(48px * -1));
|
|
5958
5958
|
-webkit-transform: translateY(calc(var(--space-largest) * -1));
|
|
5959
5959
|
transform: translateY(calc(48px * -1));
|
|
5960
5960
|
transform: translateY(calc(var(--space-largest) * -1));
|
|
5961
5961
|
}
|
|
5962
5962
|
|
|
5963
|
-
.
|
|
5963
|
+
.qsCrV9XnUYQ- {
|
|
5964
5964
|
display: -ms-flexbox;
|
|
5965
5965
|
display: flex;
|
|
5966
5966
|
padding: 16px 8px 0 16px;
|
|
@@ -5973,7 +5973,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
5973
5973
|
gap: var(--space-smaller);
|
|
5974
5974
|
}
|
|
5975
5975
|
|
|
5976
|
-
.
|
|
5976
|
+
.wnyB0d1ZE70- {
|
|
5977
5977
|
width: 100%;
|
|
5978
5978
|
box-sizing: border-box;
|
|
5979
5979
|
padding: 0 8px;
|
|
@@ -5982,7 +5982,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
5982
5982
|
background-color: var(--color-surface);
|
|
5983
5983
|
}
|
|
5984
5984
|
|
|
5985
|
-
.
|
|
5985
|
+
.mljM3ouZmbM- {
|
|
5986
5986
|
position: relative;
|
|
5987
5987
|
width: 100%;
|
|
5988
5988
|
min-height: calc((48px - 8px));
|
|
@@ -6000,28 +6000,28 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
6000
6000
|
transition: all var(--timing-base);
|
|
6001
6001
|
}
|
|
6002
6002
|
|
|
6003
|
-
.
|
|
6003
|
+
.mljM3ouZmbM-:focus {
|
|
6004
6004
|
outline: none;
|
|
6005
6005
|
}
|
|
6006
6006
|
|
|
6007
|
-
.
|
|
6008
|
-
.
|
|
6007
|
+
.mljM3ouZmbM-:hover,
|
|
6008
|
+
.mljM3ouZmbM-:focus-visible {
|
|
6009
6009
|
outline: none;
|
|
6010
6010
|
background-color: hsl(43, 18%, 92%);
|
|
6011
6011
|
background-color: var(--color-surface--hover);
|
|
6012
6012
|
}
|
|
6013
6013
|
|
|
6014
|
-
.
|
|
6014
|
+
.mljM3ouZmbM-:focus-visible {
|
|
6015
6015
|
box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
|
|
6016
6016
|
box-shadow: var(--shadow-focus);
|
|
6017
6017
|
}
|
|
6018
6018
|
|
|
6019
|
-
.
|
|
6019
|
+
.mljM3ouZmbM- span {
|
|
6020
6020
|
margin-left: 8px;
|
|
6021
6021
|
margin-left: var(--space-small);
|
|
6022
6022
|
}
|
|
6023
6023
|
|
|
6024
|
-
.
|
|
6024
|
+
.pWccl-Pw3hY- {
|
|
6025
6025
|
position: fixed;
|
|
6026
6026
|
top: 0;
|
|
6027
6027
|
right: 0;
|
|
@@ -6032,7 +6032,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
|
|
|
6032
6032
|
background-color: transparent;
|
|
6033
6033
|
}
|
|
6034
6034
|
|
|
6035
|
-
.
|
|
6035
|
+
.CGh3PQqBZ1c- {
|
|
6036
6036
|
display: -ms-inline-flexbox;
|
|
6037
6037
|
display: inline-flex;
|
|
6038
6038
|
max-width: 100%;
|
|
@@ -34,11 +34,6 @@
|
|
|
34
34
|
"ChipSelectable",
|
|
35
35
|
"Chips",
|
|
36
36
|
"Cluster",
|
|
37
|
-
"Combobox",
|
|
38
|
-
"Combobox.Action",
|
|
39
|
-
"Combobox.Activator",
|
|
40
|
-
"Combobox.Option",
|
|
41
|
-
"ComboboxContextProvider",
|
|
42
37
|
"ConfirmationModal",
|
|
43
38
|
"Container",
|
|
44
39
|
"Container.Apply",
|
|
@@ -81,6 +76,11 @@
|
|
|
81
76
|
"DrawerGrid",
|
|
82
77
|
"Emphasis",
|
|
83
78
|
"FeatureSwitch",
|
|
79
|
+
"FilterPicker",
|
|
80
|
+
"FilterPicker.Action",
|
|
81
|
+
"FilterPicker.Activator",
|
|
82
|
+
"FilterPicker.Option",
|
|
83
|
+
"FilterPickerContextProvider",
|
|
84
84
|
"Flex",
|
|
85
85
|
"Footer",
|
|
86
86
|
"FormFieldInputHorizontalWrapper",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "8.14.
|
|
3
|
+
"version": "8.14.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -95,10 +95,10 @@
|
|
|
95
95
|
"import": "./dist/Cluster/index.mjs",
|
|
96
96
|
"require": "./dist/Cluster/index.cjs"
|
|
97
97
|
},
|
|
98
|
-
"./
|
|
99
|
-
"types": "./dist/
|
|
100
|
-
"import": "./dist/
|
|
101
|
-
"require": "./dist/
|
|
98
|
+
"./FilterPicker": {
|
|
99
|
+
"types": "./dist/FilterPicker/index.d.ts",
|
|
100
|
+
"import": "./dist/FilterPicker/index.mjs",
|
|
101
|
+
"require": "./dist/FilterPicker/index.cjs"
|
|
102
102
|
},
|
|
103
103
|
"./ConfirmationModal": {
|
|
104
104
|
"types": "./dist/ConfirmationModal/index.d.ts",
|
|
@@ -546,5 +546,5 @@
|
|
|
546
546
|
"> 1%",
|
|
547
547
|
"IE 10"
|
|
548
548
|
],
|
|
549
|
-
"gitHead": "
|
|
549
|
+
"gitHead": "b4ef91d6d0c0e2d1eb3253577b34fbc97a00422f"
|
|
550
550
|
}
|
package/rollup.config.mjs
CHANGED
|
@@ -148,8 +148,8 @@ export default {
|
|
|
148
148
|
dest: "dist/Glimmer/style",
|
|
149
149
|
},
|
|
150
150
|
{
|
|
151
|
-
src: "src/
|
|
152
|
-
dest: "dist/
|
|
151
|
+
src: "src/FilterPicker/components/FilterPickerContent/FilterPickerContentList/FilterPickerContentList.module.css.d.ts",
|
|
152
|
+
dest: "dist/FilterPicker/components/FilterPickerContent/FilterPickerContentList",
|
|
153
153
|
},
|
|
154
154
|
{
|
|
155
155
|
src: "dist/index.d.ts",
|
package/Combobox.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./dist/Combobox";
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import type { ComboboxProps } from "./Combobox.types";
|
|
3
|
-
import { ComboboxAction } from "./components/ComboboxAction";
|
|
4
|
-
import { ComboboxOption as ComboboxOptionComponent } from "./components/ComboboxOption/ComboboxOption";
|
|
5
|
-
import { ComboboxActivator } from "./components/ComboboxActivator";
|
|
6
|
-
export declare function Combobox(props: ComboboxProps): React.JSX.Element;
|
|
7
|
-
export declare namespace Combobox {
|
|
8
|
-
var Activator: typeof ComboboxActivator;
|
|
9
|
-
var Action: typeof ComboboxAction;
|
|
10
|
-
var Option: typeof ComboboxOptionComponent;
|
|
11
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import type { RefObject } from "react";
|
|
3
|
-
import { type ComboboxOption } from "./Combobox.types";
|
|
4
|
-
export interface ComboboxProviderProps {
|
|
5
|
-
readonly children: React.ReactNode;
|
|
6
|
-
readonly selected: ComboboxOption[];
|
|
7
|
-
readonly selectionHandler: (option: ComboboxOption) => void;
|
|
8
|
-
readonly open: boolean;
|
|
9
|
-
readonly handleClose: () => void;
|
|
10
|
-
readonly handleOpen: () => void;
|
|
11
|
-
readonly shouldScroll: RefObject<boolean>;
|
|
12
|
-
readonly searchValue: string;
|
|
13
|
-
readonly label?: string;
|
|
14
|
-
readonly onClear?: () => void;
|
|
15
|
-
readonly onSelectAll?: (selection: ComboboxOption[]) => void;
|
|
16
|
-
}
|
|
17
|
-
export declare const ComboboxContext: React.Context<Omit<ComboboxProviderProps, "children">>;
|
|
18
|
-
export declare function ComboboxContextProvider({ children, ...props }: ComboboxProviderProps): React.JSX.Element;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ComboboxAction = require('../../../ComboboxAction-cjs.js');
|
|
4
|
-
require('react');
|
|
5
|
-
require('../../../Typography-cjs.js');
|
|
6
|
-
require('classnames');
|
|
7
|
-
require('../../../ComboboxProvider-cjs.js');
|
|
8
|
-
require('../../../tslib.es6-cjs.js');
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
exports.ComboboxAction = ComboboxAction.ComboboxAction;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ComboboxAction } from "./ComboboxAction";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./ComboboxActivator";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ComboboxContentHeader } from "./ComboboxContentHeader";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ComboboxContentList } from "./ComboboxContentList";
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ComboboxContentSearch = require('../../../../ComboboxContentSearch-cjs.js');
|
|
4
|
-
require('react');
|
|
5
|
-
require('../../../../Icon-cjs.js');
|
|
6
|
-
require('@jobber/design');
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
exports.ComboboxContentSearch = ComboboxContentSearch.ComboboxContentSearch;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ComboboxContentSearch } from "./ComboboxContentSearch";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ComboboxLoadMore } from "./ComboboxLoadMore";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ComboboxContent } from "./ComboboxContent";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./ComboboxOption";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { ComboboxTrigger } from "./ComboboxTrigger";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const COMBOBOX_MENU_ID = "ATL-Combobox-Content";
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { Dispatch, MutableRefObject } from "react";
|
|
2
|
-
import type React from "react";
|
|
3
|
-
import type { UseMakeComboboxHandlersReturn } from "./useMakeComboboxHandlers";
|
|
4
|
-
import { type ComboboxOption } from "../Combobox.types";
|
|
5
|
-
type UseComboboxReturn = {
|
|
6
|
-
wrapperRef: React.RefObject<HTMLDivElement | null>;
|
|
7
|
-
searchValue: string;
|
|
8
|
-
setSearchValue: Dispatch<React.SetStateAction<string>>;
|
|
9
|
-
open: boolean;
|
|
10
|
-
selectedOptions: ComboboxOption[];
|
|
11
|
-
selectedStateSetter: (selection: ComboboxOption[]) => void;
|
|
12
|
-
shouldScroll: MutableRefObject<boolean>;
|
|
13
|
-
internalFilteredOptions: ComboboxOption[];
|
|
14
|
-
handleSearchChange: (value: string) => void;
|
|
15
|
-
} & UseMakeComboboxHandlersReturn;
|
|
16
|
-
export declare function useCombobox(selected: ComboboxOption[], onSelect: (selection: ComboboxOption[]) => void, options: ComboboxOption[], onClose?: () => void, multiSelect?: boolean, onSearch?: (searchValue: string) => void, debounceTime?: number): UseComboboxReturn;
|
|
17
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { UseInteractionsReturn } from "@floating-ui/react";
|
|
2
|
-
import { type ComboboxOption } from "../Combobox.types";
|
|
3
|
-
export declare function useComboboxAccessibility(selectionCallback: (selection: ComboboxOption) => void, filteredOptions: ComboboxOption[], optionsListRef: React.RefObject<HTMLUListElement | null>, open: boolean, wrapperRef: React.RefObject<HTMLDivElement | null>): {
|
|
4
|
-
floatingRef: React.RefObject<HTMLDivElement | null>;
|
|
5
|
-
floatingStyles: React.CSSProperties;
|
|
6
|
-
floatingProps: ReturnType<UseInteractionsReturn["getFloatingProps"]>;
|
|
7
|
-
nodeId?: string;
|
|
8
|
-
parentNodeId: string | null;
|
|
9
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { RefObject } from "react";
|
|
2
|
-
import { type ComboboxOption } from "../Combobox.types";
|
|
3
|
-
interface useComboboxContent {
|
|
4
|
-
optionsListRef: RefObject<HTMLUListElement | null>;
|
|
5
|
-
onClear?: () => void;
|
|
6
|
-
onSelectAll?: (selection: ComboboxOption[]) => void;
|
|
7
|
-
}
|
|
8
|
-
export declare function useComboboxContent(open: boolean, selected: ComboboxOption[]): useComboboxContent;
|
|
9
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { ReactElement } from "react";
|
|
2
|
-
import { type ComboboxActionProps, type ComboboxActivatorProps, type ComboboxOptionProps, type ComboboxProps } from "../Combobox.types";
|
|
3
|
-
export declare const COMBOBOX_TRIGGER_COUNT_ERROR_MESSAGE = "Combobox must have exactly one Trigger element";
|
|
4
|
-
export declare function useComboboxValidation(children?: ComboboxProps["children"]): {
|
|
5
|
-
triggerElement?: ReactElement<ComboboxActivatorProps>;
|
|
6
|
-
optionElements?: ReactElement<ComboboxOptionProps>[];
|
|
7
|
-
actionElements?: ReactElement<ComboboxActionProps>[];
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Return all instances child component that matches the `type` provided
|
|
11
|
-
*/
|
|
12
|
-
export declare function getCompoundComponents<T>(type: ReactElement<T>["type"], children?: ComboboxProps["children"]): ReactElement<T>[];
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type React from "react";
|
|
2
|
-
import { type ComboboxOption } from "../Combobox.types";
|
|
3
|
-
export interface UseMakeComboboxHandlersReturn {
|
|
4
|
-
handleClose: () => void;
|
|
5
|
-
handleSelection: (selection: ComboboxOption) => void;
|
|
6
|
-
handleOpen: () => void;
|
|
7
|
-
}
|
|
8
|
-
export declare function useMakeComboboxHandlers(setOpen: (open: boolean) => void, open: boolean, setSearchValue: (searchValue: string) => void, selectedOptions: ComboboxOption[], shouldScroll: React.RefObject<boolean>, selectedStateSetter: (selected: ComboboxOption[]) => void, multiSelect?: boolean, onClose?: () => void, onSearch?: (searchValue: string) => void): UseMakeComboboxHandlersReturn;
|
package/dist/Combobox/index.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var jobberHooks = require('@jobber/hooks');
|
|
5
|
-
|
|
6
|
-
var styles = {"trigger":"jPB--ZCYNNI-","spinning":"aW61BrnGmcw-"};
|
|
7
|
-
|
|
8
|
-
function ComboboxLoadMore({ onLoadMore }) {
|
|
9
|
-
const [inViewRef, isInView] = jobberHooks.useInView();
|
|
10
|
-
React.useEffect(() => {
|
|
11
|
-
isInView && onLoadMore();
|
|
12
|
-
}, [isInView]);
|
|
13
|
-
return (React.createElement("div", { "data-testid": "ATL-Combobox-Loadmore-Trigger", ref: inViewRef, className: styles.trigger }));
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
exports.ComboboxLoadMore = ComboboxLoadMore;
|