@geotab/zenith 3.3.0 → 3.4.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +17 -0
- package/dist/advancedGroupsFilter/advancedGroupsFilterFormSection.js +1 -1
- package/dist/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js +0 -39
- package/dist/alertRaw/components/alertAnimation.js +8 -4
- package/dist/card/card.d.ts +1 -1
- package/dist/card/card.js +1 -3
- package/dist/card/components/status.js +2 -2
- package/dist/chart/barChart/getBarTooltipItems.js +31 -2
- package/dist/chart/barChart.js +2 -1
- package/dist/chart/utils/getYAxisMeta.d.ts +1 -1
- package/dist/chart/utils/getYAxisMeta.js +44 -1
- package/dist/checkbox/checkbox.js +3 -3
- package/dist/dataGrid/emptySearchList/emptySearchList.d.ts +6 -7
- package/dist/dataGrid/emptySearchList/emptySearchList.js +15 -23
- package/dist/dateInputRaw/dateInputRaw.d.ts +1 -1
- package/dist/dateRangeRaw/dateRangeRaw.d.ts +1 -1
- package/dist/dateRangeRaw/utils/dateRangeUtils.d.ts +1 -0
- package/dist/dateRangeRaw/utils/dateRangeUtils.js +39 -1
- package/dist/dropdownRaw/dropdownRaw.d.ts +1 -1
- package/dist/emptyState/emptyState.d.ts +9 -0
- package/dist/emptyState/emptyState.js +14 -0
- package/dist/emptyState/hooks/useIcon.d.ts +2 -0
- package/dist/emptyState/hooks/useIcon.js +17 -0
- package/dist/filtersBar/components/filtersBarPeriodPicker/getRangeOption.d.ts +1 -0
- package/dist/filtersBar/components/filtersBarPeriodPicker/getRangeOption.js +28 -3
- package/dist/formField/components/formFieldAdditionalInfo.d.ts +12 -0
- package/dist/formField/components/formFieldAdditionalInfo.js +10 -0
- package/dist/formField/components/formFieldAssistiveError.d.ts +10 -0
- package/dist/formField/components/formFieldAssistiveError.js +12 -0
- package/dist/formField/components/formFieldCounter.d.ts +6 -0
- package/dist/formField/components/formFieldCounter.js +7 -0
- package/dist/formField/components/formFieldLoading.d.ts +12 -0
- package/dist/formField/components/formFieldLoading.js +16 -0
- package/dist/formField/components/formFieldWithLabel.d.ts +8 -11
- package/dist/formField/components/formFieldWithLabel.js +21 -3
- package/dist/formField/components/formFieldWithoutLabel.d.ts +8 -9
- package/dist/formField/components/formFieldWithoutLabel.js +6 -1
- package/dist/formField/components/isOldFormFieldComponent.d.ts +2 -0
- package/dist/formField/components/isOldFormFieldComponent.js +12 -0
- package/dist/formField/components/trailingComponent.d.ts +2 -1
- package/dist/formField/components/trailingComponent.js +7 -1
- package/dist/formField/formField.d.ts +17 -35
- package/dist/formField/formField.js +4 -71
- package/dist/formField/hooks/useContainer.d.ts +2 -0
- package/dist/formField/hooks/useContainer.js +47 -0
- package/dist/formField/hooks/useError.d.ts +1 -1
- package/dist/formField/hooks/useFormFieldClasses.d.ts +2 -0
- package/dist/formField/hooks/useFormFieldClasses.js +30 -0
- package/dist/formField/hooks/useFormFieldProps.d.ts +17 -0
- package/dist/formField/hooks/useFormFieldProps.js +37 -0
- package/dist/formField/hooks/useTrailing.d.ts +1 -1
- package/dist/formField/hooks/useTrailing.js +1 -1
- package/dist/formField/hooks/useWidth.d.ts +1 -1
- package/dist/formField/types.d.ts +35 -0
- package/dist/formField/types.js +2 -0
- package/dist/formGroup/components/formGroupList.d.ts +1 -1
- package/dist/formGroup/components/formGroupToggle.d.ts +1 -1
- package/dist/formGroup/formGroup.d.ts +1 -1
- package/dist/formGroup/hooks/useLabelAlign.d.ts +1 -1
- package/dist/formGroup/types.d.ts +1 -1
- package/dist/formGroup/utils/applyCustomControlClasses.d.ts +1 -1
- package/dist/formGroup/utils/applyCustomLabelClasses.d.ts +1 -1
- package/dist/formGroup/utils/getControlClasses/getControlClasses.d.ts +1 -1
- package/dist/formGroup/utils/getControlClasses/getOneLabelOneControlClasses.d.ts +1 -1
- package/dist/formGroup/utils/getControlClasses/getOneLabelTwoControlsClasses.d.ts +1 -1
- package/dist/formGroup/utils/getControlClasses/getTwoLabelsOneControlClasses.d.ts +1 -1
- package/dist/formGroup/utils/getControlClasses/getTwoLabelsTwoControlsClasses.d.ts +1 -1
- package/dist/formGroup/utils/getLabelClasses/getLabelClasses.d.ts +1 -1
- package/dist/formGroup/utils/getLabelClasses/getOneLabelOneControlClasses.d.ts +1 -1
- package/dist/formGroup/utils/getLabelClasses/getOneLabelTwoControlsClasses.d.ts +1 -1
- package/dist/formGroup/utils/getLabelClasses/getTwoLabelsOneControlClasses.d.ts +1 -1
- package/dist/formGroup/utils/getLabelClasses/getTwoLabelsTwoControlsClasses.d.ts +1 -1
- package/dist/formGroup/utils/getListClasses.d.ts +1 -1
- package/dist/formGroup/utils/getToggleClasses.d.ts +1 -1
- package/dist/formGroup/utils/initializeState.d.ts +1 -1
- package/dist/formGroup/utils/isTopAlign.d.ts +1 -1
- package/dist/formLayout/types.d.ts +1 -1
- package/dist/formSection/types.d.ts +1 -1
- package/dist/formSection/utils/formSectionProvider.d.ts +1 -1
- package/dist/groupButtonRaw/groupButtonRaw.d.ts +1 -1
- package/dist/groupsFilterRaw/groupsFilterRaw.d.ts +1 -1
- package/dist/groupsFilterRaw/groupsHelper.js +2 -2
- package/dist/headerTitle/headerTitle.js +1 -1
- package/dist/images/imageAdjustFilter.d.ts +4 -0
- package/dist/images/imageAdjustFilter.js +16 -0
- package/dist/images/imageNoMatchingAssets.d.ts +4 -0
- package/dist/images/imageNoMatchingAssets.js +16 -0
- package/dist/index.css +619 -524
- package/dist/index.d.ts +6 -2
- package/dist/index.js +23 -16
- package/dist/inputAdornments/inputAdornments.d.ts +2 -1
- package/dist/inputAdornments/inputAdornments.js +2 -2
- package/dist/layout/layout.js +11 -7
- package/dist/list/itemData/itemData.d.ts +1 -0
- package/dist/list/itemData/itemDataInternal.d.ts +2 -1
- package/dist/list/itemData/itemDataInternal.js +4 -2
- package/dist/list/itemData/itemDataWaiting.d.ts +2 -1
- package/dist/list/itemData/itemDataWaiting.js +4 -1
- package/dist/list/list.d.ts +13 -4
- package/dist/list/list.js +29 -12
- package/dist/list/utils/getLoadingItems.d.ts +1 -1
- package/dist/list/utils/getLoadingItems.js +4 -4
- package/dist/modal/modal.js +7 -0
- package/dist/pillExpandable/pillExpandable.d.ts +1 -0
- package/dist/pillExpandable/pillExpandable.js +74 -33
- package/dist/radioGroupRaw/radioGroupRaw.d.ts +1 -1
- package/dist/rangeRaw/rangeRaw.d.ts +1 -1
- package/dist/summary/summary.js +0 -1
- package/dist/summaryTile/summaryTile.js +2 -2
- package/dist/table/children/tableEmpty.d.ts +1 -1
- package/dist/table/children/useTableChildren.js +1 -1
- package/dist/timePickerRaw/timePickerRaw.d.ts +1 -1
- package/dist/tooltip/tooltip.d.ts +15 -4
- package/dist/tooltip/tooltip.js +421 -158
- package/dist/utils/localization/translations/cs.json +2 -1
- package/dist/utils/localization/translations/da-DK.json +2 -1
- package/dist/utils/localization/translations/de.json +2 -1
- package/dist/utils/localization/translations/en.json +2 -1
- package/dist/utils/localization/translations/es.json +3 -2
- package/dist/utils/localization/translations/fi-FI.json +2 -1
- package/dist/utils/localization/translations/fr-FR.json +2 -1
- package/dist/utils/localization/translations/fr.json +3 -2
- package/dist/utils/localization/translations/hu-HU.json +2 -1
- package/dist/utils/localization/translations/id.json +2 -1
- package/dist/utils/localization/translations/it.json +2 -1
- package/dist/utils/localization/translations/ja.json +2 -1
- package/dist/utils/localization/translations/ko-KR.json +2 -1
- package/dist/utils/localization/translations/ms.json +2 -1
- package/dist/utils/localization/translations/nb-NO.json +2 -1
- package/dist/utils/localization/translations/nl.json +2 -1
- package/dist/utils/localization/translations/pl.json +2 -1
- package/dist/utils/localization/translations/pt-BR.json +2 -1
- package/dist/utils/localization/translations/sk-SK.json +2 -1
- package/dist/utils/localization/translations/sv.json +2 -1
- package/dist/utils/localization/translations/th.json +2 -1
- package/dist/utils/localization/translations/tr.json +2 -1
- package/dist/utils/localization/translations/zh-Hans.json +2 -1
- package/dist/utils/localization/translations/zh-TW.json +2 -1
- package/dist/utils/positioningUtils/calculatePosition.d.ts +1 -1
- package/dist/utils/positioningUtils/calculatePosition.js +11 -1
- package/esm/advancedGroupsFilter/advancedGroupsFilterFormSection.js +1 -1
- package/esm/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js +0 -39
- package/esm/alertRaw/components/alertAnimation.js +8 -4
- package/esm/card/card.d.ts +1 -1
- package/esm/card/card.js +1 -3
- package/esm/card/components/status.js +2 -2
- package/esm/chart/barChart/getBarTooltipItems.js +31 -2
- package/esm/chart/barChart.js +2 -1
- package/esm/chart/utils/getYAxisMeta.d.ts +1 -1
- package/esm/chart/utils/getYAxisMeta.js +44 -1
- package/esm/checkbox/checkbox.js +3 -3
- package/esm/dataGrid/emptySearchList/emptySearchList.d.ts +6 -7
- package/esm/dataGrid/emptySearchList/emptySearchList.js +16 -24
- package/esm/dateInputRaw/dateInputRaw.d.ts +1 -1
- package/esm/dateRangeRaw/dateRangeRaw.d.ts +1 -1
- package/esm/dateRangeRaw/utils/dateRangeUtils.d.ts +1 -0
- package/esm/dateRangeRaw/utils/dateRangeUtils.js +37 -0
- package/esm/dropdownRaw/dropdownRaw.d.ts +1 -1
- package/esm/emptyState/emptyState.d.ts +9 -0
- package/esm/emptyState/emptyState.js +10 -0
- package/esm/emptyState/hooks/useIcon.d.ts +2 -0
- package/esm/emptyState/hooks/useIcon.js +10 -0
- package/esm/filtersBar/components/filtersBarPeriodPicker/getRangeOption.d.ts +1 -0
- package/esm/filtersBar/components/filtersBarPeriodPicker/getRangeOption.js +29 -4
- package/esm/formField/components/formFieldAdditionalInfo.d.ts +12 -0
- package/esm/formField/components/formFieldAdditionalInfo.js +6 -0
- package/esm/formField/components/formFieldAssistiveError.d.ts +10 -0
- package/esm/formField/components/formFieldAssistiveError.js +8 -0
- package/esm/formField/components/formFieldCounter.d.ts +6 -0
- package/esm/formField/components/formFieldCounter.js +3 -0
- package/esm/formField/components/formFieldLoading.d.ts +12 -0
- package/esm/formField/components/formFieldLoading.js +12 -0
- package/esm/formField/components/formFieldWithLabel.d.ts +8 -11
- package/esm/formField/components/formFieldWithLabel.js +21 -3
- package/esm/formField/components/formFieldWithoutLabel.d.ts +8 -9
- package/esm/formField/components/formFieldWithoutLabel.js +6 -1
- package/esm/formField/components/isOldFormFieldComponent.d.ts +2 -0
- package/esm/formField/components/isOldFormFieldComponent.js +8 -0
- package/esm/formField/components/trailingComponent.d.ts +2 -1
- package/esm/formField/components/trailingComponent.js +7 -1
- package/esm/formField/formField.d.ts +17 -35
- package/esm/formField/formField.js +5 -72
- package/esm/formField/hooks/useContainer.d.ts +2 -0
- package/esm/formField/hooks/useContainer.js +43 -0
- package/esm/formField/hooks/useError.d.ts +1 -1
- package/esm/formField/hooks/useFormFieldClasses.d.ts +2 -0
- package/esm/formField/hooks/useFormFieldClasses.js +26 -0
- package/esm/formField/hooks/useFormFieldProps.d.ts +17 -0
- package/esm/formField/hooks/useFormFieldProps.js +33 -0
- package/esm/formField/hooks/useTrailing.d.ts +1 -1
- package/esm/formField/hooks/useTrailing.js +1 -1
- package/esm/formField/hooks/useWidth.d.ts +1 -1
- package/esm/formField/types.d.ts +35 -0
- package/esm/formField/types.js +1 -0
- package/esm/formGroup/components/formGroupList.d.ts +1 -1
- package/esm/formGroup/components/formGroupToggle.d.ts +1 -1
- package/esm/formGroup/formGroup.d.ts +1 -1
- package/esm/formGroup/hooks/useLabelAlign.d.ts +1 -1
- package/esm/formGroup/types.d.ts +1 -1
- package/esm/formGroup/utils/applyCustomControlClasses.d.ts +1 -1
- package/esm/formGroup/utils/applyCustomLabelClasses.d.ts +1 -1
- package/esm/formGroup/utils/getControlClasses/getControlClasses.d.ts +1 -1
- package/esm/formGroup/utils/getControlClasses/getOneLabelOneControlClasses.d.ts +1 -1
- package/esm/formGroup/utils/getControlClasses/getOneLabelTwoControlsClasses.d.ts +1 -1
- package/esm/formGroup/utils/getControlClasses/getTwoLabelsOneControlClasses.d.ts +1 -1
- package/esm/formGroup/utils/getControlClasses/getTwoLabelsTwoControlsClasses.d.ts +1 -1
- package/esm/formGroup/utils/getLabelClasses/getLabelClasses.d.ts +1 -1
- package/esm/formGroup/utils/getLabelClasses/getOneLabelOneControlClasses.d.ts +1 -1
- package/esm/formGroup/utils/getLabelClasses/getOneLabelTwoControlsClasses.d.ts +1 -1
- package/esm/formGroup/utils/getLabelClasses/getTwoLabelsOneControlClasses.d.ts +1 -1
- package/esm/formGroup/utils/getLabelClasses/getTwoLabelsTwoControlsClasses.d.ts +1 -1
- package/esm/formGroup/utils/getListClasses.d.ts +1 -1
- package/esm/formGroup/utils/getToggleClasses.d.ts +1 -1
- package/esm/formGroup/utils/initializeState.d.ts +1 -1
- package/esm/formGroup/utils/isTopAlign.d.ts +1 -1
- package/esm/formLayout/types.d.ts +1 -1
- package/esm/formSection/types.d.ts +1 -1
- package/esm/formSection/utils/formSectionProvider.d.ts +1 -1
- package/esm/groupButtonRaw/groupButtonRaw.d.ts +1 -1
- package/esm/groupsFilterRaw/groupsFilterRaw.d.ts +1 -1
- package/esm/groupsFilterRaw/groupsHelper.js +2 -2
- package/esm/headerTitle/headerTitle.js +1 -1
- package/esm/images/imageAdjustFilter.d.ts +4 -0
- package/esm/images/imageAdjustFilter.js +12 -0
- package/esm/images/imageNoMatchingAssets.d.ts +4 -0
- package/esm/images/imageNoMatchingAssets.js +12 -0
- package/esm/index.d.ts +6 -2
- package/esm/index.js +4 -1
- package/esm/inputAdornments/inputAdornments.d.ts +2 -1
- package/esm/inputAdornments/inputAdornments.js +2 -2
- package/esm/layout/layout.js +11 -7
- package/esm/list/itemData/itemData.d.ts +1 -0
- package/esm/list/itemData/itemDataInternal.d.ts +2 -1
- package/esm/list/itemData/itemDataInternal.js +4 -2
- package/esm/list/itemData/itemDataWaiting.d.ts +2 -1
- package/esm/list/itemData/itemDataWaiting.js +4 -1
- package/esm/list/list.d.ts +13 -4
- package/esm/list/list.js +29 -12
- package/esm/list/utils/getLoadingItems.d.ts +1 -1
- package/esm/list/utils/getLoadingItems.js +4 -4
- package/esm/modal/modal.js +7 -0
- package/esm/pillExpandable/pillExpandable.d.ts +1 -0
- package/esm/pillExpandable/pillExpandable.js +74 -33
- package/esm/radioGroupRaw/radioGroupRaw.d.ts +1 -1
- package/esm/rangeRaw/rangeRaw.d.ts +1 -1
- package/esm/summary/summary.js +0 -1
- package/esm/summaryTile/summaryTile.js +2 -2
- package/esm/table/children/tableEmpty.d.ts +1 -1
- package/esm/table/children/useTableChildren.js +1 -1
- package/esm/timePickerRaw/timePickerRaw.d.ts +1 -1
- package/esm/tooltip/tooltip.d.ts +15 -4
- package/esm/tooltip/tooltip.js +388 -138
- package/esm/utils/localization/translations/cs.json +2 -1
- package/esm/utils/localization/translations/da-DK.json +2 -1
- package/esm/utils/localization/translations/de.json +2 -1
- package/esm/utils/localization/translations/en.json +2 -1
- package/esm/utils/localization/translations/es.json +3 -2
- package/esm/utils/localization/translations/fi-FI.json +2 -1
- package/esm/utils/localization/translations/fr-FR.json +2 -1
- package/esm/utils/localization/translations/fr.json +3 -2
- package/esm/utils/localization/translations/hu-HU.json +2 -1
- package/esm/utils/localization/translations/id.json +2 -1
- package/esm/utils/localization/translations/it.json +2 -1
- package/esm/utils/localization/translations/ja.json +2 -1
- package/esm/utils/localization/translations/ko-KR.json +2 -1
- package/esm/utils/localization/translations/ms.json +2 -1
- package/esm/utils/localization/translations/nb-NO.json +2 -1
- package/esm/utils/localization/translations/nl.json +2 -1
- package/esm/utils/localization/translations/pl.json +2 -1
- package/esm/utils/localization/translations/pt-BR.json +2 -1
- package/esm/utils/localization/translations/sk-SK.json +2 -1
- package/esm/utils/localization/translations/sv.json +2 -1
- package/esm/utils/localization/translations/th.json +2 -1
- package/esm/utils/localization/translations/tr.json +2 -1
- package/esm/utils/localization/translations/zh-Hans.json +2 -1
- package/esm/utils/localization/translations/zh-TW.json +2 -1
- package/esm/utils/positioningUtils/calculatePosition.d.ts +1 -1
- package/esm/utils/positioningUtils/calculatePosition.js +11 -1
- package/package.json +1 -1
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"Custom": "Personalizado",
|
|
94
94
|
"GroupTrailerId": "Remolque",
|
|
95
95
|
"GroupVehicleId": "Vehículo",
|
|
96
|
-
"GroupCompanyId": "Grupo
|
|
96
|
+
"GroupCompanyId": "Grupo Empresa",
|
|
97
97
|
"GroupDieselId": "Diésel",
|
|
98
98
|
"GroupAssetTypeId": "Tipo de activo",
|
|
99
99
|
"GroupAssetInformationId": "Información del activo",
|
|
@@ -248,5 +248,6 @@
|
|
|
248
248
|
"Confirm": "Confirmar",
|
|
249
249
|
"Clear all": "Borrar todo",
|
|
250
250
|
"Reload": "Volver a cargar",
|
|
251
|
-
"View details": "Ver detalles"
|
|
251
|
+
"View details": "Ver detalles",
|
|
252
|
+
"Year to date": "Año a la fecha"
|
|
252
253
|
}
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
"GroupBusinessGroupId": "Affaires",
|
|
101
101
|
"GroupDriverActivityGroupId": "Activité du chauffeur",
|
|
102
102
|
"GroupPersonalGroupId": "Personnel",
|
|
103
|
-
"GroupPowertrainAndFuelTypeId": "
|
|
103
|
+
"GroupPowertrainAndFuelTypeId": "Groupe motopropulseur et type de carburant",
|
|
104
104
|
"GroupInternalCombustionEngineId": "Moteur à combustion interne",
|
|
105
105
|
"GroupGasolinePetrolId": "Essence",
|
|
106
106
|
"GroupEthanolId": "Éthanol",
|
|
@@ -248,5 +248,6 @@
|
|
|
248
248
|
"Confirm": "Confirmer",
|
|
249
249
|
"Clear all": "Effacer tout",
|
|
250
250
|
"Reload": "Recharger",
|
|
251
|
-
"View details": "Afficher les détails"
|
|
251
|
+
"View details": "Afficher les détails",
|
|
252
|
+
"Year to date": "Cumul jusqu’à ce jour"
|
|
252
253
|
}
|
|
@@ -2,4 +2,4 @@ import { TAlignment } from "../../absolute/absolute";
|
|
|
2
2
|
import { IAlignment } from "./alignments";
|
|
3
3
|
import "./calculatePosition.less";
|
|
4
4
|
import { RefObject } from "react";
|
|
5
|
-
export declare const calculatePosition: (triggerRef: RefObject<HTMLElement | null>, popupRef: RefObject<HTMLElement | null>, paddingX?: number, paddingY?: number, inline?: boolean, alignment?: TAlignment, alignmentsFn?: IAlignment, scrollParent?: HTMLElement) => void;
|
|
5
|
+
export declare const calculatePosition: (triggerRef: RefObject<HTMLElement | null>, popupRef: RefObject<HTMLElement | null>, paddingX?: number, paddingY?: number, inline?: boolean, alignment?: TAlignment, alignmentsFn?: IAlignment, scrollParent?: HTMLElement, forceHorizontalCenter?: boolean) => void;
|
|
@@ -8,7 +8,7 @@ const getBorders_1 = require("./getBorders");
|
|
|
8
8
|
const getMargins_1 = require("./getMargins");
|
|
9
9
|
const normalizePosition_1 = require("./normalizePosition");
|
|
10
10
|
// eslint-disable-next-line complexity
|
|
11
|
-
const calculatePosition = (triggerRef, popupRef, paddingX, paddingY, inline, alignment, alignmentsFn = alignments_1.alignments, scrollParent) => {
|
|
11
|
+
const calculatePosition = (triggerRef, popupRef, paddingX, paddingY, inline, alignment, alignmentsFn = alignments_1.alignments, scrollParent, forceHorizontalCenter) => {
|
|
12
12
|
if (!triggerRef.current || !popupRef.current) {
|
|
13
13
|
return;
|
|
14
14
|
}
|
|
@@ -42,6 +42,11 @@ const calculatePosition = (triggerRef, popupRef, paddingX, paddingY, inline, ali
|
|
|
42
42
|
const alignmentFn = alignment ? alignmentsFn[alignment] : alignmentsFn["bottom-left"];
|
|
43
43
|
let position = alignmentFn(triggerRect, popupRect, parentRect, paddingX || 0, paddingY || 0);
|
|
44
44
|
(0, normalizePosition_1.normalizePosition)(position, popupRect, parentRect);
|
|
45
|
+
if (forceHorizontalCenter) {
|
|
46
|
+
const centeredLeftPosition = (window.innerWidth - popupRect.width) / 2 + window.scrollX;
|
|
47
|
+
position.left = centeredLeftPosition;
|
|
48
|
+
position.right = undefined;
|
|
49
|
+
}
|
|
45
50
|
if (position.width) {
|
|
46
51
|
popup.style.width = `${position.width}px`;
|
|
47
52
|
}
|
|
@@ -51,6 +56,11 @@ const calculatePosition = (triggerRef, popupRef, paddingX, paddingY, inline, ali
|
|
|
51
56
|
popupRect = popup.getBoundingClientRect();
|
|
52
57
|
position = alignmentFn(triggerRect, popupRect, parentRect, paddingX || 0, paddingY || 0);
|
|
53
58
|
(0, normalizePosition_1.normalizePosition)(position, popupRect, parentRect);
|
|
59
|
+
if (forceHorizontalCenter) {
|
|
60
|
+
const centeredLeftPosition = (window.innerWidth - popupRect.width) / 2 + window.scrollX;
|
|
61
|
+
position.left = centeredLeftPosition;
|
|
62
|
+
position.right = undefined;
|
|
63
|
+
}
|
|
54
64
|
const scrollParentRect = scrollParent === null || scrollParent === void 0 ? void 0 : scrollParent.getBoundingClientRect();
|
|
55
65
|
const isTopsideAlignment = alignment === null || alignment === void 0 ? void 0 : alignment.startsWith("top");
|
|
56
66
|
const isRightsideAlignment = alignment === null || alignment === void 0 ? void 0 : alignment.startsWith("right");
|
|
@@ -159,7 +159,7 @@ injectString("cs", "GroupCompanyId", "Skupina spole\u010Dnosti");
|
|
|
159
159
|
injectString("da-DK", "GroupCompanyId", "Virksomhedsgruppe");
|
|
160
160
|
injectString("de", "GroupCompanyId", "Unternehmensgruppe");
|
|
161
161
|
injectString("en", "GroupCompanyId", "Company group");
|
|
162
|
-
injectString("es", "GroupCompanyId", "Grupo
|
|
162
|
+
injectString("es", "GroupCompanyId", "Grupo Empresa");
|
|
163
163
|
injectString("fi-FI", "GroupCompanyId", "Yritysryhm\xE4");
|
|
164
164
|
injectString("fr", "GroupCompanyId", "Groupe Entreprise");
|
|
165
165
|
injectString("fr-FR", "GroupCompanyId", "Groupe Entreprise");
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { injectString } from "../utils/localization/translationsDictionary";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { useRef } from "react";
|
|
4
3
|
import { Tooltip } from "../tooltip/tooltip";
|
|
5
|
-
import { IconInfoCircle } from "../icons/iconInfoCircle";
|
|
6
4
|
import { useLanguage } from "../utils/localization/useLanguage";
|
|
7
5
|
import { classNames } from "../commonHelpers/classNames/classNames";
|
|
8
6
|
injectString("cs", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "P\u0159i hled\xE1n\xED konkr\xE9tn\xED skupiny pou\u017Eijte v\xEDce oper\xE1tor\u016F. Nap\u0159\xEDklad p\u0159i filtrov\xE1n\xED prost\u0159edk\u016F, kter\xE9 spadaj\xED do skupiny Traktory, skupina Toronto zobraz\xED seznam traktor\u016F, kter\xE9 pat\u0159\xED do pobo\u010Dky v Torontu.");
|
|
@@ -29,55 +27,18 @@ injectString("th", "Use multiple operators when searching for a specific group.
|
|
|
29
27
|
injectString("tr", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "Belirli bir grubu ararken birden \xE7ok operat\xF6r kullan\u0131n. \xD6rne\u011Fin, Trakt\xF6r grubuna ve Toronto grubuna ait varl\u0131klar i\xE7in filtreleme yap\u0131l\u0131rken Toronto \u015Fubesine ait trakt\xF6rlerin listesi g\xF6r\xFCnt\xFClenir.");
|
|
30
28
|
injectString("zh-Hans", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u641C\u7D22\u7279\u5B9A\u7EC4\u65F6\uFF0C\u53EF\u4EE5\u4F7F\u7528\u591A\u4E2A\u8FD0\u7B97\u7B26\u3002\u4F8B\u5982\uFF0C\u7B5B\u9009\u5C5E\u4E8E\u201C\u7275\u5F15\u8F66\u201D\u7EC4\u548C\u201C\u591A\u4F26\u591A\u201D\u7EC4\u7684\u8D44\u4EA7\uFF0C\u5C31\u4F1A\u663E\u793A\u5C5E\u4E8E\u591A\u4F26\u591A\u5206\u652F\u7684\u7275\u5F15\u8F66\u5217\u8868\u3002");
|
|
31
29
|
injectString("zh-TW", "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.", "\u641C\u5C0B\u7279\u5B9A\u7FA4\u7D44\u6642\uFF0C\u8ACB\u4F7F\u7528\u591A\u500B\u904B\u7B97\u5B50\u3002\u4F8B\u5982\uFF0C\u82E5\u7BE9\u9078\u5C6C\u65BC\u727D\u5F15\u6A5F\u7FA4\u7D44\u548C\u591A\u502B\u591A\u7FA4\u7D44\u7684\u8CC7\u7522\uFF0C\u5247\u6703\u986F\u793A\u5C6C\u65BC\u591A\u502B\u591A\u5206\u516C\u53F8\u7684\u727D\u5F15\u6A5F\u6E05\u55AE\u3002");
|
|
32
|
-
injectString("cs", "Information", "Informace");
|
|
33
|
-
injectString("da-DK", "Information", "Information");
|
|
34
|
-
injectString("de", "Information", "Information");
|
|
35
|
-
injectString("en", "Information", "Information");
|
|
36
|
-
injectString("es", "Information", "Informaci\xF3n");
|
|
37
|
-
injectString("fi-FI", "Information", "Tiedot");
|
|
38
|
-
injectString("fr", "Information", "Renseignements");
|
|
39
|
-
injectString("fr-FR", "Information", "Informations");
|
|
40
|
-
injectString("hu-HU", "Information", "Inform\xE1ci\xF3");
|
|
41
|
-
injectString("id", "Information", "Informasi");
|
|
42
|
-
injectString("it", "Information", "Informazioni");
|
|
43
|
-
injectString("ja", "Information", "\u60C5\u5831");
|
|
44
|
-
injectString("ko-KR", "Information", "\uC815\uBCF4");
|
|
45
|
-
injectString("ms", "Information", "Maklumat");
|
|
46
|
-
injectString("nb-NO", "Information", "Informasjon");
|
|
47
|
-
injectString("nl", "Information", "Informatie");
|
|
48
|
-
injectString("pl", "Information", "Informacje");
|
|
49
|
-
injectString("pt-BR", "Information", "Informa\xE7\xF5es");
|
|
50
|
-
injectString("sk-SK", "Information", "Inform\xE1cie");
|
|
51
|
-
injectString("sv", "Information", "Information");
|
|
52
|
-
injectString("th", "Information", "\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25");
|
|
53
|
-
injectString("tr", "Information", "Bilgi");
|
|
54
|
-
injectString("zh-Hans", "Information", "\u4FE1\u606F");
|
|
55
|
-
injectString("zh-TW", "Information", "\u8CC7\u8A0A");
|
|
56
30
|
export const AdvancedGroupsFilterSectionTooltip = ({
|
|
57
31
|
className = "",
|
|
58
|
-
size = "auto",
|
|
59
32
|
alignment = "top",
|
|
60
33
|
text
|
|
61
34
|
}) => {
|
|
62
35
|
const {
|
|
63
36
|
translate
|
|
64
37
|
} = useLanguage();
|
|
65
|
-
const triggerRef = useRef(null);
|
|
66
38
|
const defaultTooltipText = translate("Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.");
|
|
67
39
|
return _jsx(Tooltip, {
|
|
68
40
|
className: classNames(["zen-advanced-groups-filter-section-tooltip__item", className || ""]),
|
|
69
|
-
size: size,
|
|
70
41
|
alignment: alignment,
|
|
71
|
-
trigger: _jsx("button", {
|
|
72
|
-
type: "button",
|
|
73
|
-
"aria-label": translate("Information"),
|
|
74
|
-
className: "zen-advanced-groups-filter-section-tooltip__trigger",
|
|
75
|
-
ref: triggerRef,
|
|
76
|
-
children: _jsx(IconInfoCircle, {
|
|
77
|
-
className: "zen-advanced-groups-filter-section-tooltip__trigger-icon",
|
|
78
|
-
size: "large"
|
|
79
|
-
})
|
|
80
|
-
}),
|
|
81
42
|
children: text || defaultTooltipText
|
|
82
43
|
});
|
|
83
44
|
};
|
|
@@ -16,7 +16,8 @@ export const AlertAnimation = ({ id, children, isOpen, animation }) => {
|
|
|
16
16
|
], {
|
|
17
17
|
duration: 300,
|
|
18
18
|
iterations: 1,
|
|
19
|
-
delay: 0
|
|
19
|
+
delay: 0,
|
|
20
|
+
easing: "ease-in-out"
|
|
20
21
|
}).onfinish = () => {
|
|
21
22
|
finishAlertAnimation(id);
|
|
22
23
|
};
|
|
@@ -29,7 +30,8 @@ export const AlertAnimation = ({ id, children, isOpen, animation }) => {
|
|
|
29
30
|
], {
|
|
30
31
|
duration: 300,
|
|
31
32
|
iterations: 1,
|
|
32
|
-
delay: 0
|
|
33
|
+
delay: 0,
|
|
34
|
+
easing: "ease-in-out"
|
|
33
35
|
}).onfinish = () => {
|
|
34
36
|
finishAlertAnimation(id);
|
|
35
37
|
};
|
|
@@ -43,7 +45,8 @@ export const AlertAnimation = ({ id, children, isOpen, animation }) => {
|
|
|
43
45
|
duration: 300,
|
|
44
46
|
iterations: 1,
|
|
45
47
|
delay: 0,
|
|
46
|
-
fill: "forwards"
|
|
48
|
+
fill: "forwards",
|
|
49
|
+
easing: "ease-in-out"
|
|
47
50
|
}).onfinish = () => {
|
|
48
51
|
finishAlertAnimation(id);
|
|
49
52
|
};
|
|
@@ -55,7 +58,8 @@ export const AlertAnimation = ({ id, children, isOpen, animation }) => {
|
|
|
55
58
|
], {
|
|
56
59
|
duration: 300,
|
|
57
60
|
iterations: 1,
|
|
58
|
-
delay: 0
|
|
61
|
+
delay: 0,
|
|
62
|
+
easing: "ease-in-out"
|
|
59
63
|
}).onfinish = () => {
|
|
60
64
|
finishAlertAnimation(id);
|
|
61
65
|
};
|
package/esm/card/card.d.ts
CHANGED
|
@@ -6,10 +6,10 @@ import { IActions } from "./components/actions";
|
|
|
6
6
|
import { IContent } from "./components/content";
|
|
7
7
|
import "./card.less";
|
|
8
8
|
import { TAlignment } from "../absolute/absolute";
|
|
9
|
-
import { TooltipSize } from "../tooltip/tooltip";
|
|
10
9
|
import { IZenComponentProps, IZenFormLayoutItem, IZenGridItem } from "../commonHelpers/zenComponent";
|
|
11
10
|
import { ICardButton } from "./components/cardButton/cardButton";
|
|
12
11
|
import { IIcon } from "../icons/icon";
|
|
12
|
+
import { TooltipSize } from "../tooltip/tooltip";
|
|
13
13
|
import { IToggleButton } from "../toggleButton/toggleButton";
|
|
14
14
|
export declare const DEFAULT_CARD_SIZE: TContainerSize;
|
|
15
15
|
export interface ICard extends IZenComponentProps, IZenGridItem, IZenFormLayoutItem {
|
package/esm/card/card.js
CHANGED
|
@@ -77,7 +77,6 @@ props => {
|
|
|
77
77
|
onClick,
|
|
78
78
|
cardContentClasses = "",
|
|
79
79
|
tooltipAlignment,
|
|
80
|
-
tooltipSize,
|
|
81
80
|
fullWidth,
|
|
82
81
|
scrollableContent = true,
|
|
83
82
|
autoHeight = false,
|
|
@@ -251,8 +250,7 @@ props => {
|
|
|
251
250
|
status: status,
|
|
252
251
|
isMobile: isMobile,
|
|
253
252
|
tooltip: tooltip,
|
|
254
|
-
tooltipAlignment: tooltipAlignment
|
|
255
|
-
tooltipSize: tooltipSize
|
|
253
|
+
tooltipAlignment: tooltipAlignment
|
|
256
254
|
}), toggle ? _jsx(ToggleButton, Object.assign({}, toggle.props)) : null, !!menuActions.length && _jsx(Menu, {
|
|
257
255
|
trigger: menuTrigger,
|
|
258
256
|
title: title || translate("Actions"),
|
|
@@ -6,7 +6,7 @@ import { TextIconButton, ButtonIconPosition } from "../../textIconButton/textIco
|
|
|
6
6
|
import { Tooltip } from "../../tooltip/tooltip";
|
|
7
7
|
import { useDrive } from "../../utils/theme/useDrive";
|
|
8
8
|
import { IconInfoCircle } from "../../icons/iconInfoCircle";
|
|
9
|
-
export const Status = ({ status, isMobile, tooltip, className = "", tooltipAlignment,
|
|
9
|
+
export const Status = ({ status, isMobile, tooltip, className = "", tooltipAlignment, title }) => {
|
|
10
10
|
const ref = useRef(null);
|
|
11
11
|
const isDrive = useDrive();
|
|
12
12
|
const renderButton = () => {
|
|
@@ -14,7 +14,7 @@ export const Status = ({ status, isMobile, tooltip, className = "", tooltipAlign
|
|
|
14
14
|
return "";
|
|
15
15
|
}
|
|
16
16
|
const statusButton = _jsx(TextIconButton, { ref: ref, iconPosition: ButtonIconPosition.Start, className: classNames(["zen-card-status", isMobile ? "zen-card-status--mobile" : "", "zen-card-status-button", status ? `zen-card-status--${status}` : "", className]), icon: IconInfoCircle, iconSize: isDrive ? SvgIconSize.Huge : SvgIconSize.Large, "aria-label": tooltip, htmlType: "button" });
|
|
17
|
-
return _jsx(Tooltip, {
|
|
17
|
+
return _jsx(Tooltip, { mobileTitle: title, alignment: tooltipAlignment, trigger: statusButton, children: tooltip });
|
|
18
18
|
};
|
|
19
19
|
return tooltip ? renderButton() : null;
|
|
20
20
|
};
|
|
@@ -6,6 +6,26 @@ export const getBarTooltipItems = (data, datasetIndex, index, options, isHidden)
|
|
|
6
6
|
if (datasetIndex === undefined || index === undefined) {
|
|
7
7
|
return [];
|
|
8
8
|
}
|
|
9
|
+
// Get the x-value from the hovered dataset to match against other datasets
|
|
10
|
+
// If the hovered dataset is empty, find the first non-empty dataset to get the x-value
|
|
11
|
+
const hoveredDataset = data.datasets[datasetIndex];
|
|
12
|
+
let hoveredDataItem = index < hoveredDataset.data.length
|
|
13
|
+
? hoveredDataset.data[index]
|
|
14
|
+
: undefined;
|
|
15
|
+
// If the hovered dataset doesn't have data at this index, find another dataset that does
|
|
16
|
+
if (hoveredDataItem === undefined) {
|
|
17
|
+
for (const dataset of data.datasets) {
|
|
18
|
+
if (dataset.data.length > index) {
|
|
19
|
+
hoveredDataItem = dataset.data[index];
|
|
20
|
+
break;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
// If still no data found, return empty
|
|
24
|
+
if (hoveredDataItem === undefined) {
|
|
25
|
+
return [];
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
const hoveredXValue = typeof hoveredDataItem === "number" ? undefined : hoveredDataItem.x;
|
|
9
29
|
return data.datasets.map((dataset, dsIndex) => {
|
|
10
30
|
if (dataset.data.length === 0) {
|
|
11
31
|
return undefined;
|
|
@@ -13,12 +33,21 @@ export const getBarTooltipItems = (data, datasetIndex, index, options, isHidden)
|
|
|
13
33
|
if (isHidden(dsIndex)) {
|
|
14
34
|
return undefined;
|
|
15
35
|
}
|
|
16
|
-
|
|
36
|
+
// Find the data item in this dataset that matches the hovered x-value
|
|
37
|
+
const dataItem = hoveredXValue !== undefined
|
|
38
|
+
? dataset.data.find(item => typeof item !== "number" && item.x === hoveredXValue)
|
|
39
|
+
: dataset.data[index];
|
|
40
|
+
// If no matching data point exists for this dataset, skip it
|
|
41
|
+
if (!dataItem) {
|
|
42
|
+
return undefined;
|
|
43
|
+
}
|
|
17
44
|
const itemValue = typeof dataItem === "number" ? dataItem : dataItem.y;
|
|
18
45
|
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
19
46
|
const value = itemValue !== undefined ? formatValue(itemValue.toFixed(2), dsIndex, options === null || options === void 0 ? void 0 : options.unit) : undefined;
|
|
20
47
|
const label = dataset.label || "";
|
|
21
|
-
|
|
48
|
+
// For color, find the correct index in the original dataset
|
|
49
|
+
const dataItemIndex = dataset.data.indexOf(dataItem);
|
|
50
|
+
const color = Array.isArray(dataset.backgroundColor) && dataset.backgroundColor[dataItemIndex] ? dataset.backgroundColor[dataItemIndex] :
|
|
22
51
|
typeof dataset.borderColor === "string" ? dataset.borderColor : "";
|
|
23
52
|
return { label, value, color };
|
|
24
53
|
}).filter(item => item !== undefined);
|
package/esm/chart/barChart.js
CHANGED
|
@@ -55,7 +55,8 @@ export const BarChart = (_a) => {
|
|
|
55
55
|
const tooltipId = useMemo(() => generateId(), []);
|
|
56
56
|
const { toLocalDateTime } = useContext(userFormatContext);
|
|
57
57
|
const isTimedData = useMemo(() => isDateRange(data, false), [data]);
|
|
58
|
-
const
|
|
58
|
+
const isStacked = useMemo(() => { var _a, _b; return ((_b = (_a = options.scales) === null || _a === void 0 ? void 0 : _a.y) === null || _b === void 0 ? void 0 : _b.stacked) === true; }, [options]);
|
|
59
|
+
const yAxisMeta = useMemo(() => getYAxisMeta(data, isStacked), [data, isStacked]);
|
|
59
60
|
const defOptions = useMemo(() => getDefaultOptions(yAxisMeta, isTimedData, dark, translate), [yAxisMeta, isTimedData, dark, translate]);
|
|
60
61
|
const chartOptions = deepMerge(defOptions, options);
|
|
61
62
|
const { isHidden, toggleHidden } = useHidden();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ILineChartData } from "../lineChart/interfaces";
|
|
2
2
|
import { IBarChartData } from "../barChart/interfaces";
|
|
3
|
-
export declare const getYAxisMeta: (data: ILineChartData | IBarChartData) => {
|
|
3
|
+
export declare const getYAxisMeta: (data: ILineChartData | IBarChartData, stacked?: boolean) => {
|
|
4
4
|
min: number;
|
|
5
5
|
max: number;
|
|
6
6
|
name: string;
|
|
@@ -1,10 +1,53 @@
|
|
|
1
1
|
import { getRange } from "./getRange";
|
|
2
2
|
import { mergeRanges } from "./mergeRanges";
|
|
3
3
|
import { normalizeRange } from "./normalizeRange";
|
|
4
|
-
export const getYAxisMeta = (data) => {
|
|
4
|
+
export const getYAxisMeta = (data, stacked = false) => {
|
|
5
5
|
if (data.datasets.length === 0) {
|
|
6
6
|
return [Object.assign({ name: "y" }, getRange({ data: [] }))];
|
|
7
7
|
}
|
|
8
|
+
if (stacked) {
|
|
9
|
+
const axisMap = {};
|
|
10
|
+
data.datasets.forEach((ds) => {
|
|
11
|
+
const name = ds.yAxisID ? ds.yAxisID : "y";
|
|
12
|
+
if (!axisMap.hasOwnProperty(name)) {
|
|
13
|
+
axisMap[name] = {
|
|
14
|
+
name: name,
|
|
15
|
+
valuesByX: new Map()
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
const valuesByX = axisMap[name].valuesByX;
|
|
19
|
+
ds.data.forEach((point) => {
|
|
20
|
+
const xKey = typeof point === "object" && "x" in point ? point.x : "";
|
|
21
|
+
const yValue = typeof point === "object" && "y" in point ? point.y : (typeof point === "number" ? point : 0);
|
|
22
|
+
const existing = valuesByX.get(xKey) || { positive: 0, negative: 0 };
|
|
23
|
+
if (yValue !== null && yValue >= 0) {
|
|
24
|
+
existing.positive += yValue;
|
|
25
|
+
}
|
|
26
|
+
else if (yValue !== null && yValue < 0) {
|
|
27
|
+
existing.negative += yValue;
|
|
28
|
+
}
|
|
29
|
+
valuesByX.set(xKey, existing);
|
|
30
|
+
});
|
|
31
|
+
});
|
|
32
|
+
return Object.values(axisMap).map(axis => {
|
|
33
|
+
const stackedValues = [];
|
|
34
|
+
axis.valuesByX.forEach((value) => {
|
|
35
|
+
// Always include 0 as the baseline for stacked charts
|
|
36
|
+
if (value.positive > 0) {
|
|
37
|
+
stackedValues.push(value.positive);
|
|
38
|
+
}
|
|
39
|
+
if (value.negative < 0) {
|
|
40
|
+
stackedValues.push(value.negative);
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
// Add 0 to ensure the axis includes the baseline
|
|
44
|
+
stackedValues.push(0);
|
|
45
|
+
const stackedData = stackedValues.map(y => ({ x: 0, y }));
|
|
46
|
+
const range = getRange({ data: stackedData });
|
|
47
|
+
const normalized = normalizeRange(range);
|
|
48
|
+
return Object.assign({ name: axis.name }, normalized);
|
|
49
|
+
});
|
|
50
|
+
}
|
|
8
51
|
const axisMap = data.datasets.reduce((acc, ds) => {
|
|
9
52
|
const name = ds.yAxisID ? ds.yAxisID : "y";
|
|
10
53
|
const range = getRange({ data: ds.data });
|
package/esm/checkbox/checkbox.js
CHANGED
|
@@ -25,13 +25,13 @@ export const Checkbox = (_a) => {
|
|
|
25
25
|
const intId = id || generatedId;
|
|
26
26
|
const driveClasses = useDriveClassName("zen-checkbox");
|
|
27
27
|
const checkboxIconClasses = useMemo(() => classNames(["zen-checkbox__icon", disabled ? "zen-checkbox__icon--disabled" : ""]), [disabled]);
|
|
28
|
-
const checkbox = _jsx(TriStateCheckbox, Object.assign({ className: "zen-checkbox__input", id: intId, checked: checked, indeterminate: indeterminate, disabled: disabled }, rest));
|
|
28
|
+
const checkbox = _jsx(TriStateCheckbox, Object.assign({ className: "zen-checkbox__input", id: intId, checked: checked, indeterminate: indeterminate, disabled: disabled, "aria-label": title }, rest));
|
|
29
29
|
const iconAndLabel = _jsxs(_Fragment, { children: [_jsx("div", { className: "zen-checkbox__box", children: state === CheckboxState.Indeterminate ? _jsx(CheckboxIconMinus, { className: checkboxIconClasses, size: driveClasses ? "bigger" : "medium" }) :
|
|
30
30
|
state === CheckboxState.On ? _jsx(CheckboxIconCheckmark, { className: checkboxIconClasses, size: driveClasses ? "bigger" : "medium" }) : null }), children
|
|
31
31
|
? _jsx("div", { className: classNames(["zen-checkbox__label-text", fullWidth ? "zen-checkbox__label-text--full-width" : ""]), children: children })
|
|
32
32
|
: null] });
|
|
33
33
|
if (wrapped) {
|
|
34
|
-
return _jsxs("label", { className: classNames(["zen-checkbox", driveClasses || "", className]), title: title,
|
|
34
|
+
return _jsxs("label", { className: classNames(["zen-checkbox", driveClasses || "", className]), title: title, children: [checkbox, _jsx("div", { className: classNames(["zen-checkbox__label", reverse ? "zen-checkbox__label--reverse" : ""]), children: iconAndLabel })] });
|
|
35
35
|
}
|
|
36
|
-
return _jsxs("div", { className: classNames(["zen-checkbox", driveClasses || "", className]), children: [checkbox, _jsx("label", { className: classNames(["zen-checkbox__label", reverse ? "zen-checkbox__label--reverse" : ""]), htmlFor: intId, title: title,
|
|
36
|
+
return _jsxs("div", { className: classNames(["zen-checkbox", driveClasses || "", className]), children: [checkbox, _jsx("label", { className: classNames(["zen-checkbox__label", reverse ? "zen-checkbox__label--reverse" : ""]), htmlFor: intId, title: title, children: iconAndLabel })] });
|
|
37
37
|
};
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
image?: ReactNode;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IEmptyState } from "../../emptyState/emptyState";
|
|
3
|
+
export interface IEmptySearchList extends Omit<IEmptyState, "children"> {
|
|
4
|
+
image?: React.ReactNode;
|
|
5
|
+
children?: React.ReactNode;
|
|
7
6
|
}
|
|
8
7
|
export declare const EmptySearchList: {
|
|
9
|
-
({
|
|
8
|
+
({ ...props }: IEmptySearchList): import("react/jsx-runtime").JSX.Element;
|
|
10
9
|
translations: string[];
|
|
11
10
|
};
|