@kaizen/components 1.45.1 → 1.45.3

package/dist/types/{packages/components/src/Filter → Filter}/Filter/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type FilterTriggerRef = {
     triggerRef?: React.RefObject<HTMLButtonElement>;
 };

package/dist/types/{packages/components/src/Filter → Filter}/FilterBar/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type FiltersValues = Record<string, any>;
 type SourceFilterAttributes<Id, Value> = {
     id: Id;

package/dist/types/{packages/components/src/Filter → Filter}/FilterDatePicker/hooks/useDateValidation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DisabledDays } from "../../../Calendar";
 import { ValidationMessage, DateValidationResponse } from "../types";
 import { validateDate } from "../utils/validateDate";

package/dist/types/{packages/components/src/Filter → Filter}/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/hooks/useEndDateValidation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UseDateValidationArgs, ValidationMessage } from "../../../../FilterDatePicker";
 import { ValidateEndDateBeforeStartDateArgs } from "../utils/validateEndDateBeforeStartDate";
 export type UseEndDateValidationArgs = UseDateValidationArgs;

package/dist/types/{packages/components/src/Modal → Modal}/GenericModal/context/ModalContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ModalContextType = {
     labelledByID: string;
     describedByID: string;

package/dist/types/{packages/components/src/MultiSelect → MultiSelect}/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldMessageStatus } from "../FieldMessage";
 export type MultiSelectOption = {
     label: string;

package/dist/types/{packages/components/src/Notification → Notification}/ToastNotification/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataAttributes } from "../../types/DataAttributes";
 import { NotificationType } from "../types";
 export type ToastNotificationObj = {

package/dist/types/{packages/components/src/RichTextEditor → RichTextEditor}/RichTextEditor/RichTextEditor.d.ts

@@ -3,6 +3,7 @@ import { OverrideClassName } from "../../types/OverrideClassName";
 import { ToolbarItems, EditorContentArray, EditorRows } from "../types";
 import { ProseMirrorState } from "../utils/prosemirror";
 type BaseRichTextEditorProps = {
+    id?: string;
     onChange: (content: ProseMirrorState.EditorState) => void;
     defaultValue: EditorContentArray;
     controls?: ToolbarItems[];
@@ -37,7 +38,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, "aria-describedby": describedBy, classNameOverride, controls, rows, dataError, onDataError, validationMessage, description, status, ...restProps }: RichTextEditorProps): JSX.Element;
+    ({ id, 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/types/{packages/components/src/RichTextEditor → RichTextEditor}/utils/core/hooks/useRichTextEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EditorState } from "prosemirror-state";
 import { CommandOrTransaction } from "../types";
 type RTEOptions = {

package/dist/types/{packages/components/src/RichTextEditor → RichTextEditor}/utils/plugins/LinkManager/validation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ValidationResponse = {
     status: "success" | "error" | "default";
     message?: React.ReactNode;

package/dist/types/{packages/components/src/TitleBlockZen → TitleBlockZen}/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CompanyAvatarProps, GenericAvatarProps } from "../Avatar";
 import { ButtonProps, CustomButtonProps } from "../Button";
 import { MenuItemProps } from "../Menu";

package/dist/types/{packages/components/src/utils → utils}/isRefObject.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const isRefObject: (ref: React.ForwardedRef<any>) => ref is import("react").MutableRefObject<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.45.1",
+  "version": "1.45.3",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",

package/src/RichTextEditor/RichTextEditor/RichTextEditor.tsx

@@ -30,6 +30,7 @@ import { buildKeymap } from "./utils/keymap"
 import styles from "./RichTextEditor.module.scss"
 
 type BaseRichTextEditorProps = {
+  id?: string
   onChange: (content: ProseMirrorState.EditorState) => void
   defaultValue: EditorContentArray
   controls?: ToolbarItems[]
@@ -70,6 +71,7 @@ export type RichTextEditorProps = BaseRichTextEditorProps &
  * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}
  */
 export const RichTextEditor = ({
+  id,
   onChange,
   defaultValue,
   labelText,
@@ -85,12 +87,13 @@ export const RichTextEditor = ({
   status = "default",
   ...restProps
 }: RichTextEditorProps): JSX.Element => {
-  const reactId = useId()
+  const generatedId = useId()
   const [schema] = useState<ProseMirrorModel.Schema>(
     createSchemaFromControls(controls)
   )
-  const [labelId] = useState<string>(labelledBy || reactId)
-  const [editorId] = useState<string>(reactId)
+
+  const editorId = id || generatedId
+  const labelId = labelledBy || `${editorId}-rte-label`
   const validationMessageAria = validationMessage
     ? `${editorId}-rte-validation-message`
     : ""

package/dist/types/jest.setup.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";