@geotab/zenith 3.10.0-beta.1 → 3.10.0-beta.2
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 +9 -6
- package/dist/betaPill/betaPill.d.ts +9 -4
- package/dist/betaPill/betaPill.js +8 -7
- package/dist/card/card.d.ts +2 -1
- package/dist/card/card.js +4 -2
- package/dist/card/components/title.d.ts +3 -1
- package/dist/card/components/title.js +5 -3
- package/dist/checkboxListWithAction/checkboxListWithAction.js +2 -1
- package/dist/commonStyles/colors/colorsConstant.d.ts +44 -0
- package/dist/commonStyles/colors/colorsConstant.js +361 -0
- package/dist/commonStyles/typography/components/typographyItem.d.ts +8 -0
- package/dist/commonStyles/typography/components/typographyItem.js +45 -0
- package/dist/dropdown/dropdown.js +1 -1
- package/dist/dropdownRaw/dropdownList.d.ts +4 -2
- package/dist/dropdownRaw/dropdownList.js +15 -36
- package/dist/dropdownRaw/dropdownRaw.js +9 -23
- package/dist/dropdownRaw/stateReducer/stateReducer.d.ts +1 -0
- package/dist/dropdownRaw/stateReducer/stateReducer.js +13 -14
- package/dist/dropdownRaw/stateReducer/stateReducerHelper.d.ts +1 -2
- package/dist/dropdownRaw/stateReducer/stateReducerHelper.js +5 -12
- package/dist/headerTitle/headerTitle.d.ts +9 -3
- package/dist/headerTitle/headerTitle.js +3 -2
- package/dist/index.css +34 -2
- package/dist/index.d.ts +3 -1
- package/dist/index.js +3 -1
- package/dist/testHelpers/fakeFetch.d.ts +1 -0
- package/dist/testHelpers/fakeFetch.js +14 -0
- package/dist/testHelpers/geotab-axe/index.d.ts +2 -0
- package/dist/testHelpers/geotab-axe/index.js +81 -0
- package/dist/testHelpers/jestRetry.d.ts +0 -0
- package/dist/testHelpers/jestRetry.js +2 -0
- package/dist/testHelpers/renderAsync.d.ts +2 -0
- package/dist/testHelpers/renderAsync.js +12 -0
- package/dist/testHelpers/setReadonlyHtmlProperty.d.ts +1 -0
- package/dist/testHelpers/setReadonlyHtmlProperty.js +15 -0
- package/dist/testHelpers/styled-output.d.ts +30 -0
- package/dist/testHelpers/styled-output.js +42 -0
- package/esm/betaPill/betaPill.d.ts +9 -4
- package/esm/betaPill/betaPill.js +8 -7
- package/esm/card/card.d.ts +2 -1
- package/esm/card/card.js +4 -2
- package/esm/card/components/title.d.ts +3 -1
- package/esm/card/components/title.js +5 -3
- package/esm/checkboxListWithAction/checkboxListWithAction.js +2 -1
- package/esm/dropdown/dropdown.js +1 -1
- package/esm/dropdownRaw/dropdownList.d.ts +4 -2
- package/esm/dropdownRaw/dropdownList.js +15 -36
- package/esm/dropdownRaw/dropdownRaw.js +10 -24
- package/esm/dropdownRaw/stateReducer/stateReducer.d.ts +1 -0
- package/esm/dropdownRaw/stateReducer/stateReducer.js +14 -15
- package/esm/dropdownRaw/stateReducer/stateReducerHelper.d.ts +1 -2
- package/esm/dropdownRaw/stateReducer/stateReducerHelper.js +3 -10
- package/esm/headerTitle/headerTitle.d.ts +9 -3
- package/esm/headerTitle/headerTitle.js +3 -2
- package/esm/index.d.ts +3 -1
- package/esm/index.js +1 -0
- package/package.json +1 -1
|
@@ -7,7 +7,8 @@ import { useDriveClassName } from "../utils/theme/useDriveClassName";
|
|
|
7
7
|
import { HeaderBack } from "../header/headerBack";
|
|
8
8
|
import { Bookmark } from "../bookmark/bookmark";
|
|
9
9
|
export const HeaderTitleDisplayName = "PageHeader";
|
|
10
|
-
export const HeaderTitle = (
|
|
10
|
+
export const HeaderTitle = (props) => {
|
|
11
|
+
const { id, children, className, pageName, subline, isBeta, isMobile: isMobileProp, allowBookmarkWithBack, feedBackAction, betaOptionAction, betaPillName, betaPillDescription } = props;
|
|
11
12
|
const isMobile = useMobile();
|
|
12
13
|
const driveMainLineClassName = useDriveClassName("zen-page-header__main-line");
|
|
13
14
|
const drivePageNameClassName = useDriveClassName("zen-page-header__page-name");
|
|
@@ -30,7 +31,7 @@ export const HeaderTitle = ({ id, children, className, pageName, subline, isBeta
|
|
|
30
31
|
});
|
|
31
32
|
return [b, b.length && !allowBookmarkWithBack ? o.filter(el => el.type !== Bookmark) : o];
|
|
32
33
|
}, [children, allowBookmarkWithBack]);
|
|
33
|
-
return (_jsxs("header", { id: id, className: clsNames, children: [_jsxs("div", { className: classNames(["zen-page-header__main-line", driveMainLineClassName || ""]), children: [back.length ? back : null, pageName ? _jsx("h1", { className: classNames(["zen-page-header__page-name", drivePageNameClassName || ""]), children: pageName }) : null, isBeta ? (_jsx(BetaPill, { feedbackAction: feedBackAction, betaOptionAction: betaOptionAction,
|
|
34
|
+
return (_jsxs("header", { id: id, className: clsNames, children: [_jsxs("div", { className: classNames(["zen-page-header__main-line", driveMainLineClassName || ""]), children: [back.length ? back : null, pageName ? _jsx("h1", { className: classNames(["zen-page-header__page-name", drivePageNameClassName || ""]), children: pageName }) : null, isBeta ? (_jsx(BetaPill, Object.assign({ feedbackAction: feedBackAction, betaOptionAction: betaOptionAction, className: "zen-page-header__beta" }, { name: betaPillName, description: betaPillDescription }))) : null, other.length ? other : null] }), subline || ""] }));
|
|
34
35
|
};
|
|
35
36
|
HeaderTitle.displayName = HeaderTitleDisplayName;
|
|
36
37
|
export const TRANSLATIONS = [...BetaPillTranslations];
|
package/esm/index.d.ts
CHANGED
|
@@ -20,7 +20,7 @@ export { type ICardButton, CardButton } from "./card/components/cardButton/cardB
|
|
|
20
20
|
export { type ICardToggle, CardToggle } from "./card/components/cardToggle/cardToggle";
|
|
21
21
|
export { type IContent, Content } from "./card/components/content";
|
|
22
22
|
export { type TCardStatus, Status } from "./card/components/status";
|
|
23
|
-
export { Title } from "./card/components/title";
|
|
23
|
+
export { type THeadingTag, Title } from "./card/components/title";
|
|
24
24
|
export { TitleLink } from "./card/components/titleLink";
|
|
25
25
|
export { getDefaultFullWidthValue } from "./card/helpers/getDefaultFullWidthValue";
|
|
26
26
|
export { getIconFromStatus } from "./card/helpers/getIconFromStatus";
|
|
@@ -774,6 +774,8 @@ export { HeaderButtonsProvider } from "./utils/headerButtons/headerButtonsProvid
|
|
|
774
774
|
export { getNewFocusableItem, getFirstFocusableItem } from "./utils/keyboardHelpers";
|
|
775
775
|
export { LanguageProvider } from "./utils/localization/languageProvider";
|
|
776
776
|
export { dictionaries, injectString } from "./utils/localization/translationsDictionary";
|
|
777
|
+
export { directionContext } from "./utils/localization/directionContext";
|
|
778
|
+
export type { TTextDirection } from "./utils/localization/getTextDirection";
|
|
777
779
|
export { useDirection } from "./utils/localization/useDirection";
|
|
778
780
|
export { useLanguage } from "./utils/localization/useLanguage";
|
|
779
781
|
export { ThemeDark } from "./utils/theme/themeDark";
|
package/esm/index.js
CHANGED
|
@@ -758,6 +758,7 @@ export { HeaderButtonsProvider } from "./utils/headerButtons/headerButtonsProvid
|
|
|
758
758
|
export { getNewFocusableItem, getFirstFocusableItem } from "./utils/keyboardHelpers";
|
|
759
759
|
export { LanguageProvider } from "./utils/localization/languageProvider";
|
|
760
760
|
export { dictionaries, injectString } from "./utils/localization/translationsDictionary";
|
|
761
|
+
export { directionContext } from "./utils/localization/directionContext";
|
|
761
762
|
export { useDirection } from "./utils/localization/useDirection";
|
|
762
763
|
export { useLanguage } from "./utils/localization/useLanguage";
|
|
763
764
|
export { ThemeDark } from "./utils/theme/themeDark";
|