@vchasno/ui-kit 0.3.33 → 0.3.34

package/dist/Snackbar/types/components/Datepicker/DatePicker.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { ReactDatePickerProps } from 'react-datepicker';
 import { MaskedInputProps } from 'react-text-mask';
-import type { DataQa, ErrorFeedback, LoadingFeedback, WithHint } from '../types';
+import { DataQa, ErrorFeedback, HideEmptyMeta, LoadingFeedback, WithHint } from '../types';
 import './DatePicker.global.css';
-export interface DatePickerProps extends ReactDatePickerProps, Partial<LoadingFeedback & WithHint & ErrorFeedback & DataQa> {
+export interface DatePickerProps extends ReactDatePickerProps, Partial<LoadingFeedback & WithHint & ErrorFeedback & DataQa & HideEmptyMeta> {
     label?: string;
     className?: string;
     showMask?: boolean;
@@ -11,6 +11,7 @@ export interface DatePickerProps extends ReactDatePickerProps, Partial<LoadingFe
     onChange: ReactDatePickerProps['onChange'];
     isClearable?: ReactDatePickerProps['isClearable'];
     dateFormat?: ReactDatePickerProps['dateFormat'];
+    wide?: boolean;
 }
 /**
  * @see <https://reactdatepicker.com/>

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

@@ -1,7 +1,7 @@
 import React, { InputHTMLAttributes } from 'react';
-import type { DataQa, ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
+import { DataQa, ErrorFeedback, HideEmptyMeta, LoadingFeedback, WithHint, WithLabel } from '../types';
 import './Input.global.css';
-export interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa> {
+export interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa & HideEmptyMeta> {
     className?: string;
     disabled?: boolean;
     required?: boolean;
@@ -9,7 +9,6 @@ export interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedba
     startElement?: string | React.ReactElement;
     endElement?: string | React.ReactElement;
     labelProps?: InputHTMLAttributes<HTMLLabelElement>;
-    hideEmptyMeta?: boolean;
     children: React.ReactHTMLElement<HTMLInputElement> | React.ReactElement | JSX.Element[];
 }
 export declare const Input: React.FC<InputProps>;

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import { Props as ReactSelectProps } from 'react-select';
 import type { GroupBase } from 'react-select/dist/declarations/src/types';
-import { DataQa, ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
+import { DataQa, ErrorFeedback, HideEmptyMeta, LoadingFeedback, WithHint, WithLabel } from '../types';
 import { Option } from './types';
 import './Select.global.css';
 export type SelectOption = Option;
-export interface SelectProps extends ReactSelectProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa> {
+export interface SelectProps extends ReactSelectProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa & HideEmptyMeta> {
     wide?: boolean;
 }
 declare const Select: React.FC<SelectProps>;

package/dist/Snackbar/types/components/Select/SelectCreatable.d.ts

@@ -1,11 +1,11 @@
 import React, { InputHTMLAttributes } from 'react';
 import { CreatableProps } from 'react-select/creatable';
 import type { GroupBase } from 'react-select/dist/declarations/src/types';
-import { DataQa, ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
+import { DataQa, ErrorFeedback, HideEmptyMeta, LoadingFeedback, WithHint, WithLabel } from '../types';
 import { Option } from './types';
 import './Select.global.css';
 export type SelectOption = Option;
-export interface SelectCreatableProps extends CreatableProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa> {
+export interface SelectCreatableProps extends CreatableProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa & HideEmptyMeta> {
     wide?: boolean;
     labelProps?: InputHTMLAttributes<HTMLLabelElement>;
 }

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

@@ -26,6 +26,10 @@ export interface DataQa {
     /** для тестування */
     dataQa?: string;
 }
+export interface HideEmptyMeta {
+    /** приховувати пустий блок під інпутом - якщо не має повідомлень щоб не займав місце */
+    hideEmptyMeta?: boolean;
+}
 export interface TextAlign {
     /** для центрування тексту **/
     textAlign?: 'center' | 'start' | 'end' | 'justify';

package/dist/css/DatePicker.global.css

@@ -575,6 +575,10 @@
     gap: 5px;
 }
 
+.vchasno-ui-date-picker.--wide {
+    width: 100%;
+}
+
 .vchasno-ui-date-picker .vchasno-ui-date-picker__picker {
     height: 50px;
 }

package/dist/index.d.ts

@@ -33,6 +33,10 @@ interface DataQa {
     /** для тестування */
     dataQa?: string;
 }
