@vchasno/ui-kit 0.4.19 → 0.4.20

package/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.4.20] - 2024-10-15
+
+## Added
+
+-   AsyncSelect component
+
 ## [0.4.19] - 2024-10-09
 
 ## Fixed

package/dist/components/Select/AsyncSelect.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { AsyncProps } from 'react-select/async';
+import { WithLabel, WithHint, ErrorFeedback, DataQa, HideEmptyMeta } from '../types.js';
+import { Option } from './types.js';
+import { GroupBase } from 'react-select';
+
+interface AsyncSelectProps extends AsyncProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & ErrorFeedback & DataQa & HideEmptyMeta> {
+    wide?: boolean;
+}
+declare const AsyncSelect: React.FC<AsyncSelectProps>;
+
+export { type AsyncSelectProps, AsyncSelect as default };

package/dist/components/Select/AsyncSelect.js

@@ -0,0 +1,2 @@
+import e from"react";import t from"react-select/async";import r from"classnames";import o from"../InputMeta/InputMeta.js";import n from"./Label.js";import a from"./customComponents.js";import s from"./defaultProps.js";import{composeStyles as l}from"./utils.js";function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),o.forEach(function(t){var o;o=r[t],t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o})}return e}var c=function(c){var p,u,m=c.className,d=c.label,f=c.hint,b=c.wide,O=c.required,y=c.isDisabled,g=c.menuPlacement,j=c.noOptionsMessage,v=void 0===j?s.noOptionsMessageDefault:j,P=c.loadingMessage,h=void 0===P?s.loadingMessageDefault:P,M=c.placeholder,w=c.components,S=c.error,D=void 0===S?"":S,E=c.dataQa,q=c.closeMenuOnSelect,x=c.hideEmptyMeta,N=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(c,["className","label","hint","wide","required","isDisabled","menuPlacement","noOptionsMessage","loadingMessage","placeholder","components","error","dataQa","closeMenuOnSelect","hideEmptyMeta"]);return /*#__PURE__*/e.createElement("label",{"data-qa":E,className:r("vchasno-ui-select",{"--required":O,"--disabled":y,"--wide":b,"--error":D},m)},d&&/*#__PURE__*/e.createElement(n,{label:d}),/*#__PURE__*/e.createElement(t,(p=i({required:O,components:i({},a,void 0===w?{}:w),closeMenuOnSelect:void 0===q||q,classNamePrefix:"vchasno-ui-select",menuPlacement:void 0===g?"auto":g,isDisabled:y,noOptionsMessage:v,loadingMessage:h,placeholder:void 0===M?" ":M},N),u=u={styles:i({},l,N.styles)},Object.getOwnPropertyDescriptors?Object.defineProperties(p,Object.getOwnPropertyDescriptors(u)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r})(Object(u)).forEach(function(e){Object.defineProperty(p,e,Object.getOwnPropertyDescriptor(u,e))}),p)),!(void 0!==x&&x)||D||f?/*#__PURE__*/e.createElement(o,{hint:f,error:D}):null)};export{c as default};
+//# sourceMappingURL=AsyncSelect.js.map

