@algolia/satellite 1.0.0-beta.133 → 1.0.0-beta.134
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/README.md +33 -28
- package/cjs/AnnouncementBadge/AnnouncementBadge.d.ts +6 -2
- package/cjs/AnnouncementBadge/AnnouncementBadge.js +14 -2
- package/cjs/AutoComplete/AutoComplete.d.ts +5 -10
- package/cjs/AutoComplete/AutoComplete.js +21 -45
- package/cjs/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
- package/cjs/AutoComplete/AutoComplete.tailwind.js +10 -13
- package/cjs/AutoComplete/utils.d.ts +2 -1
- package/cjs/AutoComplete/utils.js +22 -2
- package/cjs/Avatars/ApplicationAvatar.js +1 -1
- package/cjs/Banner/Banner.d.ts +1 -0
- package/cjs/Banner/Banner.js +1 -1
- package/cjs/Banners/Alert/Alert.d.ts +1 -0
- package/cjs/Banners/Alert/Alert.js +1 -1
- package/cjs/Banners/BigBertha/BigBertha.d.ts +2 -1
- package/cjs/Banners/Promote/Promote.d.ts +1 -0
- package/cjs/Button/Button.js +2 -2
- package/cjs/Button/Button.tailwind.d.ts +4 -4
- package/cjs/Button/Button.tailwind.js +11 -14
- package/cjs/Button/ButtonGroup.d.ts +2 -1
- package/cjs/Card/Card.tailwind.d.ts +4 -4
- package/cjs/Card/Card.tailwind.js +5 -8
- package/cjs/Card/components/CardTitle.d.ts +4 -2
- package/cjs/Checkbox/Checkbox.d.ts +1 -1
- package/cjs/Checkbox/Checkbox.tailwind.d.ts +5 -5
- package/cjs/Checkbox/Checkbox.tailwind.js +11 -14
- package/cjs/ClickAwayContainer/ClickAwayContainer.d.ts +2 -1
- package/cjs/DatePicker/DatePicker/DatePicker.js +13 -7
- package/cjs/DatePicker/DatePicker.tailwind.d.ts +4 -4
- package/cjs/DatePicker/DatePicker.tailwind.js +19 -14
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +14 -3
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +2 -1
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +1 -1
- package/cjs/DatePicker/components/Calendar.d.ts +2 -1
- package/cjs/DatePicker/components/FooterActions.d.ts +2 -1
- package/cjs/DatePicker/components/FooterActions.js +2 -2
- package/cjs/DatePicker/components/NavBar.d.ts +2 -1
- package/cjs/DatePicker/components/NavBar.js +2 -2
- package/cjs/DatePicker/utils.d.ts +2 -0
- package/cjs/DatePicker/utils.js +10 -2
- package/cjs/Dropdown/Dropdown.d.ts +1 -1
- package/cjs/Dropdown/DropdownButton.d.ts +1 -0
- package/cjs/Dropdown/components/DropdownLinkItem.js +1 -1
- package/cjs/Dropdown/components/DropdownTitle.d.ts +4 -2
- package/cjs/Dropdown/components/DropdownToggleItem.js +2 -2
- package/cjs/Dropzone/Dropzone.d.ts +5 -1
- package/cjs/Dropzone/Dropzone.js +14 -5
- package/cjs/EmptyState/EmptyState.tailwind.d.ts +4 -4
- package/cjs/EmptyState/EmptyState.tailwind.js +5 -8
- package/cjs/Field/Field.d.ts +1 -0
- package/cjs/Flag/Flag.d.ts +1 -0
- package/cjs/Flag/Flag.js +17 -2
- package/cjs/Flag/Flag.tailwind.d.ts +4 -4
- package/cjs/Flag/Flag.tailwind.js +8 -15
- package/cjs/Flag/types.d.ts +4 -0
- package/cjs/FlexGrid/FlexGrid.d.ts +2 -1
- package/cjs/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
- package/cjs/FlexGrid/FlexGrid.tailwind.js +8 -11
- package/cjs/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
- package/cjs/HelpUnderline/HelpUnderline.tailwind.js +3 -6
- package/cjs/Input/Input.d.ts +6 -0
- package/cjs/Input/Input.js +15 -4
- package/cjs/Input/Input.tailwind.d.ts +4 -4
- package/cjs/Input/Input.tailwind.js +12 -15
- package/cjs/Insert/Insert.d.ts +1 -0
- package/cjs/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
- package/cjs/InstantSearch/InstantSearch.tailwind.js +34 -32
- package/cjs/KeyboardKey/KeyboardKey.js +3 -2
- package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
- package/cjs/KeyboardKey/KeyboardKey.tailwind.js +5 -8
- package/cjs/Medallion/Medallion.tailwind.d.ts +4 -4
- package/cjs/Medallion/Medallion.tailwind.js +8 -11
- package/cjs/Modal/Modal.d.ts +5 -4
- package/cjs/Modal/Modal.js +13 -4
- package/cjs/Modal/Modal.tailwind.d.ts +4 -4
- package/cjs/Modal/Modal.tailwind.js +9 -18
- package/cjs/Modal/components/ModalFooter.d.ts +4 -2
- package/cjs/Pagination/CompactPagination/CompactPagination.d.ts +3 -7
- package/cjs/Pagination/CompactPagination/CompactPagination.js +30 -6
- package/cjs/Pagination/DotPagination/DotPagination.d.ts +5 -4
- package/cjs/Pagination/DotPagination/DotPagination.js +20 -4
- package/cjs/Pagination/Pagination/Pagination.d.ts +1 -1
- package/cjs/Pagination/Pagination/Pagination.js +27 -10
- package/cjs/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
- package/cjs/ProgressBar/ProgressBar.tailwind.js +7 -10
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +4 -7
- package/cjs/RadioGroup/RadioButton.d.ts +1 -1
- package/cjs/RadioGroup/RadioButton.tailwind.d.ts +4 -4
- package/cjs/RadioGroup/RadioButton.tailwind.js +11 -14
- package/cjs/RadioGroup/RadioGroup.d.ts +1 -0
- package/cjs/RadioGroup/RadioGroup.js +1 -1
- package/cjs/RangeSlider/RangeSlider.d.ts +1 -1
- package/cjs/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
- package/cjs/RangeSlider/RangeSlider.tailwind.js +21 -24
- package/cjs/Satellite/Satellite.d.ts +4 -1
- package/cjs/Satellite/Satellite.js +7 -2
- package/cjs/Satellite/SatelliteContext.d.ts +3 -1
- package/cjs/Satellite/SatelliteContext.js +2 -1
- package/cjs/Satellite/index.d.ts +1 -0
- package/cjs/Satellite/index.js +14 -0
- package/cjs/Satellite/locale.d.ts +27 -0
- package/cjs/Satellite/locale.js +21 -0
- package/cjs/ScrollIndicator/ScrollIndicator.d.ts +2 -1
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
- package/cjs/Select/Select.tailwind.d.ts +5 -5
- package/cjs/Select/Select.tailwind.js +5 -8
- package/cjs/Sidebar/Sidebar.tailwind.d.ts +4 -4
- package/cjs/Sidebar/Sidebar.tailwind.js +5 -8
- package/cjs/Sidebar/components/SidebarLink.d.ts +2 -1
- package/cjs/Sidebar/components/SidebarLink.js +1 -1
- package/cjs/Switch/Switch.tailwind.d.ts +5 -5
- package/cjs/Switch/Switch.tailwind.js +7 -8
- package/cjs/Switch/SwitchOption.d.ts +2 -1
- package/cjs/Switch/SwitchOption.js +1 -1
- package/cjs/Tables/DataTable/DataTable.d.ts +1 -1
- package/cjs/Tables/DataTable/DataTable.js +24 -7
- package/cjs/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
- package/cjs/Tables/DataTable/DataTable.tailwind.js +3 -6
- package/cjs/Tables/DataTable/components/Body.d.ts +3 -2
- package/cjs/Tables/DataTable/components/Body.js +4 -4
- package/cjs/Tables/DataTable/components/Loader.d.ts +1 -1
- package/cjs/Tables/DataTable/components/Loader.js +2 -2
- package/cjs/Tables/Table/Table.tailwind.d.ts +4 -4
- package/cjs/Tables/Table/Table.tailwind.js +3 -6
- package/cjs/Tabs/Tabs.tailwind.d.ts +4 -4
- package/cjs/Tabs/Tabs.tailwind.js +5 -8
- package/cjs/Tag/Tag.d.ts +5 -4
- package/cjs/Tag/Tag.js +14 -6
- package/cjs/Tag/Tag.tailwind.d.ts +4 -4
- package/cjs/Tag/Tag.tailwind.js +6 -9
- package/cjs/TextArea/TextArea.tailwind.d.ts +4 -4
- package/cjs/TextArea/TextArea.tailwind.js +4 -7
- package/cjs/Toggle/Toggle.d.ts +1 -1
- package/cjs/Toggle/Toggle.tailwind.d.ts +5 -5
- package/cjs/Toggle/Toggle.tailwind.js +19 -22
- package/cjs/Tooltip/Tooltip.d.ts +1 -1
- package/cjs/Tooltip/Tooltip.tailwind.d.ts +4 -4
- package/cjs/Tooltip/Tooltip.tailwind.js +19 -18
- package/cjs/Tooltip/TooltipWrapper.d.ts +1 -0
- package/cjs/Tooltip/types.d.ts +2 -0
- package/cjs/Typography/Typography.tailwind.d.ts +5 -17
- package/cjs/Typography/Typography.tailwind.js +123 -133
- package/cjs/UserContent/UserContent.tailwind.d.ts +4 -1
- package/cjs/UserContent/UserContent.tailwind.js +11 -9
- package/cjs/styles/base.tailwind.d.ts +4 -4
- package/cjs/styles/base.tailwind.js +3 -6
- package/cjs/styles/tailwind.config.d.ts +2 -198
- package/cjs/styles/tailwind.config.js +25 -29
- package/cjs/types.d.ts +7 -0
- package/cjs/utilities/utilities.tailwind.d.ts +4 -1
- package/cjs/utilities/utilities.tailwind.js +4 -6
- package/cjs/utils/isCssPropertySupported.d.ts +1 -1
- package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +6 -2
- package/esm/AnnouncementBadge/AnnouncementBadge.js +13 -2
- package/esm/AutoComplete/AutoComplete.d.ts +5 -10
- package/esm/AutoComplete/AutoComplete.js +22 -45
- package/esm/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
- package/esm/AutoComplete/AutoComplete.tailwind.js +10 -13
- package/esm/AutoComplete/utils.d.ts +2 -1
- package/esm/AutoComplete/utils.js +16 -0
- package/esm/Avatars/ApplicationAvatar.js +1 -1
- package/esm/Banner/Banner.d.ts +1 -0
- package/esm/Banner/Banner.js +1 -1
- package/esm/Banners/Alert/Alert.d.ts +1 -0
- package/esm/Banners/Alert/Alert.js +1 -1
- package/esm/Banners/BigBertha/BigBertha.d.ts +2 -1
- package/esm/Banners/Promote/Promote.d.ts +1 -0
- package/esm/Button/Button.js +2 -2
- package/esm/Button/Button.tailwind.d.ts +4 -4
- package/esm/Button/Button.tailwind.js +13 -16
- package/esm/Button/ButtonGroup.d.ts +2 -1
- package/esm/Card/Card.tailwind.d.ts +4 -4
- package/esm/Card/Card.tailwind.js +6 -9
- package/esm/Card/components/CardTitle.d.ts +4 -2
- package/esm/Checkbox/Checkbox.d.ts +1 -1
- package/esm/Checkbox/Checkbox.tailwind.d.ts +5 -5
- package/esm/Checkbox/Checkbox.tailwind.js +11 -14
- package/esm/ClickAwayContainer/ClickAwayContainer.d.ts +2 -1
- package/esm/DatePicker/DatePicker/DatePicker.js +12 -7
- package/esm/DatePicker/DatePicker.tailwind.d.ts +4 -4
- package/esm/DatePicker/DatePicker.tailwind.js +19 -15
- package/esm/DatePicker/DateRangePicker/DateRangePicker.js +12 -2
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +2 -1
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +1 -1
- package/esm/DatePicker/components/Calendar.d.ts +2 -1
- package/esm/DatePicker/components/FooterActions.d.ts +2 -1
- package/esm/DatePicker/components/FooterActions.js +2 -2
- package/esm/DatePicker/components/NavBar.d.ts +2 -1
- package/esm/DatePicker/components/NavBar.js +2 -2
- package/esm/DatePicker/utils.d.ts +2 -0
- package/esm/DatePicker/utils.js +7 -0
- package/esm/Dropdown/Dropdown.d.ts +1 -1
- package/esm/Dropdown/DropdownButton.d.ts +1 -0
- package/esm/Dropdown/components/DropdownLinkItem.js +1 -1
- package/esm/Dropdown/components/DropdownTitle.d.ts +4 -2
- package/esm/Dropdown/components/DropdownToggleItem.js +2 -2
- package/esm/Dropzone/Dropzone.d.ts +5 -1
- package/esm/Dropzone/Dropzone.js +13 -4
- package/esm/EmptyState/EmptyState.tailwind.d.ts +4 -4
- package/esm/EmptyState/EmptyState.tailwind.js +6 -9
- package/esm/Field/Field.d.ts +1 -0
- package/esm/Flag/Flag.d.ts +1 -0
- package/esm/Flag/Flag.js +15 -2
- package/esm/Flag/Flag.tailwind.d.ts +4 -4
- package/esm/Flag/Flag.tailwind.js +9 -16
- package/esm/Flag/types.d.ts +4 -0
- package/esm/FlexGrid/FlexGrid.d.ts +2 -1
- package/esm/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
- package/esm/FlexGrid/FlexGrid.tailwind.js +8 -11
- package/esm/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
- package/esm/HelpUnderline/HelpUnderline.tailwind.js +4 -7
- package/esm/Input/Input.d.ts +6 -0
- package/esm/Input/Input.js +15 -4
- package/esm/Input/Input.tailwind.d.ts +4 -4
- package/esm/Input/Input.tailwind.js +14 -17
- package/esm/Insert/Insert.d.ts +1 -0
- package/esm/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
- package/esm/InstantSearch/InstantSearch.tailwind.js +35 -33
- package/esm/KeyboardKey/KeyboardKey.js +3 -2
- package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
- package/esm/KeyboardKey/KeyboardKey.tailwind.js +6 -9
- package/esm/Medallion/Medallion.tailwind.d.ts +4 -4
- package/esm/Medallion/Medallion.tailwind.js +8 -11
- package/esm/Modal/Modal.d.ts +5 -4
- package/esm/Modal/Modal.js +11 -4
- package/esm/Modal/Modal.tailwind.d.ts +4 -4
- package/esm/Modal/Modal.tailwind.js +10 -19
- package/esm/Modal/components/ModalFooter.d.ts +4 -2
- package/esm/Pagination/CompactPagination/CompactPagination.d.ts +3 -7
- package/esm/Pagination/CompactPagination/CompactPagination.js +27 -6
- package/esm/Pagination/DotPagination/DotPagination.d.ts +5 -4
- package/esm/Pagination/DotPagination/DotPagination.js +17 -4
- package/esm/Pagination/Pagination/Pagination.d.ts +1 -1
- package/esm/Pagination/Pagination/Pagination.js +25 -10
- package/esm/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
- package/esm/ProgressBar/ProgressBar.tailwind.js +7 -10
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +5 -8
- package/esm/RadioGroup/RadioButton.d.ts +1 -1
- package/esm/RadioGroup/RadioButton.tailwind.d.ts +4 -4
- package/esm/RadioGroup/RadioButton.tailwind.js +13 -16
- package/esm/RadioGroup/RadioGroup.d.ts +1 -0
- package/esm/RadioGroup/RadioGroup.js +1 -1
- package/esm/RangeSlider/RangeSlider.d.ts +1 -1
- package/esm/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
- package/esm/RangeSlider/RangeSlider.tailwind.js +21 -24
- package/esm/Satellite/Satellite.d.ts +4 -1
- package/esm/Satellite/Satellite.js +6 -2
- package/esm/Satellite/SatelliteContext.d.ts +3 -1
- package/esm/Satellite/SatelliteContext.js +2 -1
- package/esm/Satellite/index.d.ts +1 -0
- package/esm/Satellite/index.js +1 -0
- package/esm/Satellite/locale.d.ts +27 -0
- package/esm/Satellite/locale.js +8 -0
- package/esm/ScrollIndicator/ScrollIndicator.d.ts +2 -1
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
- package/esm/Select/Select.tailwind.d.ts +5 -5
- package/esm/Select/Select.tailwind.js +5 -8
- package/esm/Sidebar/Sidebar.tailwind.d.ts +4 -4
- package/esm/Sidebar/Sidebar.tailwind.js +6 -9
- package/esm/Sidebar/components/SidebarLink.d.ts +2 -1
- package/esm/Sidebar/components/SidebarLink.js +1 -1
- package/esm/Switch/Switch.tailwind.d.ts +5 -5
- package/esm/Switch/Switch.tailwind.js +7 -8
- package/esm/Switch/SwitchOption.d.ts +2 -1
- package/esm/Switch/SwitchOption.js +1 -1
- package/esm/Tables/DataTable/DataTable.d.ts +1 -1
- package/esm/Tables/DataTable/DataTable.js +21 -6
- package/esm/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
- package/esm/Tables/DataTable/DataTable.tailwind.js +4 -7
- package/esm/Tables/DataTable/components/Body.d.ts +3 -2
- package/esm/Tables/DataTable/components/Body.js +4 -4
- package/esm/Tables/DataTable/components/Loader.d.ts +1 -1
- package/esm/Tables/DataTable/components/Loader.js +2 -2
- package/esm/Tables/Table/Table.tailwind.d.ts +4 -4
- package/esm/Tables/Table/Table.tailwind.js +4 -7
- package/esm/Tabs/Tabs.tailwind.d.ts +4 -4
- package/esm/Tabs/Tabs.tailwind.js +6 -9
- package/esm/Tag/Tag.d.ts +5 -4
- package/esm/Tag/Tag.js +13 -6
- package/esm/Tag/Tag.tailwind.d.ts +4 -4
- package/esm/Tag/Tag.tailwind.js +7 -10
- package/esm/TextArea/TextArea.tailwind.d.ts +4 -4
- package/esm/TextArea/TextArea.tailwind.js +6 -9
- package/esm/Toggle/Toggle.d.ts +1 -1
- package/esm/Toggle/Toggle.tailwind.d.ts +5 -5
- package/esm/Toggle/Toggle.tailwind.js +19 -22
- package/esm/Tooltip/Tooltip.d.ts +1 -1
- package/esm/Tooltip/Tooltip.tailwind.d.ts +4 -4
- package/esm/Tooltip/Tooltip.tailwind.js +20 -19
- package/esm/Tooltip/TooltipWrapper.d.ts +1 -0
- package/esm/Tooltip/types.d.ts +2 -0
- package/esm/Typography/Typography.tailwind.d.ts +5 -17
- package/esm/Typography/Typography.tailwind.js +124 -134
- package/esm/UserContent/UserContent.tailwind.d.ts +4 -1
- package/esm/UserContent/UserContent.tailwind.js +12 -10
- package/esm/styles/base.tailwind.d.ts +4 -4
- package/esm/styles/base.tailwind.js +4 -7
- package/esm/styles/tailwind.config.d.ts +2 -198
- package/esm/styles/tailwind.config.js +27 -30
- package/esm/types.d.ts +7 -0
- package/esm/utilities/utilities.tailwind.d.ts +4 -1
- package/esm/utilities/utilities.tailwind.js +4 -6
- package/esm/utils/isCssPropertySupported.d.ts +1 -1
- package/package.json +8 -11
- package/satellite.min.css +2 -4
- package/scss/colors.scss +1 -0
- package/cjs/tailwind-types.d.ts +0 -52
- package/cjs/tailwind-types.js +0 -5
- package/esm/tailwind-types.d.ts +0 -52
- package/esm/tailwind-types.js +0 -1
- package/satellite.css +0 -196852
@@ -1,5 +1,5 @@
|
|
1
1
|
export = rangeSliderPlugin;
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
declare const rangeSliderPlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,11 +1,9 @@
|
|
1
1
|
import _rgba from "../styles/rgba";
|
2
|
+
import _plugin from "tailwindcss/plugin";
|
2
3
|
// @ts-check
|
4
|
+
var plugin = _plugin;
|
3
5
|
var rgba = _rgba;
|
4
|
-
|
5
|
-
* @type {import('../tailwind-types').TailwindPlugin}
|
6
|
-
*/
|
7
|
-
|
8
|
-
var rangeSliderPlugin = function rangeSliderPlugin(_ref) {
|
6
|
+
var rangeSliderPlugin = plugin(function (_ref) {
|
9
7
|
var addComponents = _ref.addComponents,
|
10
8
|
theme = _ref.theme;
|
11
9
|
var thumbHeight = 24;
|
@@ -13,13 +11,13 @@ var rangeSliderPlugin = function rangeSliderPlugin(_ref) {
|
|
13
11
|
addComponents({
|
14
12
|
".range-slider": {
|
15
13
|
position: "relative",
|
16
|
-
height: thumbHeight,
|
17
|
-
minWidth:
|
14
|
+
height: "".concat(thumbHeight, "px"),
|
15
|
+
minWidth: "200px",
|
18
16
|
display: "flex",
|
19
17
|
alignItems: "center"
|
20
18
|
},
|
21
19
|
".range-slider-track-1, .range-slider-track-2": {
|
22
|
-
height: trackHeight,
|
20
|
+
height: "".concat(trackHeight, "px"),
|
23
21
|
borderRadius: theme("borderRadius.DEFAULT"),
|
24
22
|
backgroundColor: theme("colors.grey.100"),
|
25
23
|
boxShadow: "\n inset 0px 1px 3px 0px ".concat(rgba(theme("colors.black"), 0.1), ",\n 0px 0.5px 0px 0px ").concat(rgba(theme("colors.white"), 0.05), "\n ")
|
@@ -32,45 +30,44 @@ var rangeSliderPlugin = function rangeSliderPlugin(_ref) {
|
|
32
30
|
},
|
33
31
|
".range-slider-thumb": {
|
34
32
|
position: "absolute",
|
35
|
-
top: thumbHeight / 2,
|
36
|
-
width:
|
33
|
+
top: "".concat(thumbHeight / 2, "px"),
|
34
|
+
width: "12px",
|
37
35
|
transform: "translateX(-6px)",
|
38
|
-
height: thumbHeight,
|
36
|
+
height: "".concat(thumbHeight, "px"),
|
39
37
|
backgroundColor: theme("colors.white"),
|
40
38
|
backgroundImage: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.50"), " 100%)"),
|
41
39
|
border: "1px solid ".concat(theme("colors.grey.200")),
|
42
40
|
boxShadow: "0px 1px 0px 0px ".concat(theme("colors.shadow.5")),
|
43
|
-
borderRadius:
|
44
|
-
marginTop: -
|
41
|
+
borderRadius: "2px",
|
42
|
+
marginTop: "-12px",
|
45
43
|
"&::after, &::before": {
|
46
44
|
position: "absolute",
|
47
|
-
height:
|
48
|
-
width:
|
45
|
+
height: "12px",
|
46
|
+
width: "1px",
|
49
47
|
backgroundColor: theme("colors.grey.200"),
|
50
48
|
content: '" "',
|
51
|
-
top:
|
49
|
+
top: "6px"
|
52
50
|
},
|
53
51
|
"&::before": {
|
54
|
-
left:
|
52
|
+
left: "6px"
|
55
53
|
},
|
56
54
|
"&::after": {
|
57
|
-
right:
|
55
|
+
right: "6px"
|
58
56
|
}
|
59
57
|
},
|
60
58
|
".range-slider-input": {
|
61
59
|
position: "absolute",
|
62
|
-
top:
|
63
|
-
left:
|
60
|
+
top: "0px",
|
61
|
+
left: "0px",
|
64
62
|
width: "100%",
|
65
|
-
height: thumbHeight,
|
63
|
+
height: "".concat(thumbHeight, "px"),
|
66
64
|
appearance: "none",
|
67
|
-
opacity: 0,
|
65
|
+
opacity: "0",
|
68
66
|
cursor: "pointer",
|
69
67
|
"&:disabled": {
|
70
68
|
cursor: "not-allowed"
|
71
69
|
}
|
72
70
|
}
|
73
71
|
});
|
74
|
-
};
|
75
|
-
|
72
|
+
});
|
76
73
|
export default rangeSliderPlugin;
|
@@ -1,7 +1,10 @@
|
|
1
|
-
import type { FunctionComponent } from "react";
|
1
|
+
import type { FunctionComponent, ReactNode } from "react";
|
2
|
+
import type { ComponentsLocales } from "./locale";
|
2
3
|
import type { SatelliteRouter } from "./SatelliteRouter";
|
3
4
|
export interface SatelliteProps {
|
4
5
|
router?: SatelliteRouter;
|
6
|
+
locales?: ComponentsLocales;
|
7
|
+
children: ReactNode;
|
5
8
|
}
|
6
9
|
export declare const Satellite: FunctionComponent<SatelliteProps>;
|
7
10
|
export default Satellite;
|
@@ -1,11 +1,15 @@
|
|
1
1
|
import SatelliteContext from "./SatelliteContext";
|
2
|
+
import { router as defaultRouter } from "./SatelliteRouter";
|
2
3
|
import { jsx as _jsx } from "react/jsx-runtime";
|
3
4
|
export var Satellite = function Satellite(_ref) {
|
4
|
-
var router = _ref.router,
|
5
|
+
var _ref$router = _ref.router,
|
6
|
+
router = _ref$router === void 0 ? defaultRouter : _ref$router,
|
7
|
+
locales = _ref.locales,
|
5
8
|
children = _ref.children;
|
6
9
|
return /*#__PURE__*/_jsx(SatelliteContext.Provider, {
|
7
10
|
value: {
|
8
|
-
router: router
|
11
|
+
router: router,
|
12
|
+
locales: locales
|
9
13
|
},
|
10
14
|
children: children
|
11
15
|
});
|
@@ -1,8 +1,10 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
+
import type { ComponentsLocales } from "./locale";
|
2
3
|
import { SatelliteRouter } from "./SatelliteRouter";
|
3
4
|
export interface SatelliteContextType {
|
4
5
|
router: SatelliteRouter;
|
6
|
+
locales?: ComponentsLocales;
|
5
7
|
}
|
6
|
-
export declare const SatelliteContext: import("react").Context<
|
8
|
+
export declare const SatelliteContext: import("react").Context<SatelliteContextType>;
|
7
9
|
export declare const useSatelliteContext: () => SatelliteContextType;
|
8
10
|
export default SatelliteContext;
|
@@ -7,7 +7,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
7
7
|
import { createContext, useContext } from "react";
|
8
8
|
import { router } from "./SatelliteRouter";
|
9
9
|
var DEFAULT_CONTEXT = {
|
10
|
-
router: router
|
10
|
+
router: router,
|
11
|
+
locales: {}
|
11
12
|
};
|
12
13
|
export var SatelliteContext = /*#__PURE__*/createContext(DEFAULT_CONTEXT);
|
13
14
|
export var useSatelliteContext = function useSatelliteContext() {
|
package/esm/Satellite/index.d.ts
CHANGED
package/esm/Satellite/index.js
CHANGED
@@ -0,0 +1,27 @@
|
|
1
|
+
import type { AnnouncementBadgeLocale } from "../AnnouncementBadge";
|
2
|
+
import type { AutoCompleteLocale } from "../AutoComplete";
|
3
|
+
import type { DatePickerLocale } from "../DatePicker/types";
|
4
|
+
import type { DropzoneLocale } from "../Dropzone";
|
5
|
+
import type { FlagLocale } from "../Flag";
|
6
|
+
import type { InputPropsLocale } from "../Input";
|
7
|
+
import type { ModalLocale } from "../Modal";
|
8
|
+
import type { PaginationLocale } from "../Pagination";
|
9
|
+
import type { CompactPaginationLocale } from "../Pagination/CompactPagination";
|
10
|
+
import type { DotPaginationLocale } from "../Pagination/DotPagination";
|
11
|
+
import type { DataTableLocale } from "../Tables/DataTable";
|
12
|
+
import type { TagLocale } from "../Tag";
|
13
|
+
export declare type ComponentsLocales = {
|
14
|
+
announcementBadge?: AnnouncementBadgeLocale;
|
15
|
+
autoComplete?: AutoCompleteLocale;
|
16
|
+
datePicker?: DatePickerLocale;
|
17
|
+
dropzone?: DropzoneLocale;
|
18
|
+
flag?: FlagLocale;
|
19
|
+
input?: InputPropsLocale;
|
20
|
+
modal?: ModalLocale;
|
21
|
+
compactPagination?: CompactPaginationLocale;
|
22
|
+
dotPagination?: DotPaginationLocale;
|
23
|
+
pagination?: PaginationLocale;
|
24
|
+
dataTable?: DataTableLocale;
|
25
|
+
tag?: TagLocale;
|
26
|
+
};
|
27
|
+
export declare const useLocale: <ComponentKey extends keyof ComponentsLocales>(componentKey: ComponentKey) => ComponentsLocales[ComponentKey];
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { useContext } from "react";
|
2
|
+
import SatelliteContext from "./SatelliteContext";
|
3
|
+
export var useLocale = function useLocale(componentKey) {
|
4
|
+
var _useContext = useContext(SatelliteContext),
|
5
|
+
locales = _useContext.locales;
|
6
|
+
|
7
|
+
return locales === null || locales === void 0 ? void 0 : locales[componentKey];
|
8
|
+
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { CSSProperties, FunctionComponent, ReactHTML } from "react";
|
1
|
+
import type { CSSProperties, FunctionComponent, ReactHTML, ReactNode } from "react";
|
2
2
|
export declare type ScrollIndicatorVariant = "light" | "dark";
|
3
3
|
export interface ScrollIndicatorProps {
|
4
4
|
wrapperClassName?: string;
|
@@ -8,6 +8,7 @@ export interface ScrollIndicatorProps {
|
|
8
8
|
style?: CSSProperties;
|
9
9
|
tagName?: keyof ReactHTML;
|
10
10
|
variant?: ScrollIndicatorVariant;
|
11
|
+
children: ReactNode;
|
11
12
|
}
|
12
13
|
export declare const ScrollIndicator: FunctionComponent<ScrollIndicatorProps>;
|
13
14
|
export default ScrollIndicator;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export = scrollIndicatorPlugin;
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
declare const scrollIndicatorPlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,11 +1,9 @@
|
|
1
1
|
import _rgba from "../styles/rgba";
|
2
|
+
import _plugin from "tailwindcss/plugin";
|
2
3
|
// @ts-check
|
4
|
+
var plugin = _plugin;
|
3
5
|
var rgba = _rgba;
|
4
|
-
|
5
|
-
* @type {import('../tailwind-types').TailwindPlugin}
|
6
|
-
*/
|
7
|
-
|
8
|
-
var scrollIndicatorPlugin = function scrollIndicatorPlugin(_ref) {
|
6
|
+
var scrollIndicatorPlugin = plugin(function (_ref) {
|
9
7
|
var addComponents = _ref.addComponents,
|
10
8
|
theme = _ref.theme;
|
11
9
|
addComponents({
|
@@ -15,16 +13,16 @@ var scrollIndicatorPlugin = function scrollIndicatorPlugin(_ref) {
|
|
15
13
|
"&::before, &::after": {
|
16
14
|
position: "absolute",
|
17
15
|
width: "100%",
|
18
|
-
height:
|
19
|
-
left:
|
16
|
+
height: "48px",
|
17
|
+
left: "0px",
|
20
18
|
pointerEvents: "none"
|
21
19
|
},
|
22
20
|
"&::before": {
|
23
|
-
top:
|
21
|
+
top: "0px",
|
24
22
|
backgroundImage: "linear-gradient(0, ".concat(rgba(theme("colors.white"), 0), " 0%, ").concat(theme("colors.white"), " 100%)")
|
25
23
|
},
|
26
24
|
"&::after": {
|
27
|
-
bottom:
|
25
|
+
bottom: "0px",
|
28
26
|
backgroundImage: "linear-gradient(180deg, ".concat(rgba(theme("colors.white"), 0), " 0%, ").concat(theme("colors.white"), " 100%)")
|
29
27
|
}
|
30
28
|
},
|
@@ -48,6 +46,5 @@ var scrollIndicatorPlugin = function scrollIndicatorPlugin(_ref) {
|
|
48
46
|
overflowY: "auto"
|
49
47
|
}
|
50
48
|
});
|
51
|
-
};
|
52
|
-
|
49
|
+
});
|
53
50
|
export default scrollIndicatorPlugin;
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export =
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
1
|
+
export = selectPlugin;
|
2
|
+
declare const selectPlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,14 +1,12 @@
|
|
1
1
|
import _require2 from "../styles/helpers/icons";
|
2
2
|
import _disabledColor from "../styles/disabledColor";
|
3
|
+
import _plugin from "tailwindcss/plugin";
|
3
4
|
// @ts-check
|
5
|
+
var plugin = _plugin;
|
4
6
|
var disabledColor = _disabledColor;
|
5
7
|
var _require = _require2,
|
6
8
|
selectIconBG = _require.selectIconBG;
|
7
|
-
|
8
|
-
* @type {import('../tailwind-types').TailwindPlugin}
|
9
|
-
*/
|
10
|
-
|
11
|
-
var buttonPlugin = function buttonPlugin(_ref) {
|
9
|
+
var selectPlugin = plugin(function (_ref) {
|
12
10
|
var addComponents = _ref.addComponents,
|
13
11
|
theme = _ref.theme;
|
14
12
|
addComponents({
|
@@ -75,6 +73,5 @@ var buttonPlugin = function buttonPlugin(_ref) {
|
|
75
73
|
backgroundSize: "12px, auto"
|
76
74
|
}
|
77
75
|
});
|
78
|
-
};
|
79
|
-
|
80
|
-
export default buttonPlugin;
|
76
|
+
});
|
77
|
+
export default selectPlugin;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export = sidebarPlugin;
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
declare const sidebarPlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,9 +1,7 @@
|
|
1
|
+
import _plugin from "tailwindcss/plugin";
|
1
2
|
// @ts-check
|
2
|
-
|
3
|
-
|
4
|
-
* @type {import('../tailwind-types').TailwindPlugin}
|
5
|
-
*/
|
6
|
-
var sidebarPlugin = function sidebarPlugin(_ref) {
|
3
|
+
var plugin = _plugin;
|
4
|
+
var sidebarPlugin = plugin(function (_ref) {
|
7
5
|
var addComponents = _ref.addComponents,
|
8
6
|
theme = _ref.theme;
|
9
7
|
|
@@ -19,14 +17,14 @@ var sidebarPlugin = function sidebarPlugin(_ref) {
|
|
19
17
|
".sidebar": {
|
20
18
|
backgroundColor: theme("colors.grey.900"),
|
21
19
|
color: theme("colors.grey.200"),
|
22
|
-
width:
|
20
|
+
width: "256px"
|
23
21
|
},
|
24
22
|
".sidebar-light": {
|
25
23
|
backgroundColor: theme("colors.white"),
|
26
24
|
boxShadow: "\n 0 0 0 1px ".concat(theme("colors.shadow.5"), ",\n 0 1px 3px 0 ").concat(theme("colors.shadow.15"), "\n ")
|
27
25
|
},
|
28
26
|
".sidebar-collapsed": {
|
29
|
-
width:
|
27
|
+
width: "80px"
|
30
28
|
}
|
31
29
|
});
|
32
30
|
addComponents({
|
@@ -62,6 +60,5 @@ var sidebarPlugin = function sidebarPlugin(_ref) {
|
|
62
60
|
}
|
63
61
|
}
|
64
62
|
});
|
65
|
-
};
|
66
|
-
|
63
|
+
});
|
67
64
|
export default sidebarPlugin;
|
@@ -1,9 +1,10 @@
|
|
1
|
-
import type { AnchorHTMLAttributes, DetailedHTMLProps, FunctionComponent } from "react";
|
1
|
+
import type { AnchorHTMLAttributes, DetailedHTMLProps, FunctionComponent, ReactNode } from "react";
|
2
2
|
import type { IconComponentType } from "../../types";
|
3
3
|
import matchLocation from "../../utils/matchLocation";
|
4
4
|
export interface SidebarLinkProps extends DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
|
5
5
|
icon?: IconComponentType;
|
6
6
|
active?: typeof matchLocation | boolean;
|
7
|
+
children: ReactNode;
|
7
8
|
}
|
8
9
|
export declare const SidebarLink: FunctionComponent<SidebarLinkProps>;
|
9
10
|
export default SidebarLink;
|
@@ -61,7 +61,7 @@ export var SidebarLink = function SidebarLink(_ref2) {
|
|
61
61
|
children: /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), satelliteLinkProps), {}, {
|
62
62
|
className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["sidebar-link display-body\n ", "\n ", "\n "])), variant === "light" && "sidebar-link-light", showActive && "sidebar-link-active"), className),
|
63
63
|
children: [Icon && /*#__PURE__*/_jsx("span", {
|
64
|
-
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n
|
64
|
+
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n shrink-0\n ml-1 mr-2 h-6 w-6\n flex items-center justify-center\n text-inherit rounded\n ", "\n "])), showActive && activeIconBackground),
|
65
65
|
children: /*#__PURE__*/_jsx(Icon, {
|
66
66
|
size: "1rem"
|
67
67
|
})
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export =
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
1
|
+
export = switchPlugin;
|
2
|
+
declare const switchPlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,13 +1,13 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
var
|
1
|
+
import _plugin from "tailwindcss/plugin";
|
2
|
+
// @ts-check
|
3
|
+
var plugin = _plugin;
|
4
|
+
var switchPlugin = plugin(function (_ref) {
|
5
5
|
var addComponents = _ref.addComponents,
|
6
6
|
theme = _ref.theme;
|
7
7
|
addComponents({
|
8
8
|
".switch": {
|
9
9
|
// this + position relative helps create a new stack context (helps with z-index)
|
10
|
-
zIndex: 1,
|
10
|
+
zIndex: "1",
|
11
11
|
boxShadow: "0 0 0 2px ".concat(theme("colors.grey.100")),
|
12
12
|
"&:focus-within:focus-visible": {
|
13
13
|
boxShadow: "\n 0 0 0 1px ".concat(theme("colors.grey.100"), ",\n 0 0 0 2px ").concat(theme("colors.accent.600"), "\n ")
|
@@ -20,6 +20,5 @@ var tablePlugin = function tablePlugin(_ref) {
|
|
20
20
|
}
|
21
21
|
}
|
22
22
|
});
|
23
|
-
};
|
24
|
-
|
25
|
-
export default tablePlugin;
|
23
|
+
});
|
24
|
+
export default switchPlugin;
|
@@ -1,7 +1,8 @@
|
|
1
|
-
import type { FunctionComponent } from "react";
|
1
|
+
import type { FunctionComponent, ReactNode } from "react";
|
2
2
|
export interface SwitchOptionProps {
|
3
3
|
value: string;
|
4
4
|
disabled?: boolean;
|
5
|
+
children: ReactNode;
|
5
6
|
}
|
6
7
|
export declare const SwitchOption: FunctionComponent<SwitchOptionProps>;
|
7
8
|
export default SwitchOption;
|
@@ -21,7 +21,7 @@ export var SwitchOption = function SwitchOption(_ref) {
|
|
21
21
|
var checked = context.value === value;
|
22
22
|
var inputDisabled = context.disabled || disabled;
|
23
23
|
return /*#__PURE__*/_jsxs("label", _objectSpread(_objectSpread({
|
24
|
-
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n inline-flex justify-center items-center min-w-16 max-w-48 px-4 z-10
|
24
|
+
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n inline-flex grow shrink justify-center items-center min-w-16 max-w-48 px-4 z-10\n ", "\n ", "\n "])), inputDisabled ? "cursor-not-allowed opacity-60 rounded bg-grey-100" : "cursor-pointer", !checked && !inputDisabled && "rounded hover:bg-accent-200/20 transition-colors duration-100 ease-linear")
|
25
25
|
}, buildAnimationProps(context.name, value)), {}, {
|
26
26
|
children: [/*#__PURE__*/_jsx("input", {
|
27
27
|
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["w-0 h-0 opacity-0"]))),
|
@@ -56,5 +56,5 @@ export declare type DataTableProps<Item> = BaseDataTableProps<Item> & (DataTable
|
|
56
56
|
* - If a cell is empty or unavailable, keep the cell empty to reduce noise and help with legibility.
|
57
57
|
* - Truncate long text to make it fit into a cell. However, choose column width wisely based on expected values, and adjust the table accordingly
|
58
58
|
*/
|
59
|
-
export declare const DataTable: <Item extends {}>({ data, itemId, columns, onChange, status, noDataContent, errorContent, sorting, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, locale, }: DataTableProps<Item>) => JSX.Element;
|
59
|
+
export declare const DataTable: <Item extends {}>({ data, itemId, columns, onChange, status, noDataContent, errorContent, sorting, pagination, selectMode, selection, onSelectionChange, canSelectItem, canHoverRow, onRowHoveredChanged, locale: propsLocale, }: DataTableProps<Item>) => JSX.Element;
|
60
60
|
export default DataTable;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
3
2
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
4
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
4
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
5
5
|
|
6
6
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
7
7
|
|
@@ -14,6 +14,7 @@ import get from "lodash/get";
|
|
14
14
|
import { useEffect, useState } from "react";
|
15
15
|
import Checkbox from "../../Checkbox";
|
16
16
|
import { RadioButton } from "../../RadioGroup";
|
17
|
+
import { useLocale } from "../../Satellite";
|
17
18
|
import stl from "../../styles/helpers/satellitePrefixer";
|
18
19
|
import { toSentenceCase } from "../../utils";
|
19
20
|
import Table from "../Table";
|
@@ -23,6 +24,15 @@ import DataTableHeader from "./components/Header";
|
|
23
24
|
import DataTableLoader from "./components/Loader";
|
24
25
|
import { jsx as _jsx } from "react/jsx-runtime";
|
25
26
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
27
|
+
var DEFAULT_DATATABLE_LOCALE = {
|
28
|
+
selectAllButton: "Select all",
|
29
|
+
noDataTitle: "Empty",
|
30
|
+
noDataDescription: "There is no data to display",
|
31
|
+
loadingTitle: "It appears to be taking a while to get your data",
|
32
|
+
loadingDescription: "Please hold or try again later",
|
33
|
+
errorTitle: "Error",
|
34
|
+
errorDescription: "An error occurred while loading data."
|
35
|
+
};
|
26
36
|
|
27
37
|
var DEFAULT_GET_ITEM_ID = function DEFAULT_GET_ITEM_ID(_, idx) {
|
28
38
|
return String(idx);
|
@@ -68,7 +78,10 @@ export var DataTable = function DataTable(_ref) {
|
|
68
78
|
canSelectItem = _ref.canSelectItem,
|
69
79
|
canHoverRow = _ref.canHoverRow,
|
70
80
|
onRowHoveredChanged = _ref.onRowHoveredChanged,
|
71
|
-
|
81
|
+
propsLocale = _ref.locale;
|
82
|
+
var contextLocale = useLocale("dataTable");
|
83
|
+
|
84
|
+
var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_DATATABLE_LOCALE), contextLocale), propsLocale);
|
72
85
|
|
73
86
|
if (process.env.NODE_ENV !== "production") {
|
74
87
|
var _selection$length;
|
@@ -130,7 +143,7 @@ export var DataTable = function DataTable(_ref) {
|
|
130
143
|
var isChecked = selectionLength === dataLength;
|
131
144
|
var isIndeterminate = selectionLength > 0 && selectionLength !== dataLength;
|
132
145
|
return /*#__PURE__*/_jsx(Checkbox, {
|
133
|
-
"aria-label":
|
146
|
+
"aria-label": locale.selectAllButton // Small hack to position the checkbox in the center of the header
|
134
147
|
,
|
135
148
|
className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["absolute mb-2.5"]))),
|
136
149
|
checked: isChecked,
|
@@ -217,9 +230,10 @@ export var DataTable = function DataTable(_ref) {
|
|
217
230
|
return /*#__PURE__*/_jsxs("div", {
|
218
231
|
className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["relative"]))),
|
219
232
|
children: [status === "loading" && /*#__PURE__*/_jsx("div", {
|
220
|
-
className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["absolute bg-white z-10
|
233
|
+
className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["absolute bg-white/50 z-10 w-full h-full flex items-center justify-center"]))),
|
221
234
|
children: /*#__PURE__*/_jsx(DataTableLoader, {
|
222
|
-
className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["-mt-12"])))
|
235
|
+
className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["-mt-12"]))),
|
236
|
+
locale: locale
|
223
237
|
})
|
224
238
|
}), /*#__PURE__*/_jsxs(Table, {
|
225
239
|
className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["datatable ", " ", ""])), status === "loading" && "pointer-events-none select-none", status === "loading" && data.length === 0 && "h-48"),
|
@@ -243,7 +257,8 @@ export var DataTable = function DataTable(_ref) {
|
|
243
257
|
selection: selection,
|
244
258
|
canHoverRow: canHoverRow,
|
245
259
|
onRowHoverChange: onRowHoverChange,
|
246
|
-
onSelectionChange: onSelectionChange
|
260
|
+
onSelectionChange: onSelectionChange,
|
261
|
+
locale: locale
|
247
262
|
})]
|
248
263
|
})]
|
249
264
|
});
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export = datatablePlugin;
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
declare const datatablePlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,9 +1,7 @@
|
|
1
|
+
import _plugin from "tailwindcss/plugin";
|
1
2
|
// purgecss whitelist: th, td, tr
|
2
|
-
|
3
|
-
|
4
|
-
* @type {import('../../tailwind-types').TailwindPlugin}
|
5
|
-
*/
|
6
|
-
var datatablePlugin = function datatablePlugin(_ref) {
|
3
|
+
var plugin = _plugin;
|
4
|
+
var datatablePlugin = plugin(function (_ref) {
|
7
5
|
var addComponents = _ref.addComponents,
|
8
6
|
theme = _ref.theme;
|
9
7
|
addComponents({
|
@@ -16,6 +14,5 @@ var datatablePlugin = function datatablePlugin(_ref) {
|
|
16
14
|
}
|
17
15
|
}
|
18
16
|
});
|
19
|
-
};
|
20
|
-
|
17
|
+
});
|
21
18
|
export default datatablePlugin;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import type { ReactNode } from "react";
|
2
|
-
import type { DataTableProps } from "../DataTable";
|
2
|
+
import type { DataTableLocale, DataTableProps } from "../DataTable";
|
3
3
|
import type { AdvancedColumnDefinition, Row, SelectMode, Status } from "../types";
|
4
|
-
export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection" | "onSelectionChange" | "canHoverRow"
|
4
|
+
export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection" | "onSelectionChange" | "canHoverRow"> {
|
5
5
|
rows: Row<Item>[];
|
6
6
|
status?: Status;
|
7
7
|
noDataContent?: ReactNode;
|
@@ -9,6 +9,7 @@ export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection"
|
|
9
9
|
columns: AdvancedColumnDefinition<Item>[];
|
10
10
|
onRowHoverChange(row: Row<Item> | null): void;
|
11
11
|
selectMode: SelectMode;
|
12
|
+
locale: Required<DataTableLocale>;
|
12
13
|
}
|
13
14
|
export declare const Body: <Item extends {}>({ rows, columns, status, noDataContent, errorContent, selectMode, selection, onSelectionChange, onRowHoverChange, canHoverRow, locale, }: BodyProps<Item>) => JSX.Element;
|
14
15
|
export default Body;
|
@@ -66,8 +66,8 @@ export var Body = function Body(_ref) {
|
|
66
66
|
children: /*#__PURE__*/_jsx("span", {
|
67
67
|
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex justify-center py-6"]))),
|
68
68
|
children: errorContent || /*#__PURE__*/_jsx(EmptyState, {
|
69
|
-
title:
|
70
|
-
description:
|
69
|
+
title: locale.errorTitle,
|
70
|
+
description: locale.errorDescription,
|
71
71
|
centered: true,
|
72
72
|
usageContext: "result"
|
73
73
|
})
|
@@ -85,8 +85,8 @@ export var Body = function Body(_ref) {
|
|
85
85
|
children: /*#__PURE__*/_jsx("span", {
|
86
86
|
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex justify-center py-6"]))),
|
87
87
|
children: noDataContent || /*#__PURE__*/_jsx(EmptyState, {
|
88
|
-
title:
|
89
|
-
description:
|
88
|
+
title: locale.noDataTitle,
|
89
|
+
description: locale.noDataDescription,
|
90
90
|
centered: true,
|
91
91
|
usageContext: "result"
|
92
92
|
})
|
@@ -2,7 +2,7 @@
|
|
2
2
|
import type { DataTableLocale } from "../DataTable";
|
3
3
|
export interface LoaderProps {
|
4
4
|
className?: string;
|
5
|
-
locale
|
5
|
+
locale: Required<DataTableLocale>;
|
6
6
|
}
|
7
7
|
export declare const Loader: ({ className, locale }: LoaderProps) => JSX.Element;
|
8
8
|
export default Loader;
|
@@ -35,8 +35,8 @@ export var Loader = function Loader(_ref) {
|
|
35
35
|
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex justify-center"]))),
|
36
36
|
children: /*#__PURE__*/_jsx(ProgressSpinner, {})
|
37
37
|
}),
|
38
|
-
title:
|
39
|
-
description:
|
38
|
+
title: locale.loadingTitle,
|
39
|
+
description: locale.loadingDescription,
|
40
40
|
centered: true
|
41
41
|
}) : /*#__PURE__*/_jsx(ProgressSpinner, {})
|
42
42
|
});
|