@orioro/react-ui-core 0.0.6 → 0.0.14

package/CHANGELOG.md

@@ -1,5 +1,96 @@
 # @orioro/react-ui-core
 
+## 0.0.14
+
+### Patch Changes
+
+- Updated dependencies
+  - @orioro/react-select@3.0.3
+
+## 0.0.13
+
+### Patch Changes
+
+- Updated dependencies
+  - @orioro/util@0.15.1
+  - @orioro/resolve@0.1.9
+  - @orioro/tree-model@0.0.9
+  - @orioro/react-select@3.0.2
+  - @orioro/validate@0.0.9
+  - @orioro/react-tree@0.0.9
+
+## 0.0.12
+
+### Patch Changes
+
+- Updated dependencies
+  - @orioro/util@0.15.0
+  - @orioro/resolve@0.1.8
+  - @orioro/tree-model@0.0.8
+  - @orioro/react-select@3.0.2
+  - @orioro/validate@0.0.8
+  - @orioro/react-tree@0.0.8
+
+## 0.0.11
+
+### Patch Changes
+
+- Updated dependencies
+  - @orioro/util@0.14.0
+  - @orioro/resolve@0.1.7
+  - @orioro/tree-model@0.0.7
+  - @orioro/react-select@3.0.2
+  - @orioro/validate@0.0.7
+  - @orioro/react-tree@0.0.7
+
+## 0.0.10
+
+### Patch Changes
+
+- Updated dependencies
+  - @orioro/util@0.13.2
+  - @orioro/resolve@0.1.6
+  - @orioro/tree-model@0.0.6
+  - @orioro/react-select@3.0.2
+  - @orioro/validate@0.0.6
+  - @orioro/react-tree@0.0.6
+
+## 0.0.9
+
+### Patch Changes
+
+- Updated dependencies
+  - @orioro/util@0.13.1
+  - @orioro/resolve@0.1.5
+  - @orioro/tree-model@0.0.5
+  - @orioro/react-select@3.0.2
+  - @orioro/validate@0.0.5
+  - @orioro/react-tree@0.0.5
+
+## 0.0.8
+
+### Patch Changes
+
+- Updated dependencies
+  - @orioro/util@0.13.0
+  - @orioro/resolve@0.1.4
+  - @orioro/tree-model@0.0.4
+  - @orioro/react-select@3.0.2
+  - @orioro/validate@0.0.4
+  - @orioro/react-tree@0.0.4
+
+## 0.0.7
+
+### Patch Changes
+
+- Updated dependencies
+  - @orioro/util@0.12.0
+  - @orioro/resolve@0.1.3
+  - @orioro/tree-model@0.0.3
+  - @orioro/react-select@3.0.2
+  - @orioro/validate@0.0.3
+  - @orioro/react-tree@0.0.3
+
 ## 0.0.6
 
 ### Patch Changes

package/dist/Input/BooleanCheckboxInput/index.d.ts

