@vchasno/ui-kit 0.4.81 → 0.4.82
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/README.md +9 -3
- package/dist/components/Alert/Alert.js +1 -1
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/BlackTooltip/BlackTooltip.d.ts +2 -2
- package/dist/components/BlackTooltip/BlackTooltip.js +1 -1
- package/dist/components/BlackTooltip/BlackTooltip.js.map +1 -1
- package/dist/components/BlackTooltip/utils.js +1 -1
- package/dist/components/BlackTooltip/utils.js.map +1 -1
- package/dist/components/BodyPortal/BodyPortal.js +1 -1
- package/dist/components/BodyPortal/BodyPortal.js.map +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/BubbleBox/BubbleBox.js +1 -1
- package/dist/components/BubbleBox/BubbleBox.js.map +1 -1
- package/dist/components/BubbleBox/utils.js +1 -1
- package/dist/components/BubbleBox/utils.js.map +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +1 -1
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Datepicker/DatePicker.js +1 -1
- package/dist/components/Datepicker/DatePicker.js.map +1 -1
- package/dist/components/FlexBox/FlexBox.js +1 -1
- package/dist/components/FlexBox/FlexBox.js.map +1 -1
- package/dist/components/FollowUs/FollowUs.js +1 -1
- package/dist/components/FollowUs/FollowUs.js.map +1 -1
- package/dist/components/FollowUs/config.js +1 -1
- package/dist/components/FollowUs/config.js.map +1 -1
- package/dist/components/FullScreenModal/FullScreenModal.js +1 -1
- package/dist/components/FullScreenModal/FullScreenModal.js.map +1 -1
- package/dist/components/FullScreenModal/useLockBodyScroll.js +1 -1
- package/dist/components/FullScreenModal/useLockBodyScroll.js.map +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/InputMeta/InputMeta.js +1 -1
- package/dist/components/InputMeta/InputMeta.js.map +1 -1
- package/dist/components/LabelText/LabelText.js +1 -1
- package/dist/components/LabelText/LabelText.js.map +1 -1
- package/dist/components/MaskInput/MaskInput.js +1 -1
- package/dist/components/MaskInput/MaskInput.js.map +1 -1
- package/dist/components/Menu/Menu.js +1 -1
- package/dist/components/Menu/Menu.js.map +1 -1
- package/dist/components/MenuButton/MenuButton.js +1 -1
- package/dist/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/components/MenuItem/MenuItem.js +1 -1
- package/dist/components/MenuItem/MenuItem.js.map +1 -1
- package/dist/components/MenuSubMenu/MenuSubMenu.js +1 -1
- package/dist/components/MenuSubMenu/MenuSubMenu.js.map +1 -1
- package/dist/components/MobileAppLinks/MobileAppLinks.js +1 -1
- package/dist/components/MobileAppLinks/MobileAppLinks.js.map +1 -1
- package/dist/components/MobileAppLinks/config.js +1 -1
- package/dist/components/MobileAppLinks/config.js.map +1 -1
- package/dist/components/Pagination/BasePagination.js +1 -1
- package/dist/components/Pagination/BasePagination.js.map +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/utils.js +1 -1
- package/dist/components/Pagination/utils.js.map +1 -1
- package/dist/components/Paragraph/Paragraph.js +1 -1
- package/dist/components/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/PasswordInput/PasswordInput.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.js.map +1 -1
- package/dist/components/ProjectsPopover/ProductLink.js +1 -1
- package/dist/components/ProjectsPopover/ProductLink.js.map +1 -1
- package/dist/components/ProjectsPopover/ProjectsPopover.js +1 -1
- package/dist/components/ProjectsPopover/ProjectsPopover.js.map +1 -1
- package/dist/components/ProjectsPopover/mappers.js +1 -1
- package/dist/components/ProjectsPopover/mappers.js.map +1 -1
- package/dist/components/ProjectsPopover/types.js +1 -1
- package/dist/components/ProjectsPopover/types.js.map +1 -1
- package/dist/components/ProjectsPopover/utils.js +1 -1
- package/dist/components/ProjectsPopover/utils.js.map +1 -1
- package/dist/components/PulseDot/PulseDot.js +1 -1
- package/dist/components/PulseDot/PulseDot.js.map +1 -1
- package/dist/components/ScrollableBox/ScrollableBox.js +1 -1
- package/dist/components/ScrollableBox/ScrollableBox.js.map +1 -1
- package/dist/components/ScrollableBox/useElementScrollable.js +1 -1
- package/dist/components/ScrollableBox/useElementScrollable.js.map +1 -1
- package/dist/components/Select/AsyncSelect.js +1 -1
- package/dist/components/Select/AsyncSelect.js.map +1 -1
- package/dist/components/Select/Label.js +1 -1
- package/dist/components/Select/Label.js.map +1 -1
- package/dist/components/Select/Select.d.ts +2 -33
- package/dist/components/Select/Select.js +1 -1
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/SelectCreatable.d.ts +1 -1
- package/dist/components/Select/SelectCreatable.js +1 -1
- package/dist/components/Select/SelectCreatable.js.map +1 -1
- package/dist/components/Select/customComponents.js +1 -1
- package/dist/components/Select/customComponents.js.map +1 -1
- package/dist/components/Select/defaultProps.js +1 -1
- package/dist/components/Select/defaultProps.js.map +1 -1
- package/dist/components/Select/types.d.ts +2 -4
- package/dist/components/Select/utils.js +1 -1
- package/dist/components/Select/utils.js.map +1 -1
- package/dist/components/Slider/Slider.js +1 -1
- package/dist/components/Slider/Slider.js.map +1 -1
- package/dist/components/Snackbar/ActionButton.js +1 -1
- package/dist/components/Snackbar/ActionButton.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.js +1 -1
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Snackbar/WithAction.js +1 -1
- package/dist/components/Snackbar/WithAction.js.map +1 -1
- package/dist/components/SnowEffect/SnowEffect.js +1 -1
- package/dist/components/SnowEffect/SnowEffect.js.map +1 -1
- package/dist/components/SnowEffect/contants.js +1 -1
- package/dist/components/Spinner/Spinner.js +1 -1
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/SplashLogo/SplashLogo.js +1 -1
- package/dist/components/SplashLogo/SplashLogo.js.map +1 -1
- package/dist/components/SplashLogo/dataUrls.js +1 -1
- package/dist/components/SplashLogo/dataUrls.js.map +1 -1
- package/dist/components/SvgBorder/SvgBorder.js +1 -1
- package/dist/components/SvgBorder/SvgBorder.js.map +1 -1
- package/dist/components/SvgBorder/utils.js +1 -1
- package/dist/components/SvgBorder/utils.js.map +1 -1
- package/dist/components/Switch/Switch.js +1 -1
- package/dist/components/Switch/Switch.js.map +1 -1
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/Text/Text.js +1 -1
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/TextAreaInput/TextAreaInput.js +1 -1
- package/dist/components/TextAreaInput/TextAreaInput.js.map +1 -1
- package/dist/components/TextInput/TextInput.js +1 -1
- package/dist/components/TextInput/TextInput.js.map +1 -1
- package/dist/components/Title/Title.js +1 -1
- package/dist/components/Title/Title.js.map +1 -1
- package/dist/css/_theme.css +7 -1
- package/dist/css/vchasno-ui.css +1 -1
- package/dist/hooks/useClientRect.js +1 -1
- package/dist/hooks/useClientRect.js.map +1 -1
- package/dist/utils/react.js +1 -1
- package/dist/utils/react.js.map +1 -1
- package/package.json +3 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
let o=["edo","kep","kasa","edi","ttn","dm","hrs","zvit"],i=["dm"],r=["zakupivli","prozorroSale","prozorroMarket","prozorroRRO"],t=i=>o.includes(i),s=o=>r.includes(o);export{t as isVchasnoProduct,s as isZakupivliProduct,o as vchasnoProductsList,i as vchasnoProductsWithoutSiteList,r as zakupivliProductsList};
|
|
2
2
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../../src/components/ProjectsPopover/types.ts"],"sourcesContent":["import { VchasnoProduct } from '../types';\n\nexport const vchasnoProductsList: VchasnoProduct[] = ['edo'
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../../../src/components/ProjectsPopover/types.ts"],"sourcesContent":["import type { VchasnoProduct } from '../types';\n\nexport const vchasnoProductsList: VchasnoProduct[] = [\n 'edo',\n 'kep',\n 'kasa',\n 'edi',\n 'ttn',\n 'dm',\n 'hrs',\n 'zvit',\n];\nexport const vchasnoProductsWithoutSiteList = ['dm'] as const;\n\nexport const zakupivliProductsList = [\n 'zakupivli',\n 'prozorroSale',\n 'prozorroMarket',\n 'prozorroRRO',\n] as const;\n\nexport const isVchasnoProduct = (product: string): product is VchasnoProduct => {\n return vchasnoProductsList.includes(product as VchasnoProduct);\n};\n\nexport type ZakupivliProduct = (typeof zakupivliProductsList)[number];\nexport const isZakupivliProduct = (product: string): product is ZakupivliProduct => {\n return zakupivliProductsList.includes(product as ZakupivliProduct);\n};\n\nexport type AllProducts = VchasnoProduct | ZakupivliProduct;\n"],"names":["vchasnoProductsList","vchasnoProductsWithoutSiteList","zakupivliProductsList","isVchasnoProduct","product","includes","isZakupivliProduct"],"mappings":"IAEaA,EAAwC,CACjD,MACA,MACA,OACA,MACA,MACA,KACA,MACA,QAESC,EAAiC,CAAC,MAElCC,EAAwB,CACjC,YACA,eACA,iBACA,eAGSC,EAAmB,AAACC,GACtBJ,EAAoBK,QAAQ,CAACD,GAI3BE,EAAqB,AAACF,GACxBF,EAAsBG,QAAQ,CAACD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{hrefMap as
|
|
1
|
+
import{hrefMap as e}from"./mappers.js";import{zakupivliProductsList as r}from"./types.js";let s=({targetProduct:r})=>{let s=new URL(e[r]);return s.searchParams.set("utm_source","vchasno-cabinet"),s.searchParams.set("utm_medium","link"),s.searchParams.set("utm_campaign","vchasno-cabinet"),s.href},a=({targetProduct:a,ctxProduct:t,queryParams:m,edrpou:c,urls:n})=>{if(r.includes(a))return s({targetProduct:a});let i=new URL({...e,...n}[a]);return c&&i.searchParams.set("edrpou",c),i.searchParams.set("utm_source",t),i.searchParams.set("utm_campaign",t),m&&Object.entries(m).forEach(([e,r])=>{i.searchParams.set(e,r)}),i.href};export{a as composeLink,s as composeZakupivliLink};
|
|
2
2
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../src/components/ProjectsPopover/utils.ts"],"sourcesContent":["import { hrefMap } from './mappers';\nimport { AllProducts, zakupivliProductsList } from './types';\n\ninterface ComposeLinkOptions {\n edrpou?: string;\n ctxProduct: string;\n targetProduct: AllProducts;\n queryParams?: Record<string, string>;\n urls?: Partial<Record<AllProducts, string>>;\n}\n\nexport const composeZakupivliLink = ({\n targetProduct,\n}: Pick<ComposeLinkOptions, 'targetProduct'>) => {\n const baseUrl = hrefMap[targetProduct];\n\n const link = new URL(baseUrl);\n\n link.searchParams.set('utm_source', 'vchasno-cabinet');\n link.searchParams.set('utm_medium', 'link');\n link.searchParams.set('utm_campaign', 'vchasno-cabinet');\n\n return link.href;\n};\n\nexport const composeLink = ({\n targetProduct,\n ctxProduct,\n queryParams,\n edrpou,\n urls,\n}: ComposeLinkOptions) => {\n if (zakupivliProductsList.includes(targetProduct as (typeof zakupivliProductsList)[number])) {\n return composeZakupivliLink({ targetProduct });\n }\n\n const baseUrl = { ...hrefMap, ...urls }[targetProduct];\n\n const link = new URL(baseUrl);\n\n if (edrpou) {\n link.searchParams.set('edrpou', edrpou);\n }\n\n link.searchParams.set('utm_source', ctxProduct);\n link.searchParams.set('utm_campaign', ctxProduct);\n\n if (queryParams) {\n Object.entries(queryParams).forEach(([key, value]) => {\n link.searchParams.set(key, value);\n });\n }\n\n return link.href;\n};\n"],"names":["composeZakupivliLink","
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../src/components/ProjectsPopover/utils.ts"],"sourcesContent":["import { hrefMap } from './mappers';\nimport { type AllProducts, zakupivliProductsList } from './types';\n\ninterface ComposeLinkOptions {\n edrpou?: string;\n ctxProduct: string;\n targetProduct: AllProducts;\n queryParams?: Record<string, string>;\n urls?: Partial<Record<AllProducts, string>>;\n}\n\nexport const composeZakupivliLink = ({\n targetProduct,\n}: Pick<ComposeLinkOptions, 'targetProduct'>) => {\n const baseUrl = hrefMap[targetProduct];\n\n const link = new URL(baseUrl);\n\n link.searchParams.set('utm_source', 'vchasno-cabinet');\n link.searchParams.set('utm_medium', 'link');\n link.searchParams.set('utm_campaign', 'vchasno-cabinet');\n\n return link.href;\n};\n\nexport const composeLink = ({\n targetProduct,\n ctxProduct,\n queryParams,\n edrpou,\n urls,\n}: ComposeLinkOptions) => {\n if (zakupivliProductsList.includes(targetProduct as (typeof zakupivliProductsList)[number])) {\n return composeZakupivliLink({ targetProduct });\n }\n\n const baseUrl = { ...hrefMap, ...urls }[targetProduct];\n\n const link = new URL(baseUrl);\n\n if (edrpou) {\n link.searchParams.set('edrpou', edrpou);\n }\n\n link.searchParams.set('utm_source', ctxProduct);\n link.searchParams.set('utm_campaign', ctxProduct);\n\n if (queryParams) {\n Object.entries(queryParams).forEach(([key, value]) => {\n link.searchParams.set(key, value);\n });\n }\n\n return link.href;\n};\n"],"names":["composeZakupivliLink","targetProduct","link","URL","hrefMap","searchParams","set","href","composeLink","ctxProduct","queryParams","edrpou","urls","zakupivliProductsList","includes","Object","entries","forEach","key","value"],"mappings":"0FAWaA,IAAAA,EAAuB,CAAC,CACjCC,cAAAA,CAAa,CAC2B,IAGxC,IAAMC,EAAO,IAAIC,IAFDC,CAAO,CAACH,EAAc,EAQtC,OAJAC,EAAKG,YAAY,CAACC,GAAG,CAAC,aAAc,mBACpCJ,EAAKG,YAAY,CAACC,GAAG,CAAC,aAAc,QACpCJ,EAAKG,YAAY,CAACC,GAAG,CAAC,eAAgB,mBAE/BJ,EAAKK,IAAI,AACpB,EAEaC,EAAc,CAAC,CACxBP,cAAAA,CAAa,CACbQ,WAAAA,CAAU,CACVC,YAAAA,CAAW,CACXC,OAAAA,CAAM,CACNC,KAAAA,CAAI,CACa,IACjB,GAAIC,EAAsBC,QAAQ,CAACb,GAC/B,OAAOD,EAAqB,CAAEC,cAAAA,CAAc,GAKhD,IAAMC,EAAO,IAAIC,IAFD,CAAE,GAAGC,CAAO,CAAE,GAAGQ,CAAAA,AAAM,CAAA,CAACX,EAAc,EAiBtD,OAbIU,GACAT,EAAKG,YAAY,CAACC,GAAG,CAAC,SAAUK,GAGpCT,EAAKG,YAAY,CAACC,GAAG,CAAC,aAAcG,GACpCP,EAAKG,YAAY,CAACC,GAAG,CAAC,eAAgBG,GAElCC,GACAK,OAAOC,OAAO,CAACN,GAAaO,OAAO,CAAC,CAAC,CAACC,EAAKC,EAAM,IAC7CjB,EAAKG,YAAY,CAACC,GAAG,CAACY,EAAKC,EAC/B,GAGGjB,EAAKK,IAAI,AACpB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import
|
|
1
|
+
import e from"react";import t from"classnames";let a=({className:a,color:s,style:o,size:l,...r})=>e.createElement("div",{className:t("vchasno-ui-PulseDot",a),style:{background:s,width:l,height:l,...o},...r});export{a as default};
|
|
2
2
|
//# sourceMappingURL=PulseDot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PulseDot.js","sources":["../../../src/components/PulseDot/PulseDot.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport './PulseDot.css';\n\nexport interface PulseDotProps extends HTMLAttributes<HTMLDivElement> {\n /**\n * Color of the dot\n */\n color?: string;\n /**\n * CSS width/height values like 10em | 10px | 50%\n */\n size?: React.CSSProperties['width'];\n /**\n * CSS style object for overriding default styling\n */\n style?: React.CSSProperties;\n /**\n * className for overriding default styling\n */\n className?: string;\n}\n\nconst PulseDot: React.FC<PulseDotProps> = ({ className, color, style, size, ...rest }) => {\n return (\n <div\n className={cn('vchasno-ui-PulseDot', className)}\n style={{ background: color, width: size, height: size, ...style }}\n {...rest}\n />\n );\n};\n\nexport default PulseDot;\n"],"names":["PulseDot","
|
|
1
|
+
{"version":3,"file":"PulseDot.js","sources":["../../../src/components/PulseDot/PulseDot.tsx"],"sourcesContent":["import React, { type HTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport './PulseDot.css';\n\nexport interface PulseDotProps extends HTMLAttributes<HTMLDivElement> {\n /**\n * Color of the dot\n */\n color?: string;\n /**\n * CSS width/height values like 10em | 10px | 50%\n */\n size?: React.CSSProperties['width'];\n /**\n * CSS style object for overriding default styling\n */\n style?: React.CSSProperties;\n /**\n * className for overriding default styling\n */\n className?: string;\n}\n\nconst PulseDot: React.FC<PulseDotProps> = ({ className, color, style, size, ...rest }) => {\n return (\n <div\n className={cn('vchasno-ui-PulseDot', className)}\n style={{ background: color, width: size, height: size, ...style }}\n {...rest}\n />\n );\n};\n\nexport default PulseDot;\n"],"names":["PulseDot","className","color","style","size","rest","React","div","cn","background","width","height"],"mappings":"+CAyBA,IAAMA,EAAoC,CAAC,CAAEC,UAAAA,CAAS,CAAEC,MAAAA,CAAK,CAAEC,MAAAA,CAAK,CAAEC,KAAAA,CAAI,CAAE,GAAGC,EAAM,GAE7EC,EAACC,aAAAA,CAAAA,MAAAA,CACGN,UAAWO,EAAG,sBAAuBP,GACrCE,MAAO,CAAEM,WAAYP,EAAOQ,MAAON,EAAMO,OAAQP,EAAM,GAAGD,CAAAA,AAAM,EAC/D,GAAGE,CAAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e,{useRef as l,useEffect as a}from"react";import r from"classnames";import{useElementScrollable as t}from"./useElementScrollable.js";let o=({className:o,contentClassName:s,scrollHeight:c,hideScroll:n=!1,children:m,shadow:i,onScrollableChange:d,onScroll:h,preventParentScroll:u,smoothScroll:b})=>{let p=l(d);p.current=d;let v=l(null),x=t(v,"vertical");a(()=>{p.current?.(x)},[x]);let f=x&&"vertical"===i;return e.createElement("div",{style:{maxHeight:c},ref:v,className:r("vchasno-ui-scrollable-box",{"--v-shadows":f,"--is-scrollable":x,"--hide-scroll":n,"--prevent-parent-scroll":u,"--smooth-scroll":b},o),onScroll:h},f&&e.createElement("span",{className:"vchasno-ui-scrollable-box__shadow --top","aria-hidden":"true"}),e.createElement("div",{className:s},m),f&&e.createElement("span",{className:"vchasno-ui-scrollable-box__shadow --bottom","aria-hidden":"true"}))};export{o as default};
|
|
2
2
|
//# sourceMappingURL=ScrollableBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollableBox.js","sources":["../../../src/components/ScrollableBox/ScrollableBox.tsx"],"sourcesContent":["import React, { UIEventHandler, useEffect, useRef } from 'react';\n\nimport cn from 'classnames';\n\nimport { useElementScrollable } from './useElementScrollable';\n\nimport './ScrollableBox.global.css';\n\nexport interface ScrollableBoxProps {\n className?: string;\n contentClassName?: string;\n scrollHeight: React.CSSProperties['maxHeight'];\n hideScroll?: boolean;\n shadow?: 'vertical';\n onScrollableChange?: (isScrollable: boolean) => void;\n onScroll?: UIEventHandler<HTMLDivElement>;\n preventParentScroll?: boolean;\n smoothScroll?: boolean;\n}\n\nconst ScrollableBox: React.FC<React.PropsWithChildren<ScrollableBoxProps>> = ({\n className,\n contentClassName,\n scrollHeight,\n hideScroll = false,\n children,\n shadow,\n onScrollableChange,\n onScroll,\n preventParentScroll,\n smoothScroll,\n}) => {\n const onScrollableChangeRef = useRef(onScrollableChange);\n onScrollableChangeRef.current = onScrollableChange;\n\n const rootRef = useRef<HTMLDivElement>(null);\n const isScrollable = useElementScrollable(rootRef, 'vertical');\n\n useEffect(() => {\n onScrollableChangeRef.current?.(isScrollable);\n }, [isScrollable]);\n\n const style = {\n maxHeight: scrollHeight,\n } as React.CSSProperties;\n\n const showVerticalShadows = isScrollable && shadow === 'vertical';\n\n return (\n <div\n style={style}\n ref={rootRef}\n className={cn(\n 'vchasno-ui-scrollable-box',\n {\n '--v-shadows': showVerticalShadows,\n '--is-scrollable': isScrollable,\n '--hide-scroll': hideScroll,\n '--prevent-parent-scroll': preventParentScroll,\n '--smooth-scroll': smoothScroll,\n },\n className,\n )}\n onScroll={onScroll}\n >\n {showVerticalShadows && (\n <span className=\"vchasno-ui-scrollable-box__shadow --top\" aria-hidden=\"true\" />\n )}\n <div className={contentClassName}>{children}</div>\n {showVerticalShadows && (\n <span className=\"vchasno-ui-scrollable-box__shadow --bottom\" aria-hidden=\"true\" />\n )}\n </div>\n );\n};\n\nexport default ScrollableBox;\n"],"names":["ScrollableBox","
|
|
1
|
+
{"version":3,"file":"ScrollableBox.js","sources":["../../../src/components/ScrollableBox/ScrollableBox.tsx"],"sourcesContent":["import React, { type UIEventHandler, useEffect, useRef } from 'react';\n\nimport cn from 'classnames';\n\nimport { useElementScrollable } from './useElementScrollable';\n\nimport './ScrollableBox.global.css';\n\nexport interface ScrollableBoxProps {\n className?: string;\n contentClassName?: string;\n scrollHeight: React.CSSProperties['maxHeight'];\n hideScroll?: boolean;\n shadow?: 'vertical';\n onScrollableChange?: (isScrollable: boolean) => void;\n onScroll?: UIEventHandler<HTMLDivElement>;\n preventParentScroll?: boolean;\n smoothScroll?: boolean;\n}\n\nconst ScrollableBox: React.FC<React.PropsWithChildren<ScrollableBoxProps>> = ({\n className,\n contentClassName,\n scrollHeight,\n hideScroll = false,\n children,\n shadow,\n onScrollableChange,\n onScroll,\n preventParentScroll,\n smoothScroll,\n}) => {\n const onScrollableChangeRef = useRef(onScrollableChange);\n onScrollableChangeRef.current = onScrollableChange;\n\n const rootRef = useRef<HTMLDivElement>(null);\n const isScrollable = useElementScrollable(rootRef, 'vertical');\n\n useEffect(() => {\n onScrollableChangeRef.current?.(isScrollable);\n }, [isScrollable]);\n\n const style = {\n maxHeight: scrollHeight,\n } as React.CSSProperties;\n\n const showVerticalShadows = isScrollable && shadow === 'vertical';\n\n return (\n <div\n style={style}\n ref={rootRef}\n className={cn(\n 'vchasno-ui-scrollable-box',\n {\n '--v-shadows': showVerticalShadows,\n '--is-scrollable': isScrollable,\n '--hide-scroll': hideScroll,\n '--prevent-parent-scroll': preventParentScroll,\n '--smooth-scroll': smoothScroll,\n },\n className,\n )}\n onScroll={onScroll}\n >\n {showVerticalShadows && (\n <span className=\"vchasno-ui-scrollable-box__shadow --top\" aria-hidden=\"true\" />\n )}\n <div className={contentClassName}>{children}</div>\n {showVerticalShadows && (\n <span className=\"vchasno-ui-scrollable-box__shadow --bottom\" aria-hidden=\"true\" />\n )}\n </div>\n );\n};\n\nexport default ScrollableBox;\n"],"names":["ScrollableBox","className","contentClassName","scrollHeight","hideScroll","children","shadow","onScrollableChange","onScroll","preventParentScroll","smoothScroll","onScrollableChangeRef","useRef","current","rootRef","isScrollable","useElementScrollable","useEffect","showVerticalShadows","React","div","style","maxHeight","ref","cn","span","aria-hidden"],"mappings":"4IAoBMA,IAAAA,EAAuE,CAAC,CAC1EC,UAAAA,CAAS,CACTC,iBAAAA,CAAgB,CAChBC,aAAAA,CAAY,CACZC,WAAAA,EAAa,CAAA,CAAK,CAClBC,SAAAA,CAAQ,CACRC,OAAAA,CAAM,CACNC,mBAAAA,CAAkB,CAClBC,SAAAA,CAAQ,CACRC,oBAAAA,CAAmB,CACnBC,aAAAA,CAAY,CACf,IACG,IAAMC,EAAwBC,EAAOL,EACrCI,CAAAA,EAAsBE,OAAO,CAAGN,EAEhC,IAAMO,EAAUF,EAAuB,MACjCG,EAAeC,EAAqBF,EAAS,YAEnDG,EAAU,KACNN,EAAsBE,OAAO,GAAGE,IACjC,CAACA,EAAa,EAMjB,IAAMG,EAAsBH,GAAgBT,AAAW,aAAXA,EAE5C,OACIa,EAACC,aAAAA,CAAAA,MAAAA,CACGC,MARM,CACVC,UAAWnB,CACf,EAOQoB,IAAKT,EACLb,UAAWuB,EACP,4BACA,CACI,cAAeN,EACf,kBAAmBH,EACnB,gBAAiBX,EACjB,0BAA2BK,EAC3B,kBAAmBC,CAEvBT,EAAAA,GAEJO,SAAUA,CAETU,EAAAA,GACGC,EAACM,aAAAA,CAAAA,OAAAA,CAAKxB,UAAU,0CAA0CyB,cAAY,SAE1EP,EAACC,aAAAA,CAAAA,MAAAA,CAAInB,UAAWC,CAAmBG,EAAAA,GAClCa,GACGC,EAACM,aAAAA,CAAAA,OAAAA,CAAKxB,UAAU,6CAA6CyB,cAAY,SAIzF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useState as
|
|
1
|
+
import{useState as e,useEffect as t}from"react";let r=(e,t)=>"horizontal"===t?e.scrollWidth>e.clientWidth:e.scrollHeight>e.clientHeight,i=(i,l)=>{let[n,s]=e(!1);return t(()=>{let e=i.current;if(!e)return()=>null;let t=()=>{s(r(e,l))};t();let n=[];if(window.ResizeObserver){let r=new ResizeObserver(t);r.observe(e),n.push(()=>{r.disconnect()})}if(window.MutationObserver){let r=new MutationObserver(t);r.observe(e,{childList:!0,subtree:!0,attributes:!0}),n.push(()=>{r.disconnect()})}return()=>{n.forEach(e=>e())}},[l,i]),n};export{i as useElementScrollable};
|
|
2
2
|
//# sourceMappingURL=useElementScrollable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useElementScrollable.js","sources":["../../../src/components/ScrollableBox/useElementScrollable.ts"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nconst detectScrollable = (element: HTMLElement, direction: 'horizontal' | 'vertical') => {\n if (direction === 'horizontal') {\n return element.scrollWidth > element.clientWidth;\n }\n return element.scrollHeight > element.clientHeight;\n};\n\nexport const useElementScrollable = (\n ref: React.RefObject<HTMLElement>,\n direction: 'horizontal' | 'vertical',\n) => {\n const [isScrollable, setIsScrollable] = useState(false);\n\n useEffect(() => {\n const root = ref.current;\n\n if (!root) {\n return () => null;\n }\n\n const mutationHandler = () => {\n setIsScrollable(detectScrollable(root, direction));\n };\n\n mutationHandler();\n\n const unmountCBList: VoidFunction[] = [];\n\n if (window.ResizeObserver) {\n const resizeObserver = new ResizeObserver(mutationHandler);\n resizeObserver.observe(root);\n\n unmountCBList.push(() => {\n resizeObserver.disconnect();\n });\n }\n\n if (window.MutationObserver) {\n const mutationObserver = new MutationObserver(mutationHandler);\n mutationObserver.observe(root, {\n childList: true,\n subtree: true,\n attributes: true,\n });\n\n unmountCBList.push(() => {\n mutationObserver.disconnect();\n });\n }\n\n return () => {\n unmountCBList.forEach((unmount) => unmount());\n };\n }, [direction, ref]);\n\n return isScrollable;\n};\n"],"names":["
|
|
1
|
+
{"version":3,"file":"useElementScrollable.js","sources":["../../../src/components/ScrollableBox/useElementScrollable.ts"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nconst detectScrollable = (element: HTMLElement, direction: 'horizontal' | 'vertical') => {\n if (direction === 'horizontal') {\n return element.scrollWidth > element.clientWidth;\n }\n return element.scrollHeight > element.clientHeight;\n};\n\nexport const useElementScrollable = (\n ref: React.RefObject<HTMLElement>,\n direction: 'horizontal' | 'vertical',\n) => {\n const [isScrollable, setIsScrollable] = useState(false);\n\n useEffect(() => {\n const root = ref.current;\n\n if (!root) {\n return () => null;\n }\n\n const mutationHandler = () => {\n setIsScrollable(detectScrollable(root, direction));\n };\n\n mutationHandler();\n\n const unmountCBList: VoidFunction[] = [];\n\n if (window.ResizeObserver) {\n const resizeObserver = new ResizeObserver(mutationHandler);\n resizeObserver.observe(root);\n\n unmountCBList.push(() => {\n resizeObserver.disconnect();\n });\n }\n\n if (window.MutationObserver) {\n const mutationObserver = new MutationObserver(mutationHandler);\n mutationObserver.observe(root, {\n childList: true,\n subtree: true,\n attributes: true,\n });\n\n unmountCBList.push(() => {\n mutationObserver.disconnect();\n });\n }\n\n return () => {\n unmountCBList.forEach((unmount) => unmount());\n };\n }, [direction, ref]);\n\n return isScrollable;\n};\n"],"names":["detectScrollable","element","direction","scrollWidth","clientWidth","scrollHeight","clientHeight","useElementScrollable","ref","isScrollable","setIsScrollable","useState","useEffect","root","current","mutationHandler","unmountCBList","window","ResizeObserver","resizeObserver","observe","push","disconnect","MutationObserver","mutationObserver","childList","subtree","attributes","forEach","unmount"],"mappings":"gDAEA,IAAMA,EAAmB,CAACC,EAAsBC,IAC5C,AAAIA,AAAc,eAAdA,EACOD,EAAQE,WAAW,CAAGF,EAAQG,WAAW,CAE7CH,EAAQI,YAAY,CAAGJ,EAAQK,YAAY,CAGzCC,EAAuB,CAChCC,EACAN,KAEA,GAAM,CAACO,EAAcC,EAAgB,CAAGC,EAAS,CAAA,GA4CjD,OA1CAC,EAAU,KACN,IAAMC,EAAOL,EAAIM,OAAO,CAExB,GAAI,CAACD,EACD,MAAO,IAAM,KAGjB,IAAME,EAAkB,KACpBL,EAAgBV,EAAiBa,EAAMX,GAC3C,EAEAa,IAEA,IAAMC,EAAgC,EAAE,CAExC,GAAIC,OAAOC,cAAc,CAAE,CACvB,IAAMC,EAAiB,IAAID,eAAeH,GAC1CI,EAAeC,OAAO,CAACP,GAEvBG,EAAcK,IAAI,CAAC,KACfF,EAAeG,UAAU,EAC7B,EACJ,CAEA,GAAIL,OAAOM,gBAAgB,CAAE,CACzB,IAAMC,EAAmB,IAAID,iBAAiBR,GAC9CS,EAAiBJ,OAAO,CAACP,EAAM,CAC3BY,UAAW,CAAA,EACXC,QAAS,CAAA,EACTC,WAAY,CAAA,CAChB,GAEAX,EAAcK,IAAI,CAAC,KACfG,EAAiBF,UAAU,EAC/B,EACJ,CAEA,MAAO,KACHN,EAAcY,OAAO,CAAC,AAACC,GAAYA,IACvC,GACD,CAAC3B,EAAWM,EAAI,EAEZC,CACX"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import t from"react-select/async";import
|
|
1
|
+
import e from"react";import t from"react-select/async";import s from"classnames";import a from"../InputMeta/InputMeta.js";import l from"./Label.js";import o from"./customComponents.js";import r from"./defaultProps.js";import{composeStyles as m}from"./utils.js";let n=({className:n,label:c,hint:i,wide:p,required:u,isDisabled:f,menuPlacement:d="auto",noOptionsMessage:M=r.noOptionsMessageDefault,loadingMessage:g=r.loadingMessageDefault,placeholder:b=" ",components:j={},error:h="",dataQa:y,closeMenuOnSelect:E=!0,hideEmptyMeta:q=!1,pulse:D,...O})=>e.createElement("label",{"data-qa":y,className:s("vchasno-ui-select",{"--pulse":D&&!f,"--required":u,"--disabled":f,"--wide":p,"--error":h},n)},c&&e.createElement(l,{label:c}),e.createElement(t,{required:u,components:{...o,...j},closeMenuOnSelect:E,classNamePrefix:"vchasno-ui-select",menuPlacement:d,isDisabled:f,noOptionsMessage:M,loadingMessage:g,placeholder:b,...O,styles:{...m,...O.styles}}),!q||h||i?e.createElement(a,{hint:i,error:h}):null);export{n as default};
|
|
2
2
|
//# sourceMappingURL=AsyncSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AsyncSelect.js","sources":["../../../src/components/Select/AsyncSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { GroupBase } from 'react-select';\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 WithPulseAnimation,\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';\n\nexport interface AsyncSelectProps\n extends ReactAsyncSelectProps<Option, false | true, GroupBase<Option>>,\n Partial<\n WithLabel & WithHint & ErrorFeedback & DataQa & HideEmptyMeta & WithPulseAnimation\n > {\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 pulse,\n ...rest\n}) => {\n return (\n <label\n data-qa={dataQa}\n className={cn(\n 'vchasno-ui-select',\n {\n '--pulse': pulse && !isDisabled,\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","
|
|
1
|
+
{"version":3,"file":"AsyncSelect.js","sources":["../../../src/components/Select/AsyncSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { type GroupBase } from 'react-select';\nimport ReactAsyncSelect, { type AsyncProps as ReactAsyncSelectProps } from 'react-select/async';\n\nimport cn from 'classnames';\n\nimport InputMeta from '../InputMeta';\nimport type {\n DataQa,\n ErrorFeedback,\n HideEmptyMeta,\n WithHint,\n WithLabel,\n WithPulseAnimation,\n} from '../types';\nimport Label from './Label';\nimport { type SelectCreatableProps } from './SelectCreatable';\nimport CustomComponents from './customComponents';\nimport defaultProps from './defaultProps';\nimport { type Option } from './types';\nimport { composeStyles } from './utils';\n\nimport './Select.global.css';\n\nexport interface AsyncSelectProps\n extends ReactAsyncSelectProps<Option, false | true, GroupBase<Option>>,\n Partial<\n WithLabel & WithHint & ErrorFeedback & DataQa & HideEmptyMeta & WithPulseAnimation\n > {\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 pulse,\n ...rest\n}) => {\n return (\n <label\n data-qa={dataQa}\n className={cn(\n 'vchasno-ui-select',\n {\n '--pulse': pulse && !isDisabled,\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","className","label","hint","wide","required","isDisabled","menuPlacement","noOptionsMessage","defaultProps","noOptionsMessageDefault","loadingMessage","loadingMessageDefault","placeholder","components","error","dataQa","closeMenuOnSelect","hideEmptyMeta","pulse","rest","React","data-qa","cn","Label","ReactAsyncSelect","CustomComponents","classNamePrefix","styles","composeStyles","InputMeta"],"mappings":"qQAgCMA,IAAAA,EAA0C,CAAC,CAC7CC,UAAAA,CAAS,CACTC,MAAAA,CAAK,CACLC,KAAAA,CAAI,CACJC,KAAAA,CAAI,CACJC,SAAAA,CAAQ,CACRC,WAAAA,CAAU,CACVC,cAAAA,EAAgB,MAAM,CACtBC,iBAAAA,EAAmBC,EAAaC,uBAAuB,CACvDC,eAAAA,EAAiBF,EAAaG,qBAAqB,CACnDC,YAAAA,EAAc,GAAG,CACjBC,WAAAA,EAAa,CAAA,CAAE,CACfC,MAAAA,EAAQ,EAAE,CACVC,OAAAA,CAAM,CACNC,kBAAAA,EAAoB,CAAA,CAAI,CACxBC,cAAAA,EAAgB,CAAA,CAAK,CACrBC,MAAAA,CAAK,CACL,GAAGC,EACN,GAEOC,EAACnB,aAAAA,CAAAA,QAAAA,CACGoB,UAASN,EACTf,UAAWsB,EACP,oBACA,CACI,UAAWJ,GAAS,CAACb,EACrB,aAAcD,EACd,aAAcC,EACd,SAAUF,EACV,UAAWW,GAEfd,EAGHC,EAAAA,GAASmB,EAACG,aAAAA,CAAAA,EAAAA,CAAMtB,MAAOA,IACxBmB,EAACI,aAAAA,CAAAA,EAAAA,CACGpB,SAAUA,EACVS,WAAY,CACR,GAAIY,CAAgB,CACpB,GAAGZ,CAAAA,AACP,EACAG,kBAAmBA,EACnBU,gBAAgB,oBAChBpB,cAAeA,EACfD,WAAYA,EACZE,iBAAkBA,EAClBG,eAAgBA,EAChBE,YAAaA,EACZ,GAAGO,CAAI,CACRQ,OACI,CACI,GAAGC,CAAa,CAChB,GAAGT,EAAKQ,MAAAA,AACZ,CAGPV,GAAAA,CAAAA,GAAkBH,GAAUZ,EAAckB,EAACS,aAAAA,CAAAA,EAAAA,CAAU3B,KAAMA,EAAMY,MAAOA,IAArC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import
|
|
1
|
+
import e from"react";import t from"../LabelText/LabelText.js";let l=({label:l})=>e.createElement(t,null,l);export{l as default};
|
|
2
2
|
//# sourceMappingURL=Label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sources":["../../../src/components/Select/Label.tsx"],"sourcesContent":["import React from 'react';\n\nimport LabelText from '../LabelText';\n\ninterface LabelProps {\n label?: string;\n}\n\nconst Label: React.FC<React.PropsWithChildren<LabelProps>> = ({ label }) => {\n return <LabelText>{label}</LabelText>;\n};\n\nexport default Label;\n"],"names":["Label","
|
|
1
|
+
{"version":3,"file":"Label.js","sources":["../../../src/components/Select/Label.tsx"],"sourcesContent":["import React from 'react';\n\nimport LabelText from '../LabelText';\n\ninterface LabelProps {\n label?: string;\n}\n\nconst Label: React.FC<React.PropsWithChildren<LabelProps>> = ({ label }) => {\n return <LabelText>{label}</LabelText>;\n};\n\nexport default Label;\n"],"names":["Label","label","React","LabelText"],"mappings":"8DAQA,IAAMA,EAAuD,CAAC,CAAEC,MAAAA,CAAK,CAAE,GAC5DC,gBAACC,EAAWF,KAAAA"}
|
|
@@ -1,10 +1,5 @@
|
|
|
1
|
-
import * as react_select_dist_declarations_src_components_MultiValue from 'react-select/dist/declarations/src/components/MultiValue';
|
|
2
|
-
import * as react_select_dist_declarations_src_components_Menu from 'react-select/dist/declarations/src/components/Menu';
|
|
3
|
-
import * as react_select_dist_declarations_src_components_indicators from 'react-select/dist/declarations/src/components/indicators';
|
|
4
|
-
import * as _emotion_react from '@emotion/react';
|
|
5
|
-
import * as react_select from 'react-select';
|
|
6
|
-
import { Props, GroupBase } from 'react-select';
|
|
7
1
|
import React from 'react';
|
|
2
|
+
import { Props, GroupBase, components } from 'react-select';
|
|
8
3
|
import { WithLabel, WithHint, LoadingFeedback, ErrorFeedback, DataQa, HideEmptyMeta, WithPulseAnimation } from '../types.js';
|
|
9
4
|
import { Option, SelectRef } from './types.js';
|
|
10
5
|
|
|
@@ -12,32 +7,6 @@ interface SelectProps extends Props<Option, false | true, GroupBase<Option>>, Pa
|
|
|
12
7
|
wide?: boolean;
|
|
13
8
|
}
|
|
14
9
|
declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<SelectRef>>;
|
|
15
|
-
declare const SelectComponents:
|
|
16
|
-
ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: react_select.ClearIndicatorProps<Option, IsMulti, Group>) => _emotion_react.jsx.JSX.Element;
|
|
17
|
-
Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends GroupBase<Option_1>>(props: react_select.ControlProps<Option_1, IsMulti_1, Group_1>) => _emotion_react.jsx.JSX.Element;
|
|
18
|
-
DropdownIndicator: <Option_2, IsMulti_2 extends boolean, Group_2 extends GroupBase<Option_2>>(props: react_select.DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => _emotion_react.jsx.JSX.Element;
|
|
19
|
-
DownChevron: (props: react_select_dist_declarations_src_components_indicators.DownChevronProps) => _emotion_react.jsx.JSX.Element;
|
|
20
|
-
CrossIcon: (props: react_select_dist_declarations_src_components_indicators.CrossIconProps) => _emotion_react.jsx.JSX.Element;
|
|
21
|
-
Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends GroupBase<Option_3>>(props: react_select.GroupProps<Option_3, IsMulti_3, Group_3>) => _emotion_react.jsx.JSX.Element;
|
|
22
|
-
GroupHeading: <Option_4, IsMulti_4 extends boolean, Group_4 extends GroupBase<Option_4>>(props: react_select.GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => _emotion_react.jsx.JSX.Element;
|
|
23
|
-
IndicatorsContainer: <Option_5, IsMulti_5 extends boolean, Group_5 extends GroupBase<Option_5>>(props: react_select.IndicatorsContainerProps<Option_5, IsMulti_5, Group_5>) => _emotion_react.jsx.JSX.Element;
|
|
24
|
-
IndicatorSeparator: <Option_6, IsMulti_6 extends boolean, Group_6 extends GroupBase<Option_6>>(props: react_select.IndicatorSeparatorProps<Option_6, IsMulti_6, Group_6>) => _emotion_react.jsx.JSX.Element;
|
|
25
|
-
Input: <Option_7, IsMulti_7 extends boolean, Group_7 extends GroupBase<Option_7>>(props: react_select.InputProps<Option_7, IsMulti_7, Group_7>) => _emotion_react.jsx.JSX.Element;
|
|
26
|
-
LoadingIndicator: <Option_8, IsMulti_8 extends boolean, Group_8 extends GroupBase<Option_8>>({ innerProps, isRtl, size, ...restProps }: react_select.LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>) => _emotion_react.jsx.JSX.Element;
|
|
27
|
-
Menu: <Option_9, IsMulti_9 extends boolean, Group_9 extends GroupBase<Option_9>>(props: react_select.MenuProps<Option_9, IsMulti_9, Group_9>) => _emotion_react.jsx.JSX.Element;
|
|
28
|
-
MenuList: <Option_10, IsMulti_10 extends boolean, Group_10 extends GroupBase<Option_10>>(props: react_select.MenuListProps<Option_10, IsMulti_10, Group_10>) => _emotion_react.jsx.JSX.Element;
|
|
29
|
-
MenuPortal: <Option_11, IsMulti_11 extends boolean, Group_11 extends GroupBase<Option_11>>(props: react_select_dist_declarations_src_components_Menu.MenuPortalProps<Option_11, IsMulti_11, Group_11>) => _emotion_react.jsx.JSX.Element | null;
|
|
30
|
-
LoadingMessage: <Option_12, IsMulti_12 extends boolean, Group_12 extends GroupBase<Option_12>>({ children, innerProps, ...restProps }: react_select.NoticeProps<Option_12, IsMulti_12, Group_12>) => _emotion_react.jsx.JSX.Element;
|
|
31
|
-
NoOptionsMessage: <Option_13, IsMulti_13 extends boolean, Group_13 extends GroupBase<Option_13>>({ children, innerProps, ...restProps }: react_select.NoticeProps<Option_13, IsMulti_13, Group_13>) => _emotion_react.jsx.JSX.Element;
|
|
32
|
-
MultiValue: <Option_14, IsMulti_14 extends boolean, Group_14 extends GroupBase<Option_14>>(props: react_select.MultiValueProps<Option_14, IsMulti_14, Group_14>) => _emotion_react.jsx.JSX.Element;
|
|
33
|
-
MultiValueContainer: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, }: react_select.MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => _emotion_react.jsx.JSX.Element;
|
|
34
|
-
MultiValueLabel: <Option_15, IsMulti_15 extends boolean, Group_15 extends GroupBase<Option_15>>({ children, innerProps, }: react_select.MultiValueGenericProps<Option_15, IsMulti_15, Group_15>) => _emotion_react.jsx.JSX.Element;
|
|
35
|
-
MultiValueRemove: typeof react_select_dist_declarations_src_components_MultiValue.MultiValueRemove;
|
|
36
|
-
Option: <Option_16, IsMulti_16 extends boolean, Group_16 extends GroupBase<Option_16>>(props: react_select.OptionProps<Option_16, IsMulti_16, Group_16>) => _emotion_react.jsx.JSX.Element;
|
|
37
|
-
Placeholder: <Option_17, IsMulti_17 extends boolean, Group_17 extends GroupBase<Option_17>>(props: react_select.PlaceholderProps<Option_17, IsMulti_17, Group_17>) => _emotion_react.jsx.JSX.Element;
|
|
38
|
-
SelectContainer: <Option_18, IsMulti_18 extends boolean, Group_18 extends GroupBase<Option_18>>(props: react_select.ContainerProps<Option_18, IsMulti_18, Group_18>) => _emotion_react.jsx.JSX.Element;
|
|
39
|
-
SingleValue: <Option_19, IsMulti_19 extends boolean, Group_19 extends GroupBase<Option_19>>(props: react_select.SingleValueProps<Option_19, IsMulti_19, Group_19>) => _emotion_react.jsx.JSX.Element;
|
|
40
|
-
ValueContainer: <Option_20, IsMulti_20 extends boolean, Group_20 extends GroupBase<Option_20>>(props: react_select.ValueContainerProps<Option_20, IsMulti_20, Group_20>) => _emotion_react.jsx.JSX.Element;
|
|
41
|
-
};
|
|
10
|
+
declare const SelectComponents: typeof components;
|
|
42
11
|
|
|
43
12
|
export { SelectComponents, type SelectProps, Select as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{forwardRef as t}from"react";import
|
|
1
|
+
import e,{forwardRef as t}from"react";import s,{components as a}from"react-select";import l from"classnames";import o from"../InputMeta/InputMeta.js";import r from"./Label.js";import m from"./customComponents.js";import n from"./defaultProps.js";import{composeStyles as i}from"./utils.js";let c=t(({className:t,label:a,hint:c,wide:p,required:u,loading:d,isDisabled:f,menuPlacement:g="auto",noOptionsMessage:M=n.noOptionsMessageDefault,loadingMessage:b=n.loadingMessageDefault,placeholder:j=" ",components:h={},error:E="",dataQa:S,closeMenuOnSelect:q=!0,hideEmptyMeta:y=!1,pulse:D,...N},O)=>e.createElement("label",{"data-qa":S,className:l("vchasno-ui-select",{"--pulse":D&&!f,"--required":u,"--disabled":f,"--wide":p,"--error":E},t)},a&&e.createElement(r,{label:a}),e.createElement(s,{ref:O,required:u,isLoading:d,components:{...m,...h},closeMenuOnSelect:q,classNamePrefix:"vchasno-ui-select",menuPlacement:g,isDisabled:f,noOptionsMessage:M,loadingMessage:b,placeholder:j,...N,styles:{...i,...N.styles}}),!y||E||c?e.createElement(o,{hint:c,error:E}):null));c.displayName="Select";let p=a;export{p as SelectComponents,c as default};
|
|
2
2
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport ReactSelect, { GroupBase
|
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport ReactSelect, {\n type GroupBase,\n type Props as ReactSelectProps,\n components,\n} from 'react-select';\n\nimport cn from 'classnames';\n\nimport InputMeta from '../InputMeta';\nimport type {\n DataQa,\n ErrorFeedback,\n HideEmptyMeta,\n LoadingFeedback,\n WithHint,\n WithLabel,\n WithPulseAnimation,\n} from '../types';\nimport Label from './Label';\nimport { type SelectCreatableProps } from './SelectCreatable';\nimport CustomComponents from './customComponents';\nimport defaultProps from './defaultProps';\nimport type { Option, SelectRef } from './types';\nimport { composeStyles } from './utils';\n\nimport './Select.global.css';\n\nexport interface SelectProps\n extends ReactSelectProps<Option, false | true, GroupBase<Option>>,\n Partial<\n WithLabel &\n WithHint &\n LoadingFeedback &\n ErrorFeedback &\n DataQa &\n HideEmptyMeta &\n WithPulseAnimation\n > {\n wide?: boolean;\n}\n\nconst Select = forwardRef<SelectRef, SelectProps>(\n (\n {\n className,\n label,\n hint,\n wide,\n required,\n loading,\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 pulse,\n ...rest\n },\n ref,\n ) => {\n return (\n <label\n data-qa={dataQa}\n className={cn(\n 'vchasno-ui-select',\n {\n '--pulse': pulse && !isDisabled,\n '--required': required,\n '--disabled': isDisabled,\n '--wide': wide,\n '--error': error,\n },\n className,\n )}\n >\n {label && <Label label={label} />}\n <ReactSelect\n ref={ref}\n required={required}\n isLoading={loading}\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);\n\nSelect.displayName = 'Select';\n\nexport const SelectComponents: typeof components = components;\n\nexport default Select;\n"],"names":["Select","forwardRef","className","label","hint","wide","required","loading","isDisabled","menuPlacement","noOptionsMessage","defaultProps","noOptionsMessageDefault","loadingMessage","loadingMessageDefault","placeholder","components","error","dataQa","closeMenuOnSelect","hideEmptyMeta","pulse","rest","ref","React","data-qa","cn","Label","ReactSelect","isLoading","CustomComponents","classNamePrefix","styles","composeStyles","InputMeta","displayName","SelectComponents"],"mappings":"iSA0CMA,IAAAA,EAASC,EACX,CACI,CACIC,UAAAA,CAAS,CACTC,MAAAA,CAAK,CACLC,KAAAA,CAAI,CACJC,KAAAA,CAAI,CACJC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,WAAAA,CAAU,CACVC,cAAAA,EAAgB,MAAM,CACtBC,iBAAAA,EAAmBC,EAAaC,uBAAuB,CACvDC,eAAAA,EAAiBF,EAAaG,qBAAqB,CACnDC,YAAAA,EAAc,GAAG,CACjBC,WAAAA,EAAa,CAAE,CAAA,CACfC,MAAAA,EAAQ,EAAE,CACVC,OAAAA,CAAM,CACNC,kBAAAA,EAAoB,CAAA,CAAI,CACxBC,cAAAA,EAAgB,CAAA,CAAK,CACrBC,MAAAA,CAAK,CACL,GAAGC,EACN,CACDC,IAGIC,EAACrB,aAAAA,CAAAA,QAAAA,CACGsB,UAASP,EACThB,UAAWwB,EACP,oBACA,CACI,UAAWL,GAAS,CAACb,EACrB,aAAcF,EACd,aAAcE,EACd,SAAUH,EACV,UAAWY,GAEff,EAGHC,EAAAA,GAASqB,EAACG,aAAAA,CAAAA,EAAAA,CAAMxB,MAAOA,IACxBqB,EAACI,aAAAA,CAAAA,EAAAA,CACGL,IAAKA,EACLjB,SAAUA,EACVuB,UAAWtB,EACXS,WAAY,CACR,GAAIc,CAAgB,CACpB,GAAGd,CAAAA,AACP,EACAG,kBAAmBA,EACnBY,gBAAgB,oBAChBtB,cAAeA,EACfD,WAAYA,EACZE,iBAAkBA,EAClBG,eAAgBA,EAChBE,YAAaA,EACZ,GAAGO,CAAI,CACRU,OACI,CACI,GAAGC,CAAa,CAChB,GAAGX,EAAKU,MAAAA,AACZ,CAGPZ,GAAAA,CAAAA,GAAkBH,GAAUb,EAAcoB,EAACU,aAAAA,CAAAA,EAAAA,CAAU9B,KAAMA,EAAMa,MAAOA,IAArC,MAMpDjB,CAAAA,EAAOmC,WAAW,CAAG,SAEd,IAAMC,EAAsCpB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { InputHTMLAttributes } from 'react';
|
|
2
|
+
import { GroupBase } from 'react-select';
|
|
2
3
|
import { CreatableProps } from 'react-select/creatable';
|
|
3
|
-
import { GroupBase } from 'react-select/dist/declarations/src/types';
|
|
4
4
|
import { WithLabel, WithHint, LoadingFeedback, ErrorFeedback, DataQa, HideEmptyMeta, WithPulseAnimation } from '../types.js';
|
|
5
5
|
import { Option, SelectRef } from './types.js';
|
|
6
6
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{forwardRef as
|
|
1
|
+
import e,{forwardRef as a}from"react";import t from"react-select/creatable";import s from"classnames";import l from"../InputMeta/InputMeta.js";import r from"./Label.js";import o from"./customComponents.js";import m from"./defaultProps.js";import{composeStyles as i}from"./utils.js";let n=a(({className:a,label:n,hint:c,wide:p,required:u,loading:d,isDisabled:f,menuPlacement:b="auto",noOptionsMessage:g=m.noOptionsMessageDefault,loadingMessage:M=m.loadingMessageDefault,placeholder:j=" ",components:h={},isClearable:C,dataQa:E,labelProps:q,hideEmptyMeta:y=!1,pulse:D,error:N,...P},v)=>e.createElement("label",{...q,"data-qa":E,className:s("vchasno-ui-select",{"--pulse":D&&!f,"--required":u,"--disabled":f,"--wide":p,"--error":N},a)},n&&e.createElement(r,{label:n}),e.createElement(t,{ref:v,isClearable:C,required:u,isLoading:d,components:{...o,...h},classNamePrefix:"vchasno-ui-select",menuPlacement:b,isDisabled:f,noOptionsMessage:g,loadingMessage:M,placeholder:j,...P,styles:{...i,...P.styles}}),!y||N||c?e.createElement(l,{hint:c,error:N}):null));n.displayName="SelectCreatable";export{n as default};
|
|
2
2
|
//# sourceMappingURL=SelectCreatable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectCreatable.js","sources":["../../../src/components/Select/SelectCreatable.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, forwardRef } from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"SelectCreatable.js","sources":["../../../src/components/Select/SelectCreatable.tsx"],"sourcesContent":["import React, { type InputHTMLAttributes, forwardRef } from 'react';\nimport { type GroupBase } from 'react-select';\nimport ReactSelectCreatable, { type CreatableProps } from 'react-select/creatable';\n\nimport cn from 'classnames';\n\nimport InputMeta from '../InputMeta';\nimport type {\n DataQa,\n ErrorFeedback,\n HideEmptyMeta,\n LoadingFeedback,\n WithHint,\n WithLabel,\n WithPulseAnimation,\n} from '../types';\nimport Label from './Label';\nimport CustomComponents from './customComponents';\nimport defaultProps from './defaultProps';\nimport type { Option, SelectRef } from './types';\nimport { composeStyles } from './utils';\n\nimport './Select.global.css';\n\nexport type SelectOption = Option;\n\nexport interface SelectCreatableProps\n extends CreatableProps<Option, false | true, GroupBase<Option>>,\n Partial<\n WithLabel &\n WithHint &\n LoadingFeedback &\n ErrorFeedback &\n DataQa &\n HideEmptyMeta &\n WithPulseAnimation\n > {\n wide?: boolean;\n labelProps?: InputHTMLAttributes<HTMLLabelElement>;\n}\n\nconst SelectCreatable = forwardRef<SelectRef, SelectCreatableProps>(\n (\n {\n className,\n label,\n hint,\n wide,\n required,\n loading,\n isDisabled,\n menuPlacement = 'auto',\n noOptionsMessage = defaultProps.noOptionsMessageDefault,\n loadingMessage = defaultProps.loadingMessageDefault,\n placeholder = ' ', //need \"space\" for correct label working\n components = {},\n isClearable,\n dataQa,\n labelProps,\n hideEmptyMeta = false,\n pulse,\n error,\n ...rest\n },\n ref,\n ) => {\n return (\n <label\n {...labelProps}\n data-qa={dataQa}\n className={cn(\n 'vchasno-ui-select',\n {\n '--pulse': pulse && !isDisabled,\n '--required': required,\n '--disabled': isDisabled,\n '--wide': wide,\n '--error': error,\n },\n className,\n )}\n >\n {label && <Label label={label} />}\n <ReactSelectCreatable\n ref={ref}\n isClearable={isClearable}\n required={required}\n isLoading={loading}\n components={{\n ...(CustomComponents as SelectCreatableProps['components']),\n ...components,\n }}\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);\n\nSelectCreatable.displayName = 'SelectCreatable';\n\nexport default SelectCreatable;\n"],"names":["SelectCreatable","forwardRef","className","label","hint","wide","required","loading","isDisabled","menuPlacement","noOptionsMessage","defaultProps","noOptionsMessageDefault","loadingMessage","loadingMessageDefault","placeholder","components","isClearable","dataQa","labelProps","hideEmptyMeta","pulse","error","rest","ref","React","data-qa","cn","Label","ReactSelectCreatable","isLoading","CustomComponents","classNamePrefix","styles","composeStyles","InputMeta","displayName"],"mappings":"0RAyCMA,IAAAA,EAAkBC,EACpB,CACI,CACIC,UAAAA,CAAS,CACTC,MAAAA,CAAK,CACLC,KAAAA,CAAI,CACJC,KAAAA,CAAI,CACJC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,WAAAA,CAAU,CACVC,cAAAA,EAAgB,MAAM,CACtBC,iBAAAA,EAAmBC,EAAaC,uBAAuB,CACvDC,eAAAA,EAAiBF,EAAaG,qBAAqB,CACnDC,YAAAA,EAAc,GAAG,CACjBC,WAAAA,EAAa,CAAA,CAAE,CACfC,YAAAA,CAAW,CACXC,OAAAA,CAAM,CACNC,WAAAA,CAAU,CACVC,cAAAA,EAAgB,CAAA,CAAK,CACrBC,MAAAA,CAAK,CACLC,MAAAA,CAAK,CACL,GAAGC,EACN,CACDC,IAGIC,EAACtB,aAAAA,CAAAA,QAAAA,CACI,GAAGgB,CAAU,CACdO,UAASR,EACThB,UAAWyB,EACP,oBACA,CACI,UAAWN,GAAS,CAACb,EACrB,aAAcF,EACd,aAAcE,EACd,SAAUH,EACV,UAAWiB,GAEfpB,EAGHC,EAAAA,GAASsB,EAACG,aAAAA,CAAAA,EAAAA,CAAMzB,MAAOA,IACxBsB,EAACI,aAAAA,CAAAA,EAAAA,CACGL,IAAKA,EACLP,YAAaA,EACbX,SAAUA,EACVwB,UAAWvB,EACXS,WAAY,CACR,GAAIe,CAAgB,CACpB,GAAGf,CAAAA,AACP,EACAgB,gBAAgB,oBAChBvB,cAAeA,EACfD,WAAYA,EACZE,iBAAkBA,EAClBG,eAAgBA,EAChBE,YAAaA,EACZ,GAAGQ,CAAI,CACRU,OACI,CACI,GAAGC,CAAa,CAChB,GAAGX,EAAKU,MAAAA,AACZ,CAGPb,GAAAA,CAAAA,GAAkBE,GAAUlB,EAAcqB,EAACU,aAAAA,CAAAA,EAAAA,CAAU/B,KAAMA,EAAMkB,MAAOA,IAArC,MAMpDtB,CAAAA,EAAgBoC,WAAW,CAAG"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";import{components as t}from"react-select";import r from"../Spinner/Spinner.js";
|
|
1
|
+
import e from"react";import{components as t}from"react-select";import r from"../Spinner/Spinner.js";let o=e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M11.4 10L14.7 6.7C15.1 6.3 15.1 5.7 14.7 5.3C14.3 4.9 13.7 4.9 13.3 5.3L10 8.6L6.7 5.3C6.3 4.9 5.7 4.9 5.3 5.3C4.9 5.7 4.9 6.3 5.3 6.7L8.6 10L5.3 13.3C4.9 13.7 4.9 14.3 5.3 14.7C5.5 14.9 5.7 15 6 15C6.3 15 6.5 14.9 6.7 14.7L10 11.4L13.3 14.7C13.5 14.9 13.7 15 14 15C14.3 15 14.5 14.9 14.7 14.7C15.1 14.3 15.1 13.7 14.7 13.3L11.4 10Z",fill:"currentColor"}));var n={MultiValueRemove:r=>e.createElement(t.MultiValueRemove,r,o),DropdownIndicator:r=>e.createElement(t.DropdownIndicator,r,e.createElement("svg",{width:"10",height:"7",viewBox:"0 0 10 7",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.0025 6.0025C4.7425 6.0025 4.4825 5.9025 4.2925 5.7125L0.2925 1.7125C-0.0975 1.3225 -0.0975 0.6825 0.2925 0.2925C0.6825 -0.0975 1.3225 -0.0975 1.7125 0.2925L5.0025 3.5825L8.2825 0.3025C8.6725 -0.0875 9.3125 -0.0875 9.7025 0.3025C10.0925 0.6925 10.0925 1.3325 9.7025 1.7225L5.7125 5.7125C5.5125 5.9025 5.2525 6.0025 5.0025 6.0025Z",fill:"currentColor"}))),LoadingIndicator:()=>e.createElement(r,{height:"18px"}),IndicatorSeparator:()=>null,ClearIndicator:r=>e.createElement(t.ClearIndicator,r,o)};export{n as default};
|
|
2
2
|
//# sourceMappingURL=customComponents.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"customComponents.js","sources":["../../../src/components/Select/customComponents.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ClearIndicatorProps,\n DropdownIndicatorProps,\n MultiValueRemoveProps,\n components,\n} from 'react-select';\n\nimport Spinner from '../Spinner';\n\nconst closeSvg = (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M11.4 10L14.7 6.7C15.1 6.3 15.1 5.7 14.7 5.3C14.3 4.9 13.7 4.9 13.3 5.3L10 8.6L6.7 5.3C6.3 4.9 5.7 4.9 5.3 5.3C4.9 5.7 4.9 6.3 5.3 6.7L8.6 10L5.3 13.3C4.9 13.7 4.9 14.3 5.3 14.7C5.5 14.9 5.7 15 6 15C6.3 15 6.5 14.9 6.7 14.7L10 11.4L13.3 14.7C13.5 14.9 13.7 15 14 15C14.3 15 14.5 14.9 14.7 14.7C15.1 14.3 15.1 13.7 14.7 13.3L11.4 10Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst IndicatorSeparator = () => null;\n\nconst LoadingIndicator = () => <Spinner height=\"18px\" />;\n\nconst MultiValueRemove = (props: MultiValueRemoveProps) => {\n return <components.MultiValueRemove {...props}>{closeSvg}</components.MultiValueRemove>;\n};\n\nconst DropdownIndicator = (props: DropdownIndicatorProps) => {\n return (\n <components.DropdownIndicator {...props}>\n <svg\n width=\"10\"\n height=\"7\"\n viewBox=\"0 0 10 7\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.0025 6.0025C4.7425 6.0025 4.4825 5.9025 4.2925 5.7125L0.2925 1.7125C-0.0975 1.3225 -0.0975 0.6825 0.2925 0.2925C0.6825 -0.0975 1.3225 -0.0975 1.7125 0.2925L5.0025 3.5825L8.2825 0.3025C8.6725 -0.0875 9.3125 -0.0875 9.7025 0.3025C10.0925 0.6925 10.0925 1.3325 9.7025 1.7225L5.7125 5.7125C5.5125 5.9025 5.2525 6.0025 5.0025 6.0025Z\"\n fill=\"currentColor\"\n />\n </svg>\n </components.DropdownIndicator>\n );\n};\n\nconst ClearIndicator = (props: ClearIndicatorProps) => {\n return <components.ClearIndicator {...props}>{closeSvg}</components.ClearIndicator>;\n};\n\nexport default {\n MultiValueRemove,\n DropdownIndicator,\n LoadingIndicator,\n IndicatorSeparator,\n ClearIndicator,\n};\n"],"names":["closeSvg","React","svg","width","height","viewBox","fill","xmlns","path","d","CustomComponents","MultiValueRemove","props","components","DropdownIndicator","LoadingIndicator","Spinner","IndicatorSeparator","ClearIndicator"],"mappings":"oGAUA,IAAMA,EACFC,EAACC,aAAAA,CAAAA,MAAAA,CAAIC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAC9DN,EAACO,aAAAA,CAAAA,OAAAA,CACGC,EAAE,+UACFH,KAAK,
|
|
1
|
+
{"version":3,"file":"customComponents.js","sources":["../../../src/components/Select/customComponents.tsx"],"sourcesContent":["import React from 'react';\nimport {\n type ClearIndicatorProps,\n type DropdownIndicatorProps,\n type MultiValueRemoveProps,\n components,\n} from 'react-select';\n\nimport Spinner from '../Spinner';\n\nconst closeSvg = (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M11.4 10L14.7 6.7C15.1 6.3 15.1 5.7 14.7 5.3C14.3 4.9 13.7 4.9 13.3 5.3L10 8.6L6.7 5.3C6.3 4.9 5.7 4.9 5.3 5.3C4.9 5.7 4.9 6.3 5.3 6.7L8.6 10L5.3 13.3C4.9 13.7 4.9 14.3 5.3 14.7C5.5 14.9 5.7 15 6 15C6.3 15 6.5 14.9 6.7 14.7L10 11.4L13.3 14.7C13.5 14.9 13.7 15 14 15C14.3 15 14.5 14.9 14.7 14.7C15.1 14.3 15.1 13.7 14.7 13.3L11.4 10Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst IndicatorSeparator = () => null;\n\nconst LoadingIndicator = () => <Spinner height=\"18px\" />;\n\nconst MultiValueRemove = (props: MultiValueRemoveProps) => {\n return <components.MultiValueRemove {...props}>{closeSvg}</components.MultiValueRemove>;\n};\n\nconst DropdownIndicator = (props: DropdownIndicatorProps) => {\n return (\n <components.DropdownIndicator {...props}>\n <svg\n width=\"10\"\n height=\"7\"\n viewBox=\"0 0 10 7\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.0025 6.0025C4.7425 6.0025 4.4825 5.9025 4.2925 5.7125L0.2925 1.7125C-0.0975 1.3225 -0.0975 0.6825 0.2925 0.2925C0.6825 -0.0975 1.3225 -0.0975 1.7125 0.2925L5.0025 3.5825L8.2825 0.3025C8.6725 -0.0875 9.3125 -0.0875 9.7025 0.3025C10.0925 0.6925 10.0925 1.3325 9.7025 1.7225L5.7125 5.7125C5.5125 5.9025 5.2525 6.0025 5.0025 6.0025Z\"\n fill=\"currentColor\"\n />\n </svg>\n </components.DropdownIndicator>\n );\n};\n\nconst ClearIndicator = (props: ClearIndicatorProps) => {\n return <components.ClearIndicator {...props}>{closeSvg}</components.ClearIndicator>;\n};\n\nexport default {\n MultiValueRemove,\n DropdownIndicator,\n LoadingIndicator,\n IndicatorSeparator,\n ClearIndicator,\n};\n"],"names":["closeSvg","React","svg","width","height","viewBox","fill","xmlns","path","d","CustomComponents","MultiValueRemove","props","components","DropdownIndicator","LoadingIndicator","Spinner","IndicatorSeparator","ClearIndicator"],"mappings":"oGAUA,IAAMA,EACFC,EAACC,aAAAA,CAAAA,MAAAA,CAAIC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAC9DN,EAACO,aAAAA,CAAAA,OAAAA,CACGC,EAAE,+UACFH,KAAK,kBAoCjB,IAAeI,EAAA,CACXC,iBA5BqB,AAACC,GACfX,EAACY,aAAAA,CAAAA,EAAWF,gBAAgB,CAAKC,EAAQZ,GA4BhDc,kBAzBsB,AAACF,GAEnBX,EAACY,aAAAA,CAAAA,EAAWC,iBAAiB,CAAKF,EAC9BX,EAACC,aAAAA,CAAAA,MAAAA,CACGC,MAAM,KACNC,OAAO,IACPC,QAAQ,WACRC,KAAK,OACLC,MAAM,8BAENN,EAACO,aAAAA,CAAAA,OAAAA,CACGC,EAAE,8UACFH,KAAK,mBAcrBS,iBAhCqB,IAAMd,EAACe,aAAAA,CAAAA,EAAAA,CAAQZ,OAAO,SAiC3Ca,mBAnCuB,IAAM,KAoC7BC,eATmB,AAACN,GACbX,EAACY,aAAAA,CAAAA,EAAWK,cAAc,CAAKN,EAAQZ,EASlD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"react";var
|
|
1
|
+
import e from"react";var a={noOptionsMessageDefault:()=>e.createElement("span",null,"Не має опцій"),loadingMessageDefault:()=>e.createElement("span",null,"Завантаження...")};export{a as default};
|
|
2
2
|
//# sourceMappingURL=defaultProps.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sources":["../../../src/components/Select/defaultProps.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nconst noOptionsMessageDefault: () => ReactNode = () => <span>Не має опцій</span>;\n\nconst loadingMessageDefault: () => ReactNode = () => <span>Завантаження...</span>;\n\nexport default { noOptionsMessageDefault, loadingMessageDefault };\n"],"names":["defaultProps","noOptionsMessageDefault","React","createElement","span","loadingMessageDefault"],"mappings":"qBAMA,IAAeA,EAAA,CAAEC,wBAJgC,
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sources":["../../../src/components/Select/defaultProps.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react';\n\nconst noOptionsMessageDefault: () => ReactNode = () => <span>Не має опцій</span>;\n\nconst loadingMessageDefault: () => ReactNode = () => <span>Завантаження...</span>;\n\nexport default { noOptionsMessageDefault, loadingMessageDefault };\n"],"names":["defaultProps","noOptionsMessageDefault","React","createElement","span","loadingMessageDefault"],"mappings":"qBAMA,IAAeA,EAAA,CAAEC,wBAJgC,IAAMC,EAAAC,aAAA,CAACC,OAAK,KAAA,gBAInBC,sBAFK,IAAMH,EAAAC,aAAA,CAACC,OAAK,KAAA,kBAEK"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import { ControlProps } from 'react-select';
|
|
2
|
-
import Select from 'react-select/dist/declarations/src/Select';
|
|
3
|
-
import { GroupBase } from 'react-select/dist/declarations/src/types';
|
|
1
|
+
import { SelectInstance, GroupBase, ControlProps } from 'react-select';
|
|
4
2
|
|
|
5
3
|
interface Option {
|
|
6
4
|
readonly label: string;
|
|
7
5
|
readonly value: string;
|
|
8
6
|
}
|
|
9
|
-
type SelectRef =
|
|
7
|
+
type SelectRef = SelectInstance<Option, boolean, GroupBase<Option>>;
|
|
10
8
|
interface CustomControlProps extends ControlProps<Option, boolean, GroupBase<Option>> {
|
|
11
9
|
label?: string;
|
|
12
10
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
let e={control:e=>(delete e.outline,e)};export{e as composeStyles};
|
|
2
2
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../src/components/Select/utils.ts"],"sourcesContent":["import { Props as ReactSelectProps } from 'react-select';\n\nexport const composeStyles: ReactSelectProps['styles'] = {\n control: (styles) => {\n delete styles.outline;\n return styles;\n },\n} as const;\n"],"names":["composeStyles","control","styles","outline"],"mappings":"IAEaA,EAA4C,CACrDC,QAAS,
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../src/components/Select/utils.ts"],"sourcesContent":["import { type Props as ReactSelectProps } from 'react-select';\n\nexport const composeStyles: ReactSelectProps['styles'] = {\n control: (styles) => {\n delete styles.outline;\n return styles;\n },\n} as const;\n"],"names":["composeStyles","control","styles","outline"],"mappings":"IAEaA,EAA4C,CACrDC,QAAS,AAACC,IACN,OAAOA,EAAOC,OAAO,CACdD,EAEf"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import s from"react";import r from"@mui/material/Slider";let a=a=>s.createElement(r,{...a,className:"vchasno-ui-slider",slotProps:{...a.slotProps,root:{...a.slotProps?.root,className:"vchasno-ui-slider-root"},mark:{...a.slotProps?.mark,className:"vchasno-ui-slider-mark"},track:{...a.slotProps?.track,className:"vchasno-ui-slider-track"},thumb:{...a.slotProps?.thumb,className:"vchasno-ui-slider-thumb"},rail:{...a.slotProps?.rail,className:"vchasno-ui-slider-rail"}}});export{a as default};
|
|
2
2
|
//# sourceMappingURL=Slider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React from 'react';\n\nimport MaterialSlider, { SliderProps as MaterialSliderProps } from '@mui/material/Slider';\n\nimport './Slider.global.css';\n\nexport interface SliderProps extends MaterialSliderProps {}\n\nconst Slider: React.FC<SliderProps> = (props) => {\n return (\n <MaterialSlider\n {...props}\n className=\"vchasno-ui-slider\"\n slotProps={{\n ...props.slotProps,\n root: {\n ...props.slotProps?.root,\n className: 'vchasno-ui-slider-root',\n },\n mark: {\n ...props.slotProps?.mark,\n className: 'vchasno-ui-slider-mark',\n },\n track: {\n ...props.slotProps?.track,\n className: 'vchasno-ui-slider-track',\n },\n thumb: {\n ...props.slotProps?.thumb,\n className: 'vchasno-ui-slider-thumb',\n },\n rail: {\n ...props.slotProps?.rail,\n className: 'vchasno-ui-slider-rail',\n },\n }}\n />\n );\n};\n\nexport default Slider;\n"],"names":["Slider","props","React","MaterialSlider","className","slotProps","
|
|
1
|
+
{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React from 'react';\n\nimport MaterialSlider, { type SliderProps as MaterialSliderProps } from '@mui/material/Slider';\n\nimport './Slider.global.css';\n\nexport interface SliderProps extends MaterialSliderProps {}\n\nconst Slider: React.FC<SliderProps> = (props) => {\n return (\n <MaterialSlider\n {...props}\n className=\"vchasno-ui-slider\"\n slotProps={{\n ...props.slotProps,\n root: {\n ...props.slotProps?.root,\n className: 'vchasno-ui-slider-root',\n },\n mark: {\n ...props.slotProps?.mark,\n className: 'vchasno-ui-slider-mark',\n },\n track: {\n ...props.slotProps?.track,\n className: 'vchasno-ui-slider-track',\n },\n thumb: {\n ...props.slotProps?.thumb,\n className: 'vchasno-ui-slider-thumb',\n },\n rail: {\n ...props.slotProps?.rail,\n className: 'vchasno-ui-slider-rail',\n },\n }}\n />\n );\n};\n\nexport default Slider;\n"],"names":["Slider","props","React","MaterialSlider","className","slotProps","root","mark","track","thumb","rail"],"mappings":"yDAQA,IAAMA,EAAgC,AAACC,GAE/BC,EAACC,aAAAA,CAAAA,EAAAA,CACI,GAAGF,CAAK,CACTG,UAAU,oBACVC,UAAW,CACP,GAAGJ,EAAMI,SAAS,CAClBC,KAAM,CACF,GAAGL,EAAMI,SAAS,EAAEC,IAAI,CACxBF,UAAW,wBACf,EACAG,KAAM,CACF,GAAGN,EAAMI,SAAS,EAAEE,IAAI,CACxBH,UAAW,wBACf,EACAI,MAAO,CACH,GAAGP,EAAMI,SAAS,EAAEG,KAAK,CACzBJ,UAAW,yBACf,EACAK,MAAO,CACH,GAAGR,EAAMI,SAAS,EAAEI,KAAK,CACzBL,UAAW,yBACf,EACAM,KAAM,CACF,GAAGT,EAAMI,SAAS,EAAEK,IAAI,CACxBN,UAAW,wBACf,CACJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from"react";
|
|
1
|
+
import t from"react";let o=({children:o,onClick:a})=>t.createElement("button",{className:"vchasno-ui-snackbar-action-button",type:"button",onClick:a},o);export{o as default};
|
|
2
2
|
//# sourceMappingURL=ActionButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionButton.js","sources":["../../../src/components/Snackbar/ActionButton.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface ActionButtonProps {\n onClick: () => void;\n}\n\nconst ActionButton: React.FC<React.PropsWithChildren<ActionButtonProps>> = ({\n children,\n onClick,\n}) => (\n <button className=\"vchasno-ui-snackbar-action-button\" type=\"button\" onClick={onClick}>\n {children}\n </button>\n);\n\nexport default ActionButton;\n"],"names":["ActionButton","
|
|
1
|
+
{"version":3,"file":"ActionButton.js","sources":["../../../src/components/Snackbar/ActionButton.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface ActionButtonProps {\n onClick: () => void;\n}\n\nconst ActionButton: React.FC<React.PropsWithChildren<ActionButtonProps>> = ({\n children,\n onClick,\n}) => (\n <button className=\"vchasno-ui-snackbar-action-button\" type=\"button\" onClick={onClick}>\n {children}\n </button>\n);\n\nexport default ActionButton;\n"],"names":["ActionButton","children","onClick","React","button","className","type"],"mappings":"qBAMMA,IAAAA,EAAqE,CAAC,CACxEC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACV,GACGC,EAACC,aAAAA,CAAAA,SAAAA,CAAOC,UAAU,oCAAoCC,KAAK,SAASJ,QAASA,CACxED,EAAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import a from"react";import{ToastContainer as t,toast as r}from"react-toastify";import s from"./ActionButton.js";import o from"./WithAction.js";let e=a=>{let{type:t}=a;return"success"===t?"✅":"warning"===t?"⚠️":"error"===t?"❗":"\uD83E\uDD14"},c=r=>a.createElement(t,{hideProgressBar:!0,theme:"dark",className:"vchasno-ui-snackbar",bodyClassName:"vchasno-ui-snackbar-body",toastClassName:"vchasno-ui-snackbar-toast",position:"bottom-right",icon:e,...r}),i=r;c.displayName="Snackbar";var n=Object.assign(c,{ActionButton:s,WithAction:o});export{n as default,i as snackbarToast};
|
|
2
2
|
//# sourceMappingURL=Snackbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.js","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport {\n IconProps as ReactToastifyIconProps,\n ToastContainer,\n ToastContainerProps,\n toast,\n} from 'react-toastify';\n\nimport ActionButton from './ActionButton';\nimport WithAction from './WithAction';\n\nimport './SnackbarPackage.global.css';\n\nimport './Snackbar.global.css';\n\nexport interface SnackbarProps extends ToastContainerProps {}\nexport interface SnackbarIconProps extends ReactToastifyIconProps {}\n\nconst getIcon = (icon: SnackbarIconProps) => {\n const { type } = icon;\n\n if (type === 'success') {\n return '✅';\n }\n if (type === 'warning') {\n return '⚠️';\n }\n if (type === 'error') {\n return '❗';\n }\n return '🤔';\n};\n\nconst Snackbar: React.FC<SnackbarProps> = (props) => {\n return (\n <ToastContainer\n hideProgressBar\n theme=\"dark\"\n className=\"vchasno-ui-snackbar\"\n bodyClassName=\"vchasno-ui-snackbar-body\"\n toastClassName=\"vchasno-ui-snackbar-toast\"\n position=\"bottom-right\"\n icon={getIcon}\n {...props}\n />\n );\n};\n\nexport const snackbarToast = toast;\n\nSnackbar.displayName = 'Snackbar';\n\nexport default Object.assign(Snackbar, { ActionButton, WithAction });\n"],"names":["getIcon","icon","type","Snackbar","props","React","ToastContainer","hideProgressBar","theme","className","bodyClassName","toastClassName","position","snackbarToast","toast","displayName","Snackbar$1","Object","assign","ActionButton","WithAction"],"mappings":"gJAkBA,IAAMA,EAAU,
|
|
1
|
+
{"version":3,"file":"Snackbar.js","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport {\n type IconProps as ReactToastifyIconProps,\n ToastContainer,\n type ToastContainerProps,\n toast,\n} from 'react-toastify';\n\nimport ActionButton from './ActionButton';\nimport WithAction from './WithAction';\n\nimport './SnackbarPackage.global.css';\n\nimport './Snackbar.global.css';\n\nexport interface SnackbarProps extends ToastContainerProps {}\nexport interface SnackbarIconProps extends ReactToastifyIconProps {}\n\nconst getIcon = (icon: SnackbarIconProps) => {\n const { type } = icon;\n\n if (type === 'success') {\n return '✅';\n }\n if (type === 'warning') {\n return '⚠️';\n }\n if (type === 'error') {\n return '❗';\n }\n return '🤔';\n};\n\nconst Snackbar: React.FC<SnackbarProps> = (props) => {\n return (\n <ToastContainer\n hideProgressBar\n theme=\"dark\"\n className=\"vchasno-ui-snackbar\"\n bodyClassName=\"vchasno-ui-snackbar-body\"\n toastClassName=\"vchasno-ui-snackbar-toast\"\n position=\"bottom-right\"\n icon={getIcon}\n {...props}\n />\n );\n};\n\nexport const snackbarToast = toast;\n\nSnackbar.displayName = 'Snackbar';\n\nexport default Object.assign(Snackbar, { ActionButton, WithAction });\n"],"names":["getIcon","icon","type","Snackbar","props","React","ToastContainer","hideProgressBar","theme","className","bodyClassName","toastClassName","position","snackbarToast","toast","displayName","Snackbar$1","Object","assign","ActionButton","WithAction"],"mappings":"gJAkBA,IAAMA,EAAU,AAACC,IACb,GAAM,CAAEC,KAAAA,CAAI,CAAE,CAAGD,QAEjB,AAAIC,AAAS,YAATA,EACO,IAEPA,AAAS,YAATA,EACO,KAEPA,AAAS,UAATA,EACO,IAEJ,cACX,EAEMC,EAAoC,AAACC,GAEnCC,EAACC,aAAAA,CAAAA,EAAAA,CACGC,gBAAAA,CAAAA,EACAC,MAAM,OACNC,UAAU,sBACVC,cAAc,2BACdC,eAAe,4BACfC,SAAS,eACTX,KAAMD,EACL,GAAGI,CAAAA,GAKHS,EAAgBC,CAE7BX,CAAAA,EAASY,WAAW,CAAG,WAEvB,IAAAC,EAAeC,OAAOC,MAAM,CAACf,EAAU,CAAEgB,aAAAA,EAAcC,WAAAA,CAAW"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import t from"react";let a=({children:a})=>t.createElement("div",{className:"vchasno-ui-snackbar-with-action-container"},a);export{a as default};
|
|
2
2
|
//# sourceMappingURL=WithAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WithAction.js","sources":["../../../src/components/Snackbar/WithAction.tsx"],"sourcesContent":["import React from 'react';\n\nconst WithAction: React.FC = ({ children }) => {\n return <div className=\"vchasno-ui-snackbar-with-action-container\">{children}</div>;\n};\n\nexport default WithAction;\n"],"names":["WithAction","
|
|
1
|
+
{"version":3,"file":"WithAction.js","sources":["../../../src/components/Snackbar/WithAction.tsx"],"sourcesContent":["import React from 'react';\n\nconst WithAction: React.FC = ({ children }) => {\n return <div className=\"vchasno-ui-snackbar-with-action-container\">{children}</div>;\n};\n\nexport default WithAction;\n"],"names":["WithAction","children","React","div","className"],"mappings":"qBAEA,IAAMA,EAAuB,CAAC,CAAEC,SAAAA,CAAQ,CAAE,GAC/BC,EAACC,aAAAA,CAAAA,MAAAA,CAAIC,UAAU,2CAA6CH,EAAAA"}
|