npm - @kaizen/components - Versions diffs - 1.41.0 → 1.41.1 - Mend

@kaizen/components 1.41.0 → 1.41.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.

Files changed (651) hide show

package/dist/esm/dts/SearchField/SearchField.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputSearchProps } from "../Input/InputSearch";
 export type SearchFieldProps = Omit<InputSearchProps, "id"> & {
     id?: string;

package/dist/esm/dts/Skirt/subcomponents/SkirtCard/SkirtCard.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CardProps } from "../../../Card";
 export type SkirtCardProps = CardProps;
 export declare const SkirtCard: {

package/dist/esm/dts/SplitButton/subcomponents/ActionButton/ActionButton.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseButtonProps } from "../BaseButton";
 export type ActionButtonProps = Omit<BaseButtonProps, "icon">;
 export declare const ActionButton: {

package/dist/esm/dts/SplitButton/subcomponents/DropdownButton/DropdownButton.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseButtonProps } from "../BaseButton";
 export type DropdownButtonProps = Omit<BaseButtonProps, "label" | "icon">;
 export declare const DropdownButton: {

package/dist/esm/dts/Tile/InformationTile/InformationTile.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GenericTileProps } from "../subcomponents/GenericTile";
 export type InformationTileProps = GenericTileProps;
 /**

package/dist/esm/dts/Tile/MultiActionTile/MultiActionTile.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GenericTileProps, TileAction } from "../subcomponents/GenericTile";
 export type MultiActionTileProps = {
     primaryAction: TileAction;

package/dist/esm/dts/Tile/subcomponents/GenericTile/Action.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TileAction } from "./GenericTile";
 type ActionProps = {
     action: TileAction;

package/dist/esm/dts/TimeField/subcomponents/TimeSegment/TimeSegment.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateSegment, DateFieldState } from "@react-stately/datepicker";
 export type TimeSegmentProps = {
     segment: DateSegment;

package/dist/esm/dts/TitleBlockZen/TitleBlockZen.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TitleBlockProps } from "./types";
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075605782/Title+Block Guidance} |

package/dist/esm/dts/TitleBlockZen/subcomponents/MainActions.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DefaultActionProps, PrimaryActionProps, TitleBlockMenuItemProps } from "../types";
 type MainActionsProps = {
     primaryAction?: PrimaryActionProps;

package/dist/esm/dts/TitleBlockZen/subcomponents/MobileActions.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "../../Button";
 import { DefaultActionProps, PrimaryActionProps, SecondaryActionsProps, TitleBlockMenuItemProps } from "../types";
 export type MobileActionsProps = {

package/dist/esm/dts/TitleBlockZen/subcomponents/SecondaryActions.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SecondaryActionsProps, TitleBlockMenuItemProps } from "../types";
 type Props = {
     secondaryActions?: SecondaryActionsProps;

package/dist/esm/dts/TitleBlockZen/subcomponents/TitleBlockMenuItem.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TitleBlockMenuItemProps } from "../types";
 export declare const TitleBlockMenuItem: {
     (props: TitleBlockMenuItemProps): JSX.Element;

package/dist/esm/dts/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ProgressStepperProps = {
     stepName: string;
     steps: [string, ...string[]];

package/dist/esm/dts/Workflow/subcomponents/Header/Header.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WorkflowTitlesProps, WorkflowActionsProps } from "./components";
 export type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps;
 export declare const Header: {

package/dist/esm/dts/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectOption, SelectOptionGroupNode } from "../../types";
 export type ListBoxSectionProps<Option extends SelectOption> = {
     section: SelectOptionGroupNode<Option>;

package/dist/esm/dts/__future__/Select/subcomponents/ListItem/ListItem.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectItemNode, SelectOption } from "../../types";
 export type ListItemProps<Option extends SelectOption = SelectOption> = {
     item: SelectItemNode<Option>;

package/dist/esm/dts/__future__/Select/subcomponents/ListItems/ListItems.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectOption } from "../../types";
 import { ListItemProps } from "../ListItem";
 export type ListItemsProps<Option extends SelectOption> = {

package/dist/esm/dts/__future__/Select/subcomponents/SectionDivider/SectionDivider.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const SectionDivider: {
     (): JSX.Element;
     displayName: string;

package/dist/esm/dts/__future__/Select/utils/getDisabledKeysFromItems.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { Key } from "@react-types/shared";
 import { SelectItem, SelectOption } from "../types";
-export declare const getDisabledKeysFromItems: <Option extends SelectOption = SelectOption>(items: SelectItem<Option>[]) => Key[];
+export declare const getDisabledKeysFromItems: <Option extends SelectOption = SelectOption>(items: Array<SelectItem<Option>>) => Key[];

package/dist/esm/dts/__future__/Tag/RemovableTag/RemovableTag.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TagProps } from "../Tag";
 import { RemoveButtonBaseProps } from "./subcomponents/RemoveButton";
 export type RemovableTagProps = {

package/dist/esm/dts/__future__/Tag/RemovableTag/subcomponents/RemoveTagIcon.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { IconProps } from "../../../../Icon/types";
 export declare const RemoveTagIcon: (props: IconProps) => JSX.Element;

package/dist/esm/dts/__future__/Workflow/subcomponents/Footer/Footer.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OverrideClassName } from "../../../../types/OverrideClassName";
 import { ProgressStepperProps, FooterRootProps } from "./components";
 export type FooterProps = {

package/dist/esm/dts/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type Step = {
     id: string;
     label: string;

package/dist/esm/dts/__future__/Workflow/subcomponents/Header/Header.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WorkflowActionsProps, WorkflowTitlesProps } from "./components";
 export type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps;
 export declare const Header: {

package/dist/esm/dts/utils/useResizeObserver.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { Ref } from "react";
+import { Ref } from "react";
 export interface DOMRectReadOnly {
     readonly x: number;
     readonly y: number;
@@ -18,4 +18,4 @@ export interface DOMRectReadOnly {
  * element, and the current value of the callback-resolved ResizeObserverEntry
  * @callback resolveEntryCallback
  */
