@nimbus-ds/patterns 1.6.1-rc.1 → 1.7.0-rc.1

package/CHANGELOG.md

@@ -2,11 +2,15 @@
 
 Nimbus is an open-source Design System created by Tiendanube / Nuvesmhop’s team to empower and enhance more stories every day, with simplicity, accessibility, consistency and performance.
 
-## 2023-10-02 `1.6.1`
+## 2023-10-17 `1.7.0`
 
-#### 📚 3rd party library updates
+#### 🎉 New features
+
+- Added new `Editor` component. ([#77](https://github.com/TiendaNube/nimbus-patterns/pull/77) by [@juniorconquista](https://github.com/juniorconquista))
+
+#### 🐛 Bug fixes
 
-- Update `@nimbus-ds/components` to version `5.x.x`
+- Fixed externally controlled visibility working correctly in the `ProductUpdate` component. ([#76](https://github.com/TiendaNube/nimbus-patterns/pull/76) by [@juniorconquista](https://github.com/juniorconquista))
 
 ## 2023-09-25 `1.6.0`
 

package/dist/index.d.ts

@@ -3,6 +3,7 @@
 import { BoxBaseProps, BoxProperties, BoxProps, ButtonProperties, ButtonProps, CheckboxProperties, CheckboxProps, IconButtonProperties, IconButtonProps, InputProperties, InputProps, PaginationProperties, PaginationProps, PopoverProperties, RadioProps, SelectProperties, SelectProps, SidebarProperties, TableCellProps, TableProperties, TableRowProperties, TextareaProperties, TextareaProps, ThumbnailProperties, ThumbnailProps, ToggleProperties, ToggleProps } from '@nimbus-ds/components';
 import { IconProps } from '@nimbus-ds/icons';
 import { PolymorphicForwardRefComponent } from '@nimbus-ds/typings';
+import { EditorThemeClasses } from 'lexical';
 import React from 'react';
 import { ButtonHTMLAttributes, ComponentProps, ComponentPropsWithRef, FC, HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
 import { DayPicker } from 'react-day-picker';
@@ -217,6 +218,32 @@ export interface DataTableProperties {
 }
 export type DataTableProps = DataTableProperties & TableProperties & HTMLAttributes<HTMLElement>;
 export declare const DataTable: React.FC<DataTableProps> & DataTableComponents;
+export type Module = "bold" | "clearFormating" | "orderedList" | "unorderedList" | "header" | "history" | "italic" | "link" | "video" | "divider";
+export type Parser = "html" | "json";
+export interface EditorProperties {
+	modules?: Module;
+	placeholder?: string;
+	value?: string;
+	parser?: Parser;
+	theme?: EditorThemeClasses;
+	onChange?: (data: string) => void;
+	/**
+	 * Icon supporting the help text message.
+	 * @TJS-type React.FC<IconProps>
+	 */
+	helpIcon?: FC<IconProps>;
+	/**
+	 * Help text displaying optional hints or validation messages under the field.
+	 */
+	helpText?: string;
+	/**
+	 * Appearance of the field and help text elements.
+	 * @default none
+	 */
+	appearance?: "danger" | "warning" | "success" | "none";
+}
+export type EditorProps = EditorProperties & Omit<HTMLAttributes<HTMLElement>, "onChange" | "color">;
+export declare const Editor: React.FC<EditorProps>;
 export interface EmptyMessageProperties {
 	/**
 	 * Optional node that contains an illustration for the component. Will stack vertically on mobile and horizontally on desktop.