+interface HideEmptyMeta {
+    /** приховувати пустий блок під інпутом - якщо не має повідомлень щоб не займав місце */
+    hideEmptyMeta?: boolean;
+}
 interface TextAlign {
     /** для центрування тексту **/
     textAlign?: 'center' | 'start' | 'end' | 'justify';
@@ -61,7 +65,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Partial<S
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa> {
+interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa & HideEmptyMeta> {
     className?: string;
     disabled?: boolean;
     required?: boolean;
@@ -69,7 +73,6 @@ interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & Er
     startElement?: string | React.ReactElement;
     endElement?: string | React.ReactElement;
     labelProps?: InputHTMLAttributes<HTMLLabelElement>;
-    hideEmptyMeta?: boolean;
     children: React.ReactHTMLElement<HTMLInputElement> | React.ReactElement | JSX.Element[];
 }
 declare const Input: React.FC<InputProps>;

package/dist/index.js

@@ -312,8 +312,8 @@ var css_248z$h = ".vchasno-ui-mask-input {\n    position: relative;\n    font-si
 styleInject(css_248z$h);
 
 var MaskInput = function (_a) {
-    var className = _a.className, disabled = _a.disabled, startElement = _a.startElement, endElement = _a.endElement, error = _a.error, label = _a.label, hint = _a.hint, wide = _a.wide, required = _a.required, loading = _a.loading, inputClassName = _a.inputClassName, labelProps = _a.labelProps, dataQa = _a.dataQa, rest = __rest(_a, ["className", "disabled", "startElement", "endElement", "error", "label", "hint", "wide", "required", "loading", "inputClassName", "labelProps", "dataQa"]);
-    return (React$1.createElement(Input, { dataQa: dataQa, required: required, wide: wide, className: className, loading: loading, disabled: disabled, label: label, error: error, hint: hint, endElement: endElement, labelProps: labelProps, startElement: startElement },
+    var className = _a.className, disabled = _a.disabled, startElement = _a.startElement, endElement = _a.endElement, error = _a.error, label = _a.label, hint = _a.hint, wide = _a.wide, required = _a.required, loading = _a.loading, inputClassName = _a.inputClassName, labelProps = _a.labelProps, _b = _a.hideEmptyMeta, hideEmptyMeta = _b === void 0 ? false : _b, dataQa = _a.dataQa, rest = __rest(_a, ["className", "disabled", "startElement", "endElement", "error", "label", "hint", "wide", "required", "loading", "inputClassName", "labelProps", "hideEmptyMeta", "dataQa"]);
+    return (React$1.createElement(Input, { dataQa: dataQa, required: required, wide: wide, hideEmptyMeta: hideEmptyMeta, className: className, loading: loading, disabled: disabled, label: label, error: error, hint: hint, endElement: endElement, labelProps: labelProps, startElement: startElement },
         React$1.createElement(MaskedInput, __assign({}, rest, { required: required, disabled: disabled, className: cn('vchasno-ui-mask-input', inputClassName) }))));
 };
 
@@ -2872,8 +2872,8 @@ var css_248z$a = ".vchasno-ui-textarea-input-container .vchasno-ui-input__wrappe
 styleInject(css_248z$a);
 
 var TextAreaInput = React$1.forwardRef(function (_a, ref) {
-    var className = _a.className, disabled = _a.disabled, startElement = _a.startElement, endElement = _a.endElement, error = _a.error, label = _a.label, hint = _a.hint, wide = _a.wide, required = _a.required, loading = _a.loading, minRows = _a.minRows, maxRows = _a.maxRows, textareaClassName = _a.textareaClassName, labelProps = _a.labelProps, dataQa = _a.dataQa, rest = __rest(_a, ["className", "disabled", "startElement", "endElement", "error", "label", "hint", "wide", "required", "loading", "minRows", "maxRows", "textareaClassName", "labelProps", "dataQa"]);
-    return (React$1.createElement(Input, { dataQa: dataQa, required: required, wide: wide, className: cn(className, 'vchasno-ui-textarea-input-container'), loading: loading, disabled: disabled, label: label, error: error, hint: hint, endElement: endElement, labelProps: labelProps, startElement: startElement },
+    var className = _a.className, disabled = _a.disabled, startElement = _a.startElement, endElement = _a.endElement, error = _a.error, label = _a.label, hint = _a.hint, wide = _a.wide, required = _a.required, loading = _a.loading, minRows = _a.minRows, maxRows = _a.maxRows, textareaClassName = _a.textareaClassName, labelProps = _a.labelProps, dataQa = _a.dataQa, hideEmptyMeta = _a.hideEmptyMeta, rest = __rest(_a, ["className", "disabled", "startElement", "endElement", "error", "label", "hint", "wide", "required", "loading", "minRows", "maxRows", "textareaClassName", "labelProps", "dataQa", "hideEmptyMeta"]);
+    return (React$1.createElement(Input, { dataQa: dataQa, required: required, wide: wide, hideEmptyMeta: hideEmptyMeta, className: cn(className, 'vchasno-ui-textarea-input-container'), loading: loading, disabled: disabled, label: label, error: error, hint: hint, endElement: endElement, labelProps: labelProps, startElement: startElement },
         React$1.createElement(TextareaAutosize, __assign({}, rest, { ref: ref, minRows: minRows, maxRows: maxRows, required: required, disabled: disabled, className: cn('vchasno-ui-textarea-input', textareaClassName) }))));
 });
 TextAreaInput.displayName = 'TextAreaInput';