-export declare const useResizeObserver: <T, E extends Element = HTMLElement>(resolveEntry?: (entry: ResizeObserverEntry) => any) => [React.Ref<E>, T | undefined];
+export declare const useResizeObserver: <T, E extends Element = HTMLElement>(resolveEntry?: (entry: ResizeObserverEntry) => any) => [Ref<E>, T | undefined];

package/dist/index.d.ts CHANGED Viewed

@@ -1593,6 +1593,8 @@ type NoResultsProps = {
     children: React__default.ReactNode;
 } & HTMLAttributes<HTMLDivElement>;
+type LoadMoreButtonProps = ButtonProps;
 type MenuFooterProps = {
     children: React__default.ReactNode;
 };
@@ -1776,7 +1778,7 @@ declare const FilterMultiSelect: {
         displayName: string;
     };
     LoadMoreButton: {
-        (props: GenericButtonProps): JSX.Element;
+        (props: LoadMoreButtonProps): JSX.Element;
         displayName: string;
     };
     NoResults: {
@@ -1785,8 +1787,6 @@ declare const FilterMultiSelect: {
     };
 };
-type LoadMoreButtonProps = ButtonProps;
 declare const getTruncatedLabels: (labels: string[], limit: number) => string;
 declare const getSelectedOptionLabels: (keys?: Selection, items?: ItemType[]) => string[];

package/locales/en.json CHANGED Viewed

@@ -112,5 +112,9 @@
   "kzErrorPage.goToHome": {
     "description": "Home button label",
     "message": "Go to Home"
+  },
+  "splitButton.dropdownButton.label": {
+    "description": "Label for a dropdown menu holding additional actions",
+    "message": "Additional actions"
   }
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.41.0",
+  "version": "1.41.1",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -47,7 +47,7 @@
     "@react-stately/select": "^3.6.2",
     "@react-types/shared": "^3.22.1",
     "classnames": "^2.5.1",
-    "date-fns": "^3.3.1",
+    "date-fns": "^3.5.0",
     "lodash.debounce": "^4.0.8",
     "nanobus": "^4.5.0",
     "prosemirror-commands": "^1.5.2",