package/dist/components/Select/AsyncSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncSelect.js","sources":["../../../src/components/Select/AsyncSelect.tsx"],"sourcesContent":["import React from 'react';\nimport ReactAsyncSelect, { AsyncProps as ReactAsyncSelectProps } from 'react-select/async'; \n\nimport cn from 'classnames';\n\nimport InputMeta from '../InputMeta';\nimport {\n    DataQa,\n    ErrorFeedback,\n    HideEmptyMeta,\n    WithHint,\n    WithLabel,\n} from '../types';\nimport Label from './Label';\nimport { SelectCreatableProps } from './SelectCreatable';\nimport CustomComponents from './customComponents';\nimport defaultProps from './defaultProps';\nimport { Option } from './types';\nimport { composeStyles } from './utils';\n\nimport './Select.global.css';\nimport { GroupBase } from 'react-select';\n\nexport interface AsyncSelectProps\n    extends ReactAsyncSelectProps<Option, false | true, GroupBase<Option>>,\n        Partial<WithLabel & WithHint & ErrorFeedback & DataQa & HideEmptyMeta> {\n    wide?: boolean;\n}\n\nconst AsyncSelect: React.FC<AsyncSelectProps> = ({\n    className,\n    label,\n    hint,\n    wide,\n    required,\n    isDisabled,\n    menuPlacement = 'auto',\n    noOptionsMessage = defaultProps.noOptionsMessageDefault,\n    loadingMessage = defaultProps.loadingMessageDefault,\n    placeholder = ' ', //need \"space\" for correct label working\n    components = {},\n    error = '',\n    dataQa,\n    closeMenuOnSelect = true,\n    hideEmptyMeta = false,\n    ...rest\n}) => {\n    return (\n        <label\n            data-qa={dataQa}\n            className={cn(\n                'vchasno-ui-select',\n                {\n                    '--required': required,\n                    '--disabled': isDisabled,\n                    '--wide': wide,\n                    '--error': error,\n                },\n                className,\n            )}\n        >\n            {label && <Label label={label} />}\n            <ReactAsyncSelect\n                required={required}\n                components={{\n                    ...(CustomComponents as SelectCreatableProps['components']),\n                    ...components,\n                }}\n                closeMenuOnSelect={closeMenuOnSelect}\n                classNamePrefix=\"vchasno-ui-select\"\n                menuPlacement={menuPlacement}\n                isDisabled={isDisabled}\n                noOptionsMessage={noOptionsMessage}\n                loadingMessage={loadingMessage}\n                placeholder={placeholder}\n                {...rest}\n                styles={\n                    {\n                        ...composeStyles,\n                        ...rest.styles,\n                    } as never\n                }\n            />\n            {hideEmptyMeta && !error && !hint ? null : <InputMeta hint={hint} error={error} />}\n        </label>\n    );\n};\n\nexport default AsyncSelect;\n"],"names":["AsyncSelect","_param","className","label","hint","wide","required","isDisabled","menuPlacement","_param_noOptionsMessage","noOptionsMessage","defaultProps","noOptionsMessageDefault","loadingMessage","loadingMessageDefault","placeholder","components","_param_error","error","dataQa","closeMenuOnSelect","hideEmptyMeta","rest","React","data-qa","cn","Label","ReactAsyncSelect","_object_spread","CustomComponents","_param_components","classNamePrefix","_param_menuPlacement","styles","composeStyles","InputMeta"],"mappings":"uqBA6BA,IAAMA,EAA0C,SAAAC,CAAA,EAC5CC,QAAAA,EAAAA,EAAAA,UACAC,EAAAA,EAAAA,KAAAA,CACAC,IAAAA,IACAC,CAAAA,EAAAA,EAAAA,KACAC,EAAAA,EAAAA,QAAAA,CACAC,EAAAA,EAAAA,UAAAA,CAAAA,EAAAA,EACAC,cAAgBC,EAAAR,EAChBS,iBAAAA,EAAmBC,AAAAA,KAAAA,IAAAA,EAAAA,EAAaC,uBAAuB,CACvDC,EAAAA,EAAAA,EAAAA,cAAAA,CAAAA,EAAiBF,AAAAA,KAAAA,IAAAA,EAAAA,EAAaG,qBAAqB,CACnDC,EAAAA,EAAAA,EAAAA,WAAAA,CACAC,EAAAA,EAAAA,UAAAA,CAAcC,EAAAhB,EACdiB,MAAAA,EAAQD,AAAA,KAAA,IAAAA,EAAA,GAAAA,EACRE,IAAAA,MACAC,CAAAA,EAAAA,EAAAA,iBAAAA,CACAC,EAAAA,EAAAA,aAAAA,CACGC,EAAAA,sXAAAA,EAAAA,CAfHpB,YACAC,QACAC,OACAC,OACAC,WACAC,aACAC,gBACAE,mBACAG,iBACAE,cACAC,aACAE,QACAC,SACAC,oBACAC,kBAGA,oBACIE,EAACpB,aAAAA,CAAAA,QAAAA,CACGqB,UAASL,EACTjB,UAAWuB,EACP,oBACA,CACI,aAAcnB,EACd,aAAcC,EACd,SAAUF,EACV,UAAWa,CAEfhB,EAAAA,EAGHC,EAAAA,GAAS,WAAA,EAAAoB,EAACG,aAAAA,CAAAA,EAAAA,CAAMvB,MAAOA,IACxB,WAAA,EAAAoB,EAACI,aAAAA,CAAAA,KAAAA,EAAAA,CACGrB,SAAUA,EACVU,WAAYY,KACJC,aAzBP,CAAC,EAAAC,GA4BFV,8BAxBZC,EAyBYU,gBAAgB,oBAChBvB,cAlCIwB,AAAA,KAAA,IAAAA,EAAA,OAAAA,EAmCJzB,WAAYA,EACZG,iBAAkBA,EAClBG,eAAgBA,EAChBE,uBAnCE,IACdC,CAmCgBM,EAAAA,OAAAA,CACJW,OACIL,EAAA,CAAA,EACOM,EACAZ,EAAKW,MAAM,CAIzBZ,+UAAAA,cAtCNC,IAsCwBJ,GAAUd,EAAc,WAAA,EAAAmB,EAACY,aAAAA,CAAAA,EAAAA,CAAU/B,KAAMA,EAAMc,MAAOA,IAArC,KAGhD"}

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export { default as PulseDot, PulseDotProps } from './components/PulseDot/PulseD
 export { default as Select, SelectComponents, SelectProps } from './components/Select/Select.js';
 export { default as SelectCreatable, SelectCreatableProps } from './components/Select/SelectCreatable.js';
 export { CustomControlProps, Option as SelectOption } from './components/Select/types.js';
+export { default as AsyncSelect, AsyncSelectProps } from './components/Select/AsyncSelect.js';
 export { default as Snackbar, SnackbarIconProps, SnackbarProps, snackbarToast } from './components/Snackbar/Snackbar.js';
 export { default as Spinner, SpinnerProps } from './components/Spinner/Spinner.js';
 export { default as SplashLogo, SplashLogoProps } from './components/SplashLogo/SplashLogo.js';

package/dist/index.js

@@ -1,2 +1,2 @@
-export{default as Alert}from"./components/Alert/Alert.js";export{default as BlackTooltip}from"./components/BlackTooltip/BlackTooltip.js";export{default as BubbleBox}from"./components/BubbleBox/BubbleBox.js";export{composeBubblePath}from"./components/BubbleBox/utils.js";export{default as Button}from"./components/Button/Button.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as Datepicker}from"./components/Datepicker/DatePicker.js";export{default as FlexBox}from"./components/FlexBox/FlexBox.js";export{default as FollowUs}from"./components/FollowUs/FollowUs.js";export{default as Input}from"./components/Input/Input.js";export{default as InputMeta}from"./components/InputMeta/InputMeta.js";export{default as LabelText}from"./components/LabelText/LabelText.js";export{default as MaskInput}from"./components/MaskInput/MaskInput.js";export{default as Menu}from"./components/Menu/Menu.js";export{MenuButton}from"./components/MenuButton/MenuButton.js";export{MenuItem}from"./components/MenuItem/MenuItem.js";export{default as MobileAppLinks}from"./components/MobileAppLinks/MobileAppLinks.js";export{default as Pagination}from"./components/Pagination/Pagination.js";export{default as Paragraph}from"./components/Paragraph/Paragraph.js";export{default as ProjectsPopover}from"./components/ProjectsPopover/ProjectsPopover.js";export{default as PulseDot}from"./components/PulseDot/PulseDot.js";export{default as Select,SelectComponents}from"./components/Select/Select.js";export{default as SelectCreatable}from"./components/Select/SelectCreatable.js";export{default as Snackbar,snackbarToast}from"./components/Snackbar/Snackbar.js";export{default as Spinner}from"./components/Spinner/Spinner.js";export{default as SplashLogo}from"./components/SplashLogo/SplashLogo.js";export{default as SvgBorder}from"./components/SvgBorder/SvgBorder.js";export{composeRoundedBorderPath}from"./components/SvgBorder/utils.js";export{default as Switch}from"./components/Switch/Switch.js";export{default as Tabs}from"./components/Tabs/Tabs.js";export{default as Text}from"./components/Text/Text.js";export{default as TextAreaInput}from"./components/TextAreaInput/TextAreaInput.js";export{default as TextInput}from"./components/TextInput/TextInput.js";export{default as Title}from"./components/Title/Title.js";export{useClientRect}from"./hooks/useClientRect.js";export{default as PasswordInput}from"./components/PasswordInput/PasswordInput.js";export{default as Slider}from"./components/Slider/Slider.js";
+export{default as Alert}from"./components/Alert/Alert.js";export{default as BlackTooltip}from"./components/BlackTooltip/BlackTooltip.js";export{default as BubbleBox}from"./components/BubbleBox/BubbleBox.js";export{composeBubblePath}from"./components/BubbleBox/utils.js";export{default as Button}from"./components/Button/Button.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as Datepicker}from"./components/Datepicker/DatePicker.js";export{default as FlexBox}from"./components/FlexBox/FlexBox.js";export{default as FollowUs}from"./components/FollowUs/FollowUs.js";export{default as Input}from"./components/Input/Input.js";export{default as InputMeta}from"./components/InputMeta/InputMeta.js";export{default as LabelText}from"./components/LabelText/LabelText.js";export{default as MaskInput}from"./components/MaskInput/MaskInput.js";export{default as Menu}from"./components/Menu/Menu.js";export{MenuButton}from"./components/MenuButton/MenuButton.js";export{MenuItem}from"./components/MenuItem/MenuItem.js";export{default as MobileAppLinks}from"./components/MobileAppLinks/MobileAppLinks.js";export{default as Pagination}from"./components/Pagination/Pagination.js";export{default as Paragraph}from"./components/Paragraph/Paragraph.js";export{default as ProjectsPopover}from"./components/ProjectsPopover/ProjectsPopover.js";export{default as PulseDot}from"./components/PulseDot/PulseDot.js";export{default as Select,SelectComponents}from"./components/Select/Select.js";export{default as SelectCreatable}from"./components/Select/SelectCreatable.js";export{default as AsyncSelect}from"./components/Select/AsyncSelect.js";export{default as Snackbar,snackbarToast}from"./components/Snackbar/Snackbar.js";export{default as Spinner}from"./components/Spinner/Spinner.js";export{default as SplashLogo}from"./components/SplashLogo/SplashLogo.js";export{default as SvgBorder}from"./components/SvgBorder/SvgBorder.js";export{composeRoundedBorderPath}from"./components/SvgBorder/utils.js";export{default as Switch}from"./components/Switch/Switch.js";export{default as Tabs}from"./components/Tabs/Tabs.js";export{default as Text}from"./components/Text/Text.js";export{default as TextAreaInput}from"./components/TextAreaInput/TextAreaInput.js";export{default as TextInput}from"./components/TextInput/TextInput.js";export{default as Title}from"./components/Title/Title.js";export{useClientRect}from"./hooks/useClientRect.js";export{default as PasswordInput}from"./components/PasswordInput/PasswordInput.js";export{default as Slider}from"./components/Slider/Slider.js";
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vchasno/ui-kit",
-    "version": "0.4.19",
+    "version": "0.4.20",
     "description": "React UI components for Vchasno applications",
     "main": "dist/index.js",
     "module": "dist/index.js",