@@ -7,6 +7,7 @@ export declare const BooleanCheckboxInput: React.ForwardRefExoticComponent<{
     onBlur?: (() => void) | undefined;
     disabled?: boolean | undefined;
     required?: string | boolean | undefined;
+    size?: "1" | "2" | "3" | undefined;
     error?: Error | import("../types").ErrorLike | undefined;
     errorStyle?: React.CSSProperties | undefined;
     validate?: boolean | (string | ((input: any, context: {

package/dist/Input/CheckboxSelectInput/index.d.ts

@@ -8,5 +8,5 @@ type CheckboxSelectInputProps<ValueType = string> = FlexProps & Merge<InputProps
     options: OptionsInput<ValueType>;
     sort?: boolean | ((a: ValueType, b: ValueType) => number);
 }>;
-export declare function CheckboxSelectInput<ValueType = string>({ value: arrayValue, onSetValue: onSetArrayValue, options, sort, ...flexProps }: CheckboxSelectInputProps<ValueType>): React.JSX.Element;
+export declare function CheckboxSelectInput<ValueType = string>({ value: arrayValue, onSetValue: onSetArrayValue, options, sort, size, ...flexProps }: CheckboxSelectInputProps<ValueType>): React.JSX.Element;
 export {};

package/dist/Input/ObjectInput/index.d.ts

@@ -27,6 +27,7 @@ export declare const ObjectInput: React.ForwardRefExoticComponent<InputProps<Any
             onBlur?: (() => void) | undefined;
             disabled?: boolean | undefined;
             required?: string | boolean | undefined;
+            size?: "1" | "2" | "3" | undefined;
             error?: Error | ErrorLike | undefined;
             errorStyle?: React.CSSProperties | undefined;
             validate?: boolean | (string | ((input: any, context: {

package/dist/Input/RadioSelectInput/index.d.ts

@@ -9,5 +9,5 @@ type RadioSelectInputProps<ValueType = string> = FlexProps & Merge<InputProps, {
     sort?: boolean | ((a: ValueType, b: ValueType) => number);
     valueStringify?: (value: ValueType) => string;
 }>;
-export declare function RadioSelectInput<ValueType = string>({ value, onSetValue, disabled, options, ...flexProps }: RadioSelectInputProps<ValueType>): React.JSX.Element;
+export declare function RadioSelectInput<ValueType = string>({ value, onSetValue, disabled, options, size, ...flexProps }: RadioSelectInputProps<ValueType>): React.JSX.Element;
 export {};

package/dist/Input/RichTextInput/RichTextInput.d.ts

@@ -12,6 +12,7 @@ export declare const RichTextInput: React.ForwardRefExoticComponent<{
     onBlur?: (() => void) | undefined;
     disabled?: boolean | undefined;
     required?: string | boolean | undefined;
+    size?: "1" | "2" | "3" | undefined;
     error?: Error | import("..").ErrorLike | undefined;
     errorStyle?: React.CSSProperties | undefined;
     validate?: boolean | (string | ((input: any, context: {

package/dist/Input/RichTextInput/RichTextInput_20240730_backup_NO_MARKDOWN.d.ts

@@ -12,6 +12,7 @@ export declare const RichTextInput: React.ForwardRefExoticComponent<{
     onBlur?: (() => void) | undefined;
     disabled?: boolean | undefined;
     required?: string | boolean | undefined;
+    size?: "1" | "2" | "3" | undefined;
     error?: Error | import("..").ErrorLike | undefined;
     errorStyle?: React.CSSProperties | undefined;
     validate?: boolean | (string | ((input: any, context: {

package/dist/Input/SingleFileInput/index.d.ts

@@ -7,6 +7,7 @@ export declare const SingleFileInput: React.ForwardRefExoticComponent<{
     onSetValue: (value: File | null) => void;
     onBlur?: (() => void) | undefined;
     required?: string | boolean | undefined;
+    size?: "1" | "2" | "3" | undefined;
     error?: Error | import("../types").ErrorLike | undefined;
     errorStyle?: React.CSSProperties | undefined;
     validate?: boolean | (string | ((input: any, context: {

package/dist/Input/TextInput/index.d.ts

@@ -8,6 +8,7 @@ export declare const TextInput: React.ForwardRefExoticComponent<{
     onBlur?: (() => void) | undefined;
     disabled?: boolean | undefined;
     required?: string | boolean | undefined;
+    size?: "1" | "2" | "3" | undefined;
     error?: Error | ErrorLike | undefined;
     errorStyle?: React.CSSProperties | undefined;
     validate?: boolean | (string | ((input: any, context: {

package/dist/Input/TextareaInput/index.d.ts

@@ -7,6 +7,7 @@ export declare const TextareaInput: React.ForwardRefExoticComponent<{
     onBlur?: (() => void) | undefined;
     disabled?: boolean | undefined;
     required?: string | boolean | undefined;
+    size?: "1" | "2" | "3" | undefined;
     error?: Error | import("..").ErrorLike | undefined;
     errorStyle?: React.CSSProperties | undefined;
     validate?: boolean | (string | ((input: any, context: {

package/dist/Input/types.d.ts

@@ -16,6 +16,7 @@ export type InputProps<ValueType = any> = {
     onBlur?: () => void;
     disabled?: boolean;
     required?: boolean | string;
+    size?: '1' | '2' | '3';
     error?: ErrorLike | Error;
     errorStyle?: CSSProperties;
     validate?: AsyncValidatorSystem['ValidatorInput'] | boolean;

package/dist/Input/useValidation/useValidation.d.ts

@@ -1,13 +1,13 @@
-import { AsyncValidatorSystem, DetailedInvalid } from '@orioro/util/dist/validate/types';
-import { ErrorLike, InputProps } from '../types';
+import { AsyncValidatorSystem } from '@orioro/util/dist/validate/types';
+import { InputProps } from '../types';
 export type UseValidationProps = {
     value: InputProps['value'];
     error: InputProps['error'];
     validator: AsyncValidatorSystem['ValidatorInput'] | false;
 };
 export declare function useValidation({ value, error, validator }: UseValidationProps): {
-    validationState: "loading" | "idle" | ErrorLike | DetailedInvalid | "valid";
-    setValidationState: (v: "loading" | "idle" | ErrorLike | DetailedInvalid | "valid" | ((currValue: "loading" | "idle" | ErrorLike | DetailedInvalid | "valid") => "loading" | "idle" | ErrorLike | DetailedInvalid | "valid")) => void;
-    validationError: ErrorLike | DetailedInvalid | null;
+    validationState: any;
+    setValidationState: (v: any) => void;
+    validationError: any;
     runValidation: () => Promise<true | import("@orioro/validate").DetailedInvalid>;
 };

package/dist/Input/util/index.d.ts

@@ -2,10 +2,12 @@ export type ParsedOption<ValueType = any> = {
     key: string;
     label: string;
     value: ValueType;
+    [key: string]: any;
 };
 export type Option<ValueType = any> = {
     label: string;
     value: ValueType;
+    [key: string]: any;
 };
 export type OptionsInput<ValueType = any> = (Option<ValueType> | string | [string, ValueType])[];
 export declare function parseOptions(optionsInput?: OptionsInput): ParsedOption[];

package/dist/index.mjs

@@ -10,8 +10,8 @@ import { switchExec, typeOf, promiseReduce, deprecateFn } from '@orioro/util';
 export { switchExec, switchValue, typeOf } from '@orioro/util';
 import { useFirstMountState, useDebounce, useMeasure as useMeasure$1, useClickAway, useLocation, useBeforeUnload } from 'react-use';
 import { FaceIcon, ImageIcon, SunIcon, MagnifyingGlassIcon, CrossCircledIcon, Link2Icon, Cross2Icon, ExclamationTriangleIcon, CheckIcon, DragHandleHorizontalIcon, TrashIcon, PlusCircledIcon } from '@radix-ui/react-icons';
-import Icon$1, { Icon } from '@mdi/react';
-import { mdiPencil, mdiAlertCircle, mdiFilePdfBox, mdiFileWordBox, mdiGoogleSpreadsheet, mdiFileExcelBox, mdiFilePresentationBox, mdiZipBoxOutline, mdiCodeBlockTags, mdiVolumeHigh, mdiImageArea, mdiPlayBox, mdiFileOutline, mdiClose, mdiPlus, mdiCheck, mdiTranslate } from '@mdi/js';
+import { Icon } from '@mdi/react';
+import { mdiPencil, mdiAlertCircle, mdiFilePdfBox, mdiFileWordBox, mdiGoogleSpreadsheet, mdiFileExcelBox, mdiFilePresentationBox, mdiZipBoxOutline, mdiCodeBlockTags, mdiVolumeHigh, mdiImageArea, mdiPlayBox, mdiFileOutline, mdiClose, mdiPlus, mdiHelpCircleOutline, mdiCheck, mdiTranslate } from '@mdi/js';
 import { useDropzone } from 'react-dropzone';
 import bytes from 'bytes';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
@@ -3392,7 +3392,7 @@ var TextInput = /*#__PURE__*/forwardRef(function TextInputInner(props, ref) {
     onClick: function onClick() {
       return clear();
     }
-  }, /*#__PURE__*/React.createElement(Icon$1, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     path: mdiClose,
     size: "14px"
   })))))), !noValidationState && Boolean(validationError) && ( /*#__PURE__*/React.createElement(ErrorDisplay, null, validationError.message)));
@@ -3755,9 +3755,9 @@ function richTextTrimEmptyBlocks(blocks) {
 
 // Define a function to extract text from InlineContent
 function extractTextFromInlineContent(content) {
-  if (content.type === 'text') {
+  if ((content === null || content === void 0 ? void 0 : content.type) === 'text') {
     return content.text;
-  } else if (content.type === 'link') {
+  } else if ((content === null || content === void 0 ? void 0 : content.type) === 'link') {
     return content.content.map(extractTextFromInlineContent).join('');
   }
   return '';
@@ -3783,9 +3783,12 @@ function richTextToPlainText(blocks) {
         return inlineContent.map(extractTextFromInlineContent).join(CHARACTERS.whitespace);
       case 'table':
         var tableContent = block.content;
-        return tableContent.rows.map(function (row) {
-          return row.cells.map(extractTextFromInlineContent).join(CHARACTERS.tableCellBreak);
-        }).join(CHARACTERS.tableRowBreak);
+        var rowStrs = tableContent.rows.map(function (row) {
+          return row.cells.map(function (cell) {
+            return Array.isArray(cell) ? cell.map(extractTextFromInlineContent).join(' ') : extractTextFromInlineContent(cell);
+          }).join(CHARACTERS.tableCellBreak);
+        });
+        return rowStrs.join(CHARACTERS.tableRowBreak);
       case 'image':
         return block.props.caption;
       default:
@@ -4363,18 +4366,24 @@ function MenuItem(_a) {
           onClick: function onClick() {
             return onSelect(item);
           }
-        }, item), item.label);
+        }, item, {
+          type: "button"
+        }), item.label);
       }
     case 'link':
       {
-        return /*#__PURE__*/React.createElement(cp.Button, _assign({}, item), item.label);
+        return /*#__PURE__*/React.createElement(cp.Button, _assign({}, item, {
+          type: "button"
+        }), item.label);
       }
     case 'subMenu':
       {
         return /*#__PURE__*/React.createElement(cp.DropdownMenu, {
           options: item.options,
           onSelect: onSelect
-        }, /*#__PURE__*/React.createElement(cp.Button, _assign({}, item), item.label, " ", /*#__PURE__*/React.createElement(cp.DropdownMenu.TriggerIcon, null)));
+        }, /*#__PURE__*/React.createElement(cp.Button, _assign({}, item, {
+          type: "button"
+        }), item.label, " ", /*#__PURE__*/React.createElement(cp.DropdownMenu.TriggerIcon, null)));
       }
   }
 }
@@ -4827,7 +4836,7 @@ function ArrayInputProvider(_a) {
       }
       setValue(arrayRemoveAt(localValue, index));
     } : onRemoveItem;
-  }, [onRemoveItem, localValue]);
+  }, [onRemoveItem, localValue, setValue]);
   //
   // TODO: move operations into separate data context
   //
@@ -4871,7 +4880,7 @@ function ArrayInputProvider(_a) {
     return function (index, nextItem) {
       setValue(arrayReplaceAt(localValue, index, nextItem));
     };
-  }, [localValue]);
+  }, [localValue, setValue]);
   var viewItem = useMemo(function () {
     return typeof onViewItem === 'function' ? onViewItem : null;
   }, [onViewItem]);
@@ -5295,8 +5304,9 @@ function CheckboxSelectInput(_a) {
     _c = _a.options,
     options = _c === void 0 ? [] : _c,
     _d = _a.sort,
-    sort = _d === void 0 ? true : _d;
-    __rest(_a, ["value", "onSetValue", "options", "sort"]);
+    sort = _d === void 0 ? true : _d,
+    size = _a.size;
+    __rest(_a, ["value", "onSetValue", "options", "sort", "size"]);
   var _options = useMemo(function () {
     return parseOptions(options);
   }, [options]);
@@ -5309,7 +5319,8 @@ function CheckboxSelectInput(_a) {
     }, _options.map(function (option) {
       return /*#__PURE__*/React.createElement(Text, {
         as: "label",
-        key: option.key
+        key: option.key,
+        size: size
       }, /*#__PURE__*/React.createElement(Flex, {
         direction: "row",
         alignItems: "center",
@@ -5322,7 +5333,19 @@ function CheckboxSelectInput(_a) {
           });
           onSetArrayValue(sort ? typeof sort === 'function' ? nextArrayValue.sort(sort) : nextArrayValue.sort() : nextArrayValue);
         }
-      }), /*#__PURE__*/React.createElement("span", null, option.label)));
+      }), /*#__PURE__*/React.createElement(Flex, {
+        direction: "row",
+        gap: "2",
+        alignItems: "center"
+      }, /*#__PURE__*/React.createElement(Text, {
+        size: size
+      }, option.label), option.tooltip && ( /*#__PURE__*/React.createElement(Tooltip, {
+        content: option.tooltip
+      }, /*#__PURE__*/React.createElement(Icon, {
+        path: mdiHelpCircleOutline,
+        size: "16px",
+        "aria-label": "Ajuda"
+      }))))));
     }))
   );
 }
@@ -5826,7 +5849,8 @@ function RadioSelectInput(_a) {
     disabled = _b === void 0 ? false : _b,
     _c = _a.options,
     options = _c === void 0 ? [] : _c,
-    flexProps = __rest(_a, ["value", "onSetValue", "disabled", "options"]);
+    size = _a.size,
+    flexProps = __rest(_a, ["value", "onSetValue", "disabled", "options", "size"]);
   var _options = useMemo(function () {
     return parseOptions(options);
   }, [options]);
@@ -5837,7 +5861,8 @@ function RadioSelectInput(_a) {
   }, flexProps), _options.map(function (option) {
     return /*#__PURE__*/React.createElement(Text, {
       as: "label",
-      key: option.key
+      key: option.key,
+      size: size
     }, /*#__PURE__*/React.createElement(Flex, {
       direction: "row",
       alignItems: "center",
@@ -5853,7 +5878,20 @@ function RadioSelectInput(_a) {
         }
       },
       disabled: disabled
-    }), /*#__PURE__*/React.createElement("span", null, option.label)));
+    }), /*#__PURE__*/React.createElement(Flex, {
+      direction: "row",
+      gap: "2",
+      alignItems: "center"
+    }, /*#__PURE__*/React.createElement(Text, {
+      size: size
+    }, option.label), option.tooltip && ( /*#__PURE__*/React.createElement(Tooltip, {
+      content: option.tooltip
+    }, /*#__PURE__*/React.createElement(Icon, {
+      color: "var(--gray-9)",
+      path: mdiHelpCircleOutline,
+      size: "16px",
+      "aria-label": "Ajuda"
+    }))))));
   }));
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orioro/react-ui-core",
-  "version": "0.0.6",
+  "version": "0.0.14",
   "packageManager": "yarn@4.0.2",
   "type": "module",
   "main": "dist/index.mjs",
@@ -37,12 +37,12 @@
     "@mdi/js": "^7.4.47",
     "@mdi/react": "^1.6.1",
     "@mui/base": "^5.0.0-beta.40",
-    "@orioro/react-select": "^3.0.2",
-    "@orioro/react-tree": "^0.0.2",
-    "@orioro/resolve": "^0.1.2",
-    "@orioro/tree-model": "^0.0.2",
-    "@orioro/util": "^0.11.2",
-    "@orioro/validate": "^0.0.2",
+    "@orioro/react-select": "^3.0.3",
+    "@orioro/react-tree": "^0.0.9",
+    "@orioro/resolve": "^0.1.9",
+    "@orioro/tree-model": "^0.0.9",
+    "@orioro/util": "^0.15.1",
+    "@orioro/validate": "^0.0.9",
     "@radix-ui/react-collapsible": "^1.1.0",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-icons": "^1.3.0",