@@ -80,8 +80,8 @@
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
-    "@cultureamp/frontend-apis": "^9.4.1",
-    "@cultureamp/i18n-react-intl": "^2.5.2",
+    "@cultureamp/frontend-apis": "^9.4.2",
+    "@cultureamp/i18n-react-intl": "^2.5.3",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.7",
@@ -90,7 +90,7 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
     "@types/lodash.debounce": "^4.0.9",
-    "@types/react-dom": "^18.2.19",
+    "@types/react-dom": "^18.2.22",
     "@types/react-textfit": "^1.1.4",
     "@types/uuid": "^9.0.8",
     "agadoo": "^3.0.0",
@@ -99,23 +99,23 @@
     "concat-cli": "^4.0.0",
     "query-string": "^9.0.0",
     "react-intl": "^6.6.2",
-    "rollup": "^4.12.0",
+    "rollup": "^4.12.1",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-ignore": "^1.0.10",
     "rollup-plugin-node-externals": "^7.0.1",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.71.1",
+    "sass": "^1.72.0",
     "serialize-query-params": "^2.0.2",
     "svgo": "^3.2.0",
     "ts-jest": "^29.1.2",
     "ts-node": "^10.9.2",
     "ts-patch": "^3.1.2",
     "typescript-transform-paths": "^3.4.7",
-    "@kaizen/design-tokens": "10.3.19",
-    "@kaizen/tailwind": "1.2.5"
+    "@kaizen/tailwind": "1.2.5",
+    "@kaizen/design-tokens": "10.3.19"
   },
   "peerDependencies": {
-    "@cultureamp/i18n-react-intl": "^2.5.1",
+    "@cultureamp/i18n-react-intl": "^2.5.3",
     "react": "^18.2.0",
     "react-intl": "^6.6.2"
   },

package/src/SplitButton/subcomponents/DropdownButton/DropdownButton.spec.tsx CHANGED Viewed

@@ -9,8 +9,8 @@ const DropdownButtonWrapper = (
 describe("<DropdownButton />", () => {
   it("renders icon with default aria-label", () => {
     render(<DropdownButtonWrapper />)
-    const button = screen.getByRole("button", { name: "Open menu" })
-    expect(button.getAttribute("aria-label")).toBe("Open menu")
+    const button = screen.getByRole("button", { name: "Additional actions" })
+    expect(button.getAttribute("aria-label")).toBe("Additional actions")
     expect(button.firstChild?.nodeName).toEqual("svg")
   })

package/src/SplitButton/subcomponents/DropdownButton/DropdownButton.tsx CHANGED Viewed

@@ -1,4 +1,5 @@
 import React from "react"
+import { useIntl } from "@cultureamp/i18n-react-intl"
 import classnames from "classnames"
 import { ChevronDownIcon } from "~components/Icon"
 import { BaseButton, BaseButtonProps } from "../BaseButton"
@@ -10,13 +11,23 @@ export const DropdownButton = ({
   classNameOverride,
   "aria-label": ariaLabel,
   ...restProps
-}: DropdownButtonProps): JSX.Element => (
-  <BaseButton
-    label={ariaLabel || "Open menu"}
-    icon={<ChevronDownIcon role="presentation" />}
-    classNameOverride={classnames(styles.dropdownButton, classNameOverride)}
-    {...restProps}
-  />
-)
+}: DropdownButtonProps): JSX.Element => {
+  const { formatMessage } = useIntl()
+  return (
+    <BaseButton
+      label={
+        ariaLabel ||
+        formatMessage({
+          id: "splitButton.dropdownButton.label",
+          defaultMessage: "Additional actions",
+          description: "Label for a dropdown menu holding additional actions",
+        })
+      }
+      icon={<ChevronDownIcon role="presentation" />}
+      classNameOverride={classnames(styles.dropdownButton, classNameOverride)}
+      {...restProps}
+    />
+  )
+}
 DropdownButton.displayName = "DropdownButton"

package/src/Workflow/subcomponents/Header/Header.tsx CHANGED Viewed

@@ -18,7 +18,7 @@ export const Header = ({
   ...restProps
 }: HeaderProps): JSX.Element => (
   <HeaderRoot {...restProps}>
-    <Branding alt="Cultureamp" />
+    <Branding alt="Culture Amp" />
     <Titles workflowName={workflowName} stepName={stepName} status={status} />
     <Actions headerActions={headerActions} />
   </HeaderRoot>