@vchasno/ui-kit 0.2.9 → 0.2.11

package/dist/Select/index.d.ts

@@ -1,5 +1,10 @@
-import React from 'react';
+import * as react_select_dist_declarations_src_components_MultiValue from 'react-select/dist/declarations/src/components/MultiValue';
+import * as react_select_dist_declarations_src_components_Menu from 'react-select/dist/declarations/src/components/Menu';
+import * as react_select_dist_declarations_src_components_indicators from 'react-select/dist/declarations/src/components/indicators';
+import * as _emotion_react from '@emotion/react';
+import * as react_select from 'react-select';
 import { Props } from 'react-select';
+import React from 'react';
 
 interface LoadingFeedback {
     /** індикатор процесу */
@@ -29,5 +34,32 @@ interface SelectProps extends Props, Partial<WithLabel & WithHint & LoadingFeedb
     dataQa?: string;
 }
 declare const Select: React.FC<SelectProps>;
+declare const SelectComponents: {
+    ClearIndicator: <Option_1, IsMulti extends boolean, Group extends react_select.GroupBase<Option_1>>(props: react_select.ClearIndicatorProps<Option_1, IsMulti, Group>) => _emotion_react.jsx.JSX.Element;
+    Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends react_select.GroupBase<Option_1>>(props: react_select.ControlProps<Option_1, IsMulti_1, Group_1>) => _emotion_react.jsx.JSX.Element;
+    DropdownIndicator: <Option_2, IsMulti_2 extends boolean, Group_2 extends react_select.GroupBase<Option_2>>(props: react_select.DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => _emotion_react.jsx.JSX.Element;
+    DownChevron: (props: react_select_dist_declarations_src_components_indicators.DownChevronProps) => _emotion_react.jsx.JSX.Element;
+    CrossIcon: (props: react_select_dist_declarations_src_components_indicators.CrossIconProps) => _emotion_react.jsx.JSX.Element;
+    Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends react_select.GroupBase<Option_3>>(props: react_select.GroupProps<Option_3, IsMulti_3, Group_3>) => _emotion_react.jsx.JSX.Element;
+    GroupHeading: <Option_4, IsMulti_4 extends boolean, Group_4 extends react_select.GroupBase<Option_4>>(props: react_select.GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => _emotion_react.jsx.JSX.Element;
+    IndicatorsContainer: <Option_5, IsMulti_5 extends boolean, Group_5 extends react_select.GroupBase<Option_5>>(props: react_select.IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => _emotion_react.jsx.JSX.Element;
+    IndicatorSeparator: <Option_6, IsMulti_6 extends boolean, Group_6 extends react_select.GroupBase<Option_6>>(props: react_select.IndicatorSeparatorProps<Option_6, IsMulti_6, Group_6>) => _emotion_react.jsx.JSX.Element;
+    Input: <Option_7, IsMulti_7 extends boolean, Group_7 extends react_select.GroupBase<Option_7>>(props: react_select.InputProps<Option_7, IsMulti_7, Group_7>) => _emotion_react.jsx.JSX.Element;
+    LoadingIndicator: <Option_8, IsMulti_8 extends boolean, Group_8 extends react_select.GroupBase<Option_8>>({ innerProps, isRtl, size, ...restProps }: react_select.LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>) => _emotion_react.jsx.JSX.Element;
+    Menu: <Option_9, IsMulti_9 extends boolean, Group_9 extends react_select.GroupBase<Option_9>>(props: react_select.MenuProps<Option_9, IsMulti_9, Group_9>) => _emotion_react.jsx.JSX.Element;
+    MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends react_select.GroupBase<Option_10>>(props: react_select.MenuListProps<Option_10, IsMulti_10, Group_10>) => _emotion_react.jsx.JSX.Element;
+    MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends react_select.GroupBase<Option_11>>(props: react_select_dist_declarations_src_components_Menu.MenuPortalProps<Option_11, IsMulti_11, Group_11>) => _emotion_react.jsx.JSX.Element | null;
+    LoadingMessage: <Option_12, IsMulti_12 extends boolean, Group_12 extends react_select.GroupBase<Option_12>>({ children, innerProps, ...restProps }: react_select.NoticeProps<Option_12, IsMulti_12, Group_12>) => _emotion_react.jsx.JSX.Element;
+    NoOptionsMessage: <Option_13, IsMulti_13 extends boolean, Group_13 extends react_select.GroupBase<Option_13>>({ children, innerProps, ...restProps }: react_select.NoticeProps<Option_13, IsMulti_13, Group_13>) => _emotion_react.jsx.JSX.Element;
+    MultiValue: <Option_14, IsMulti_14 extends boolean, Group_14 extends react_select.GroupBase<Option_14>>(props: react_select.MultiValueProps<Option_14, IsMulti_14, Group_14>) => _emotion_react.jsx.JSX.Element;
+    MultiValueContainer: <Option_15, IsMulti_15 extends boolean, Group_15 extends react_select.GroupBase<Option_15>>({ children, innerProps, }: react_select.MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => _emotion_react.jsx.JSX.Element;
+    MultiValueLabel: <Option_15_1, IsMulti_15_1 extends boolean, Group_15_1 extends react_select.GroupBase<Option_15_1>>({ children, innerProps, }: react_select.MultiValueGenericProps<Option_15_1, IsMulti_15_1, Group_15_1>) => _emotion_react.jsx.JSX.Element;
+    MultiValueRemove: typeof react_select_dist_declarations_src_components_MultiValue.MultiValueRemove;
+    Option: <Option_16, IsMulti_16 extends boolean, Group_16 extends react_select.GroupBase<Option_16>>(props: react_select.OptionProps<Option_16, IsMulti_16, Group_16>) => _emotion_react.jsx.JSX.Element;
+    Placeholder: <Option_17, IsMulti_17 extends boolean, Group_17 extends react_select.GroupBase<Option_17>>(props: react_select.PlaceholderProps<Option_17, IsMulti_17, Group_17>) => _emotion_react.jsx.JSX.Element;
+    SelectContainer: <Option_18, IsMulti_18 extends boolean, Group_18 extends react_select.GroupBase<Option_18>>(props: react_select.ContainerProps<Option_18, IsMulti_18, Group_18>) => _emotion_react.jsx.JSX.Element;
+    SingleValue: <Option_19, IsMulti_19 extends boolean, Group_19 extends react_select.GroupBase<Option_19>>(props: react_select.SingleValueProps<Option_19, IsMulti_19, Group_19>) => _emotion_react.jsx.JSX.Element;
+    ValueContainer: <Option_20, IsMulti_20 extends boolean, Group_20 extends react_select.GroupBase<Option_20>>(props: react_select.ValueContainerProps<Option_20, IsMulti_20, Group_20>) => _emotion_react.jsx.JSX.Element;
+};
 
-export { type SelectOption, type SelectProps, Select as default };
+export { SelectComponents, type SelectOption, type SelectProps, Select as default };

package/dist/Select/index.js

@@ -7654,7 +7654,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$3 = ".vchasno-ui-meta {\n    display: block;\n    width: 100%;\n    height: calc(var(--vchasno-ui-input-font-size) * 0.9);\n    font-size: calc(var(--vchasno-ui-input-font-size) * 0.8);\n    line-height: calc(var(--vchasno-ui-input-font-size) * 0.9);\n}\n\n.vchasno-ui-meta__hint {\n    color: var(--vchasno-ui-label-color-default);\n}\n\n.vchasno-ui-meta__error {\n    color: var(--vchasno-ui-input-color-error);\n}\n";
+var css_248z$3 = ".vchasno-ui-meta {\n    display: block;\n    max-width: 100%;\n    height: calc(var(--vchasno-ui-input-font-size) * 0.9);\n    font-size: calc(var(--vchasno-ui-input-font-size) * 0.8);\n    line-height: calc(var(--vchasno-ui-input-font-size) * 0.9);\n}\n\n.vchasno-ui-meta__hint,\n.vchasno-ui-meta__error {\n    display: inline-block;\n    overflow: hidden;\n    max-width: inherit;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.vchasno-ui-meta__hint {\n    color: var(--vchasno-ui-label-color-default);\n}\n\n.vchasno-ui-meta__error {\n    color: var(--vchasno-ui-input-color-error);\n}\n";
 styleInject(css_248z$3);
 
 var InputMeta = function (_a) {
@@ -7664,7 +7664,7 @@ var InputMeta = function (_a) {
         error && React__default.createElement("span", { className: "vchasno-ui-meta__error" }, error)));
 };
 
-var css_248z$2 = ".vchasno-ui-label-text {\n    position: relative;\n    display: inline-flex;\n    height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n    align-self: flex-start;\n    color: var(--vchasno-ui-label-color-default);\n    font-size: var(--vchasno-ui-input-font-size);\n    gap: 3px;\n    line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n    text-overflow: ellipsis;\n    transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);\n    white-space: nowrap;\n}\n\n[class^='vchasno-ui-']:not(.--error):focus-within .vchasno-ui-label-text {\n    color: var(--vchasno-ui-label-color-focused);\n}\n\n[class^='vchasno-ui-']:not(.--disabled).--required .vchasno-ui-label-text:hover {\n    cursor: pointer;\n}\n\n.vchasno-ui-label-text sup {\n    position: relative;\n    top: -0.2em;\n    display: none;\n    color: var(--vchasno-ui-input-color-error);\n    font-size: calc(var(--vchasno-ui-input-font-size) * 1.4);\n    vertical-align: top;\n}\n\n[class^='vchasno-ui-'].--required .vchasno-ui-label-text sup {\n    display: inline-block;\n}\n\n.vchasno-ui-label-text__title-icon {\n    display: none;\n    color: var(--vchasno-ui-label-color-default);\n    transform: scale(0.8);\n}\n\n.vchasno-ui-input[title] .vchasno-ui-label-text__title-icon {\n    display: block;\n}\n";
+var css_248z$2 = ".vchasno-ui-label-text {\n    position: relative;\n    display: inline-flex;\n    max-width: 100%;\n    height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n    align-self: flex-start;\n    color: var(--vchasno-ui-label-color-default);\n    font-size: var(--vchasno-ui-input-font-size);\n    gap: 3px;\n    line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n    text-overflow: ellipsis;\n    transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);\n    white-space: nowrap;\n}\n\n[class^='vchasno-ui-']:not(.--error):focus-within .vchasno-ui-label-text {\n    color: var(--vchasno-ui-label-color-focused);\n}\n\n[class^='vchasno-ui-']:not(.--disabled).--required .vchasno-ui-label-text:hover {\n    cursor: pointer;\n}\n\n.vchasno-ui-label-text sup {\n    position: relative;\n    top: -0.2em;\n    display: none;\n    color: var(--vchasno-ui-input-color-error);\n    font-size: calc(var(--vchasno-ui-input-font-size) * 1.4);\n    vertical-align: top;\n}\n\n[class^='vchasno-ui-'].--required .vchasno-ui-label-text sup {\n    display: inline-block;\n}\n\n.vchasno-ui-label-text__title-icon {\n    display: none;\n    color: var(--vchasno-ui-label-color-default);\n    transform: scale(0.8);\n}\n\n.vchasno-ui-input[title] .vchasno-ui-label-text__title-icon {\n    display: block;\n}\n\n.vchasno-ui-label-text__content {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n";
 styleInject(css_248z$2);
 
 var LabelText = function (_a) {
@@ -7673,7 +7673,7 @@ var LabelText = function (_a) {
         React__default.createElement("svg", { className: "vchasno-ui-label-text__title-icon", width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
             React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 7.5C15 11.6422 11.6423 15 7.5 15C3.3577 15 0 11.6422 0 7.5C0 3.35781 3.3577 0 7.5 0C11.6423 0 15 3.35781 15 7.5ZM5.87799 5.82184H8.52997V11.4711C8.52997 12.0179 8.08667 12.4612 7.53983 12.4612C6.99299 12.4612 6.54968 12.0179 6.54968 11.4711V7.57782H5.87799C5.39309 7.57782 5 7.18473 5 6.69983C5 6.21493 5.39309 5.82184 5.87799 5.82184ZM6.26221 3.66559C6.26221 3.50973 6.2899 3.36436 6.34483 3.22949C6.40431 3.09045 6.48466 2.97036 6.58636 2.86924C6.68805 2.76812 6.80655 2.6881 6.94229 2.62907C7.00404 2.603 7.06759 2.58269 7.13342 2.56813C7.21696 2.54984 7.30367 2.54059 7.39356 2.54059C7.54611 2.54059 7.69002 2.57004 7.82577 2.62907C7.86254 2.64499 7.89795 2.66248 7.932 2.68144C8.02416 2.73279 8.10724 2.79543 8.1817 2.86924C8.28339 2.97036 8.36375 3.09045 8.42322 3.22949C8.4541 3.29981 8.47725 3.37294 8.49178 3.44889C8.5054 3.51876 8.51221 3.59099 8.51221 3.66559C8.51221 3.74956 8.50358 3.83116 8.48633 3.91027C8.4718 3.97799 8.45046 4.0439 8.42322 4.108C8.36375 4.24287 8.28339 4.36081 8.1817 4.46194C8.12949 4.51374 8.07319 4.56001 8.01236 4.60076C7.95425 4.63947 7.89205 4.67333 7.82577 4.70211C7.69002 4.76113 7.54611 4.79059 7.39356 4.79059C7.31411 4.79059 7.23739 4.78348 7.16339 4.76914C7.08666 4.75447 7.01311 4.73213 6.94229 4.70211C6.80655 4.64308 6.68805 4.56306 6.58636 4.46194C6.48466 4.36081 6.40431 4.24287 6.34483 4.108C6.2899 3.96896 6.26221 3.82145 6.26221 3.66559Z", fill: "currentColor" })),
         ' ',
-        children,
+        React__default.createElement("span", { className: "vchasno-ui-label-text__content" }, children),
         " ",
         React__default.createElement("sup", null, "*")));
 };
@@ -7721,6 +7721,7 @@ var Select = function (_a) {
         React__default.createElement(StateManagedSelect$1, __assign({ required: required, isLoading: loading, components: __assign(__assign({}, customComponents), components), classNamePrefix: "vchasno-ui-select", menuPlacement: menuPlacement, isDisabled: isDisabled, noOptionsMessage: noOptionsMessage, loadingMessage: loadingMessage, placeholder: placeholder }, rest)),
         React__default.createElement(InputMeta, { hint: hint, error: error })));
 };
+var SelectComponents = components;
 
-export { Select as default };
+export { SelectComponents, Select as default };
 //# sourceMappingURL=index.js.map