@tecsinapse/react-web-kit 3.4.0 → 3.4.2

package/dist/cjs/components/molecules/Select/Select.js

@@ -26,6 +26,9 @@ const Select = ({
   displayTextProps,
   selectAllLabel = "Select all",
   multiLabels,
+  variant = "default",
+  hint,
+  hintComponent,
   ...rest
 }) => {
   const [dropDownVisible, setDropDownVisible] = React.useState(false);
@@ -33,6 +36,7 @@ const Select = ({
   const refDropDown = React.useRef(null);
   const transitionRef = React.useRef(null);
   useClickAwayListener.useClickAwayListener(refDropDown, setDropDownVisible);
+  const _hint = hintComponent || /* @__PURE__ */ React.createElement(reactCore.Hint, { text: hint, variant });
   const instanceid = React.useId();
   React.useEffect(() => {
     if (typeof options !== "function") {
@@ -134,7 +138,7 @@ const Select = ({
       },
       displayValue
     )
-  )), /* @__PURE__ */ React.createElement(
+  )), _hint, /* @__PURE__ */ React.createElement(
     reactTransitionGroup.Transition,
     {
       in: dropDownVisible,

package/dist/cjs/components/molecules/Snackbar/Snackbar.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var React = require('react');
 var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
 var styled = require('./styled.js');
 
 const Snackbar = ({
@@ -9,7 +9,7 @@ const Snackbar = ({
   textProps = { colorVariant: "primary", colorTone: "medium" },
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(styled.SnackbarStyled, { ...rest, showProgressBar: false }, /* @__PURE__ */ React.createElement(reactCore.Text, { ...textProps, fontWeight: "bold", typography: "base" }, value));
+  return /* @__PURE__ */ React.createElement(styled.SnackbarStyled, { ...rest, showProgressBar: false }, /* @__PURE__ */ React.createElement(reactCore.Text, { fontWeight: "bold", typography: "base", ...textProps }, value));
 };
 
 module.exports = Snackbar;

package/dist/esm/components/molecules/Select/Select.js

@@ -1,4 +1,4 @@
-import { PressableInputContainer, Text } from '@tecsinapse/react-core';
+import { PressableInputContainer, Text, Hint } from '@tecsinapse/react-core';
 import React__default, { useState, useId, useEffect, useMemo } from 'react';
 import { Transition } from 'react-transition-group';
 import { useClickAwayListener } from '../../../hooks/useClickAwayListener.js';
@@ -24,6 +24,9 @@ const Select = ({
   displayTextProps,
   selectAllLabel = "Select all",
   multiLabels,
+  variant = "default",
+  hint,
+  hintComponent,
   ...rest
 }) => {
   const [dropDownVisible, setDropDownVisible] = React__default.useState(false);
@@ -31,6 +34,7 @@ const Select = ({
   const refDropDown = React__default.useRef(null);
   const transitionRef = React__default.useRef(null);
   useClickAwayListener(refDropDown, setDropDownVisible);
+  const _hint = hintComponent || /* @__PURE__ */ React__default.createElement(Hint, { text: hint, variant });
   const instanceid = useId();
   useEffect(() => {
     if (typeof options !== "function") {
@@ -132,7 +136,7 @@ const Select = ({
       },
       displayValue
     )
-  )), /* @__PURE__ */ React__default.createElement(
+  )), _hint, /* @__PURE__ */ React__default.createElement(
     Transition,
     {
       in: dropDownVisible,

package/dist/esm/components/molecules/Snackbar/Snackbar.js

@@ -1,5 +1,5 @@
-import React__default from 'react';
 import { Text } from '@tecsinapse/react-core';
+import React__default from 'react';
 import { SnackbarStyled } from './styled.js';
 
 const Snackbar = ({
@@ -7,7 +7,7 @@ const Snackbar = ({
   textProps = { colorVariant: "primary", colorTone: "medium" },
   ...rest
 }) => {
-  return /* @__PURE__ */ React__default.createElement(SnackbarStyled, { ...rest, showProgressBar: false }, /* @__PURE__ */ React__default.createElement(Text, { ...textProps, fontWeight: "bold", typography: "base" }, value));
+  return /* @__PURE__ */ React__default.createElement(SnackbarStyled, { ...rest, showProgressBar: false }, /* @__PURE__ */ React__default.createElement(Text, { fontWeight: "bold", typography: "base", ...textProps }, value));
 };
 
 export { Snackbar as default };

package/dist/types/components/molecules/Select/Select.d.ts

@@ -1,4 +1,4 @@
-import { TextProps } from '@tecsinapse/react-core';
+import { InputVariantType, TextProps } from '@tecsinapse/react-core';
 import React from 'react';
 import { MultiLabels } from './types';
 export interface SelectProps<Data, Type extends 'single' | 'multi'> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
@@ -18,6 +18,9 @@ export interface SelectProps<Data, Type extends 'single' | 'multi'> extends Omit
     anchor?: 'top' | 'bottom';
     displayTextProps?: TextProps;
     multiLabels?: MultiLabels;
+    variant?: InputVariantType;
+    hint?: string;
+    hintComponent?: JSX.Element;
 }
-declare const Select: <Data, Type extends "single" | "multi">({ value, options, keyExtractor, onSelect, type, labelExtractor, placeholder, onSearch, searchBarPlaceholder, hideSearchBar, label, disabled, anchor, displayTextProps, selectAllLabel, multiLabels, ...rest }: SelectProps<Data, Type>) => JSX.Element;
+declare const Select: <Data, Type extends "single" | "multi">({ value, options, keyExtractor, onSelect, type, labelExtractor, placeholder, onSearch, searchBarPlaceholder, hideSearchBar, label, disabled, anchor, displayTextProps, selectAllLabel, multiLabels, variant, hint, hintComponent, ...rest }: SelectProps<Data, Type>) => JSX.Element;
 export default Select;

package/dist/types/components/molecules/Snackbar/Snackbar.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { SnackbarProps as SnackPropsCore, TextProps } from '@tecsinapse/react-core';
+import React from 'react';
 export interface SnackbarWebProps extends Omit<SnackPropsCore, 'children'> {
     value: string;
     textProps?: TextProps;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-web-kit",
   "description": "TecSinapse React components",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "license": "MIT",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -40,5 +40,5 @@
     "react-dom": "^18.0.0",
     "react-native-web": ">=0.18.0 <1"
   },
-  "gitHead": "68c1b2e4efabf493290234c3d97754f39e82b861"
+  "gitHead": "c990b8df085b943b02ce3d1aa7fb63c0b8aa6910"
 }