@kaizen/components 1.35.2 → 1.37.0

package/dist/cjs/dts/Modal/ContextModal/ContextModal.d.ts

@@ -4,6 +4,7 @@ export type ContextModalSecondaryActionProps = {
     onSecondaryAction: () => void;
 } | {
     secondaryLabel?: undefined;
+    onSecondaryAction?: never;
 };
 export type ContextModalProps = Readonly<{
     isOpen: boolean;
@@ -35,6 +36,6 @@ export type ContextModalProps = Readonly<{
  * {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}
  */
 export declare const ContextModal: {
-    ({ isOpen, unpadded, layout, title, onConfirm, onAfterLeave, confirmLabel, confirmWorking, renderBackground, children, contentHeader, image, ...props }: ContextModalProps): JSX.Element;
+    ({ isOpen, unpadded, layout, title, onConfirm, onDismiss: propsOnDismiss, onAfterLeave, confirmLabel, confirmWorking, renderBackground, children, contentHeader, image, secondaryLabel, onSecondaryAction, ...props }: ContextModalProps): JSX.Element;
     displayName: string;
 };

package/dist/cjs/dts/Notification/ToastNotification/ToastNotification/ToastNotification.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { ToastNotificationObj } from "../types";
+export type ToastNotificationProps = Omit<ToastNotificationObj, "id" | "message" | "persistent"> & {
+    children: React.ReactNode;
+    id?: string;
+    /**
+     * Removes the dismiss trigger. Functions the same as `persistent` in `addToastNotification`.
+     * If this is true you will need to manage the removal of notifications manually.
+     * @default false
+     */
+    hideCloseIcon?: boolean;
+};
+export declare const ToastNotification: {
+    ({ id: propsId, hideCloseIcon, type, title, onHide, children, ...restProps }: ToastNotificationProps): null;
+    displayName: string;
+};

package/dist/cjs/dts/Notification/ToastNotification/ToastNotification/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToastNotification";

package/dist/cjs/dts/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.d.ts

@@ -0,0 +1,4 @@
+export declare const ToastNotificationsList: {
+    (): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/ToastNotificationsMap.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../../../../../types/OverrideClassName";
+import { ToastNotificationObj } from "../../../types";
+export type ToastNotificationsMapProps = {
+    notifications: ToastNotificationObj[];
+    onHide: (notificationId: string) => void;
+    container: Element | null;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const ToastNotificationsMap: {
+    ({ notifications, onHide: defaultOnHide, container, }: ToastNotificationsMapProps): JSX.Element | null;
+    displayName: string;
+};

package/dist/cjs/dts/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToastNotificationsMap";

package/dist/cjs/dts/Notification/ToastNotification/context/ToastNotificationContext.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { ToastNotificationObj } from "../types";
+type ToastNotificationObjOptionalId = Omit<ToastNotificationObj, "id"> & {
+    id?: string;
+};
+export type ToastNotificationContextValue = {
+    notifications: ToastNotificationObj[];
+    addToastNotification: (notification: ToastNotificationObjOptionalId) => void;
+    updateToastNotification: (notification: ToastNotificationObj) => void;
+    removeToastNotification: (notificationId: string) => void;
+    clearToastNotifications: () => void;
+};
+export declare const useToastNotificationContext: () => ToastNotificationContextValue;
+type ToastNotificationProviderProps = {
+    children: React.ReactNode;
+};
+export declare const ToastNotificationProvider: {
+    ({ children, }: ToastNotificationProviderProps): JSX.Element | null;
+    displayName: string;
+};
+export {};

package/dist/cjs/dts/Notification/ToastNotification/hooks/useToastNotification.d.ts

@@ -0,0 +1,2 @@
+import { ToastNotificationContextValue } from "../context/ToastNotificationContext";
+export declare const useToastNotification: () => ToastNotificationContextValue;

package/dist/cjs/dts/Notification/ToastNotification/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./ToastNotification";
-export * from "./subcomponents/ToastNotificationManager";
-export * from "./subcomponents/ToastNotificationsList";
+export * from "./ToastNotificationsList";
+export * from "./hooks/useToastNotification";
+export * from "./types";

package/dist/cjs/dts/Notification/ToastNotification/types.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import { DataAttributes } from "../../types/DataAttributes";
 import { NotificationType } from "../types";
-type Modify<T, R> = Omit<T, keyof R> & R;
-export type ToastNotification = {
+export type ToastNotificationObj = {
     id: string;
     type: NotificationType;
     title: string;
@@ -14,10 +13,3 @@ export type ToastNotification = {
      */
     persistent?: boolean;
 } & DataAttributes;
-export type ToastNotificationWithOptionals = Modify<ToastNotification, {
-    id?: string;
-}>;
-export type AddToastNotification = (notification: ToastNotificationWithOptionals) => void;
-export type RemoveToastNotification = (notificationId: string) => void;
-export type ClearToastNotifications = () => void;
-export {};

package/dist/cjs/dts/Notification/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./InlineNotification";
 export * from "./GlobalNotification";
+export * from "./ToastNotification";

package/dist/cjs/dts/RichTextEditor/RichTextEditor/RichTextEditor.d.ts

@@ -37,7 +37,7 @@ export type RichTextEditorProps = BaseRichTextEditorProps & (WithLabelText | Wit
  * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}
  */
 export declare const RichTextEditor: {
-    ({ onChange, defaultValue, labelText, "aria-labelledby": labelledBy, classNameOverride, controls, rows, dataError, onDataError, validationMessage, description, status, ...restProps }: RichTextEditorProps): JSX.Element;
+    ({ onChange, defaultValue, labelText, "aria-labelledby": labelledBy, "aria-describedby": describedBy, classNameOverride, controls, rows, dataError, onDataError, validationMessage, description, status, ...restProps }: RichTextEditorProps): JSX.Element;
     displayName: string;
 };
 export {};

package/dist/cjs/dts/__future__/Select/Select.d.ts

@@ -36,13 +36,17 @@ export type SelectProps<Option extends SelectOption = SelectOption> = {
      * @deprecated: Either define `disabled` in your `Option` (in `items`), or use `disabledKeys`
      */
     disabledValues?: Key[];
+    /**
+     * Creates a portal for the Popover to the matching element id
+     */
+    portalContainerId?: string;
 } & OverrideClassName<Omit<AriaSelectProps<Option>, OmittedAriaSelectProps>>;
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}
  */
 export declare const Select: {
-    <Option extends SelectOption = SelectOption>({ label, items, id: propsId, trigger, children, status, validationMessage, isReversed, isFullWidth, disabledValues, classNameOverride, selectedKey, description, placeholder, isDisabled, ...restProps }: SelectProps<Option>): JSX.Element;
+    <Option extends SelectOption = SelectOption>({ label, items, id: propsId, trigger, children, status, validationMessage, isReversed, isFullWidth, disabledValues, classNameOverride, selectedKey, description, placeholder, isDisabled, portalContainerId, ...restProps }: SelectProps<Option>): JSX.Element;
     displayName: string;
     Section: {
         <Option_1 extends SelectOption = SelectOption>({ section, }: import("./subcomponents").ListBoxSectionProps<Option_1>): JSX.Element;

package/dist/cjs/dts/index.d.ts

@@ -48,13 +48,14 @@ export * from "./Table";
 export * from "./Tabs";
 export * from "./Tag";
 export * from "./Text";
-export * from "./TextField";
 export * from "./TextArea";
 export * from "./TextAreaField";
+export * from "./TextField";
 export * from "./Tile";
 export * from "./TimeField";
+export * from "./TitleBlockZen";
 export * from "./ToggleSwitch";
 export * from "./Tooltip";
-export * from "./TitleBlockZen";
-export * from "./Workflow";
+export * from "./VisuallyHidden";
 export * from "./Well";
+export * from "./Workflow";

package/dist/cjs/index.cjs

@@ -334,6 +334,9 @@ var ModalBody = require('./Modal/GenericModal/subcomponents/ModalBody/ModalBody.
 var InputEditModal = require('./Modal/InputEditModal/InputEditModal.cjs');
 var InlineNotification = require('./Notification/InlineNotification/InlineNotification.cjs');
 var GlobalNotification = require('./Notification/GlobalNotification/GlobalNotification.cjs');
+var ToastNotification = require('./Notification/ToastNotification/ToastNotification/ToastNotification.cjs');
+var ToastNotificationsList = require('./Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.cjs');
+var useToastNotification = require('./Notification/ToastNotification/hooks/useToastNotification.cjs');
 var Pagination = require('./Pagination/Pagination.cjs');
 var DirectionalLink = require('./Pagination/subcomponents/DirectionalLink/DirectionalLink.cjs');
 var PaginationLink = require('./Pagination/subcomponents/PaginationLink/PaginationLink.cjs');
@@ -388,20 +391,21 @@ var TabPanel = require('./Tabs/subcomponents/TabPanel.cjs');
 var TabPanels = require('./Tabs/subcomponents/TabPanels.cjs');
 var Tag = require('./Tag/Tag.cjs');
 var Text = require('./Text/Text.cjs');
-var TextField = require('./TextField/TextField.cjs');
 var TextArea = require('./TextArea/TextArea.cjs');
 var TextAreaField = require('./TextAreaField/TextAreaField.cjs');
+var TextField = require('./TextField/TextField.cjs');
 var InformationTile = require('./Tile/InformationTile/InformationTile.cjs');
 var MultiActionTile = require('./Tile/MultiActionTile/MultiActionTile.cjs');
 var TileGrid = require('./Tile/TileGrid/TileGrid.cjs');
 var TimeField = require('./TimeField/TimeField.cjs');
+var TitleBlockZen = require('./TitleBlockZen/TitleBlockZen.cjs');
+var NavigationTabs = require('./TitleBlockZen/subcomponents/NavigationTabs.cjs');
 var ToggleSwitch = require('./ToggleSwitch/ToggleSwitch/ToggleSwitch.cjs');
 var ToggleSwitchField = require('./ToggleSwitch/ToggleSwitchField/ToggleSwitchField.cjs');
 var Tooltip = require('./Tooltip/Tooltip.cjs');
-var TitleBlockZen = require('./TitleBlockZen/TitleBlockZen.cjs');
-var NavigationTabs = require('./TitleBlockZen/subcomponents/NavigationTabs.cjs');
-var Workflow = require('./Workflow/Workflow.cjs');
+var VisuallyHidden = require('./VisuallyHidden/VisuallyHidden.cjs');
 var Well = require('./Well/Well.cjs');
+var Workflow = require('./Workflow/Workflow.cjs');
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
@@ -943,6 +947,9 @@ exports.ModalBody = ModalBody.ModalBody;
 exports.InputEditModal = InputEditModal.InputEditModal;
 exports.InlineNotification = InlineNotification.InlineNotification;
 exports.GlobalNotification = GlobalNotification.GlobalNotification;
+exports.ToastNotification = ToastNotification.ToastNotification;
+exports.ToastNotificationsList = ToastNotificationsList.ToastNotificationsList;
+exports.useToastNotification = useToastNotification.useToastNotification;
 exports.Pagination = Pagination.Pagination;
 exports.DirectionalLink = DirectionalLink.DirectionalLink;
 exports.PaginationLink = PaginationLink.PaginationLink;
@@ -1007,18 +1014,19 @@ exports.TabPanel = TabPanel.TabPanel;
 exports.TabPanels = TabPanels.TabPanels;
 exports.Tag = Tag.Tag;
 exports.Text = Text.Text;
-exports.TextField = TextField.TextField;
 exports.TextArea = TextArea.TextArea;
 exports.TextAreaField = TextAreaField.TextAreaField;
+exports.TextField = TextField.TextField;
 exports.InformationTile = InformationTile.InformationTile;
 exports.MultiActionTile = MultiActionTile.MultiActionTile;
 exports.TileGrid = TileGrid.TileGrid;
 exports.TimeField = TimeField.TimeField;
+exports.TitleBlockZen = TitleBlockZen.TitleBlockZen;
+exports.NavigationTab = NavigationTabs.NavigationTab;
 exports.ToggleSwitch = ToggleSwitch.ToggleSwitch;
 exports.ToggleSwitchField = ToggleSwitchField.ToggleSwitchField;
 exports.Tooltip = Tooltip.Tooltip;
-exports.TitleBlockZen = TitleBlockZen.TitleBlockZen;
-exports.NavigationTab = NavigationTabs.NavigationTab;
-exports.Workflow = Workflow.Workflow;
+exports.VisuallyHidden = VisuallyHidden.VisuallyHidden;
 exports.Well = Well.Well;
+exports.Workflow = Workflow.Workflow;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}