@consta/uikit 4.23.0 → 4.23.1
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/SpoilerCanary/index.d.ts +1 -0
- package/SpoilerCanary/index.js +1 -0
- package/__internal__/src/components/SpoilerCanary/{Spoiler.js → SpoilerCanary.js} +1 -1
- package/__internal__/src/components/SpoilerCanary/SpoilerCanary.js.map +1 -0
- package/__internal__/src/components/SpoilerCanary/index.d.ts +1 -1
- package/__internal__/src/components/SpoilerCanary/index.js +1 -1
- package/__internal__/src/components/SpoilerCanary/index.js.map +1 -1
- package/package.json +1 -1
- package/__internal__/src/components/SpoilerCanary/Spoiler.js.map +0 -1
- /package/__internal__/src/components/SpoilerCanary/{Spoiler.d.ts → SpoilerCanary.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../__internal__/src/components/SpoilerCanary";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../__internal__/src/components/SpoilerCanary";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["preview","maxHeight","fullText","size","lessIcon","lessLabel","children","moreIcon","moreLabel","className"];import"./Spoiler.css";import React,{forwardRef}from"react";import{Text}from"../Text";import{useFlag}from"../../hooks/useFlag";import{cnMixSpace}from"../../mixs/MixSpace";import{cnCanary}from"../../utils/bem";import{SpoilerButton}from"./SpoilerButton";import{defaultSpoilerPropSize}from"./types";export var cnSpoiler=cnCanary("Spoiler");var spoilerOffsetMap={xs:"xs",s:"s",m:"m",l:"m"},getContent=function(a,b){return a.children?{mode:"blur",content:a.children}:{mode:"dots",content:b?a.fullText:a.preview}};export var Spoiler=forwardRef(function(a,b){var c=a.preview,d=a.maxHeight,e=void 0===d?96:d,f=a.fullText,g=a.size,h=void 0===g?defaultSpoilerPropSize:g,i=a.lessIcon,j=a.lessLabel,k=a.children,l=a.moreIcon,m=a.moreLabel,n=a.className,o=_objectWithoutProperties(a,_excluded),p=useFlag(),q=_slicedToArray(p,2),r=q[0],s=q[1],t=getContent(a,r),u=t.mode,v=t.content;return React.createElement("div",Object.assign({ref:b,className:cnSpoiler({size:h},[n])},o),React.createElement(Text,{className:cnSpoiler("Wrapper",{mode:u,open:r}),size:h,style:_defineProperty({},"--spoiler-content-height","".concat(e,"px"))},v),React.createElement(SpoilerButton,{className:cnSpoiler("Button",[cnMixSpace({mT:spoilerOffsetMap[h]})]),lessIcon:i,lessLabel:j,moreIcon:l,moreLabel:m,onClick:s.toggle,open:r,size:h}))});
|
|
2
|
-
//# sourceMappingURL=
|
|
2
|
+
//# sourceMappingURL=SpoilerCanary.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpoilerCanary.js","names":["React","forwardRef","Text","useFlag","cnMixSpace","cnCanary","SpoilerButton","defaultSpoilerPropSize","cnSpoiler","spoilerOffsetMap","xs","s","m","l","getContent","props","isOpen","children","mode","content","fullText","preview","Spoiler","ref","maxHeight","size","lessIcon","lessLabel","moreIcon","moreLabel","className","otherProps","setIsOpen","open","mT","toggle"],"sources":["../../../../../src/components/SpoilerCanary/SpoilerCanary.tsx"],"sourcesContent":["import './Spoiler.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Text } from '##/components/Text';\nimport { useFlag } from '##/hooks/useFlag';\nimport { cnMixSpace, Space } from '##/mixs/MixSpace';\nimport { cnCanary } from '##/utils/bem';\n\nimport { SpoilerButton } from './SpoilerButton';\nimport { defaultSpoilerPropSize, SpoilerProps, SpoilerPropSize } from './types';\n\nexport const cnSpoiler = cnCanary('Spoiler');\n\nconst spoilerOffsetMap: Record<SpoilerPropSize, Space> = {\n xs: 'xs',\n s: 's',\n m: 'm',\n l: 'm',\n};\n\nconst getContent = (props: SpoilerProps, isOpen: boolean) => {\n if (props.children) {\n return {\n mode: 'blur',\n content: props.children,\n };\n }\n return {\n mode: 'dots',\n content: isOpen ? props.fullText : props.preview,\n };\n};\n\nexport const Spoiler = forwardRef<HTMLDivElement, SpoilerProps>(\n (props, ref) => {\n const {\n preview,\n maxHeight = 96,\n fullText,\n size = defaultSpoilerPropSize,\n lessIcon,\n lessLabel,\n children,\n moreIcon,\n moreLabel,\n className,\n ...otherProps\n } = props;\n\n const [isOpen, setIsOpen] = useFlag();\n\n const { mode, content } = getContent(props, isOpen);\n\n return (\n <div\n ref={ref}\n className={cnSpoiler({ size }, [className])}\n {...otherProps}\n >\n <Text\n className={cnSpoiler('Wrapper', { mode, open: isOpen })}\n size={size}\n style={{\n ['--spoiler-content-height' as string]: `${maxHeight}px`,\n }}\n >\n {content}\n </Text>\n <SpoilerButton\n className={cnSpoiler('Button', [\n cnMixSpace({ mT: spoilerOffsetMap[size] }),\n ])}\n lessIcon={lessIcon}\n lessLabel={lessLabel}\n moreIcon={moreIcon}\n moreLabel={moreLabel}\n onClick={setIsOpen.toggle}\n open={isOpen}\n size={size}\n />\n </div>\n );\n },\n);\n"],"mappings":"sVAAA,sBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,IAAT,eACA,OAASC,OAAT,2BACA,OAASC,UAAT,2BACA,OAASC,QAAT,uBAEA,OAASC,aAAT,uBACA,OAASC,sBAAT,eAEA,MAAO,IAAMC,UAAS,CAAGH,QAAQ,CAAC,SAAD,CAA1B,C,GAEDI,iBAAgD,CAAG,CACvDC,EAAE,CAAE,IADmD,CAEvDC,CAAC,CAAE,GAFoD,CAGvDC,CAAC,CAAE,GAHoD,CAIvDC,CAAC,CAAE,GAJoD,C,CAOnDC,UAAU,CAAG,SAACC,CAAD,CAAsBC,CAAtB,CAA0C,OACvDD,EAAK,CAACE,QADiD,CAElD,CACLC,IAAI,CAAE,MADD,CAELC,OAAO,CAAEJ,CAAK,CAACE,QAFV,CAFkD,CAOpD,CACLC,IAAI,CAAE,MADD,CAELC,OAAO,CAAEH,CAAM,CAAGD,CAAK,CAACK,QAAT,CAAoBL,CAAK,CAACM,OAFpC,CAIR,C,CAED,MAAO,IAAMC,QAAO,CAAGrB,UAAU,CAC/B,SAACc,CAAD,CAAQQ,CAAR,CAAgB,IAEZF,EAFY,CAaVN,CAbU,CAEZM,OAFY,GAaVN,CAbU,CAGZS,SAHY,CAGZA,CAHY,YAGA,EAHA,GAIZJ,CAJY,CAaVL,CAbU,CAIZK,QAJY,GAaVL,CAbU,CAKZU,IALY,CAKZA,CALY,YAKLlB,sBALK,GAMZmB,CANY,CAaVX,CAbU,CAMZW,QANY,CAOZC,CAPY,CAaVZ,CAbU,CAOZY,SAPY,CAQZV,CARY,CAaVF,CAbU,CAQZE,QARY,CASZW,CATY,CAaVb,CAbU,CASZa,QATY,CAUZC,CAVY,CAaVd,CAbU,CAUZc,SAVY,CAWZC,CAXY,CAaVf,CAbU,CAWZe,SAXY,CAYTC,CAZS,0BAaVhB,CAbU,cAecZ,OAAO,EAfrB,uBAePa,CAfO,MAeCgB,CAfD,QAiBYlB,UAAU,CAACC,CAAD,CAAQC,CAAR,CAjBtB,CAiBNE,CAjBM,GAiBNA,IAjBM,CAiBAC,CAjBA,GAiBAA,OAjBA,CAmBd,MACE,0CACE,GAAG,CAAEI,CADP,CAEE,SAAS,CAAEf,SAAS,CAAC,CAAEiB,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACK,CAAD,CAAX,CAFtB,EAGMC,CAHN,EAKE,oBAAC,IAAD,EACE,SAAS,CAAEvB,SAAS,CAAC,SAAD,CAAY,CAAEU,IAAI,CAAJA,CAAF,CAAQe,IAAI,CAAEjB,CAAd,CAAZ,CADtB,CAEE,IAAI,CAAES,CAFR,CAGE,KAAK,oBACF,0BADE,WACwCD,CADxC,OAHP,EAOGL,CAPH,CALF,CAcE,oBAAC,aAAD,EACE,SAAS,CAAEX,SAAS,CAAC,QAAD,CAAW,CAC7BJ,UAAU,CAAC,CAAE8B,EAAE,CAAEzB,gBAAgB,CAACgB,CAAD,CAAtB,CAAD,CADmB,CAAX,CADtB,CAIE,QAAQ,CAAEC,CAJZ,CAKE,SAAS,CAAEC,CALb,CAME,QAAQ,CAAEC,CANZ,CAOE,SAAS,CAAEC,CAPb,CAQE,OAAO,CAAEG,CAAS,CAACG,MARrB,CASE,IAAI,CAAEnB,CATR,CAUE,IAAI,CAAES,CAVR,EAdF,CA4BH,CAjD8B,CAA1B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './
|
|
1
|
+
export * from './SpoilerCanary';
|
|
2
2
|
export * from './SpoilerButton';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export*from"./
|
|
1
|
+
export*from"./SpoilerCanary";export*from"./SpoilerButton";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/SpoilerCanary/index.ts"],"sourcesContent":["export * from './
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/SpoilerCanary/index.ts"],"sourcesContent":["export * from './SpoilerCanary';\nexport * from './SpoilerButton';\n"],"mappings":"AAAA,6BACA"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Spoiler.js","names":["React","forwardRef","Text","useFlag","cnMixSpace","cnCanary","SpoilerButton","defaultSpoilerPropSize","cnSpoiler","spoilerOffsetMap","xs","s","m","l","getContent","props","isOpen","children","mode","content","fullText","preview","Spoiler","ref","maxHeight","size","lessIcon","lessLabel","moreIcon","moreLabel","className","otherProps","setIsOpen","open","mT","toggle"],"sources":["../../../../../src/components/SpoilerCanary/Spoiler.tsx"],"sourcesContent":["import './Spoiler.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { Text } from '##/components/Text';\nimport { useFlag } from '##/hooks/useFlag';\nimport { cnMixSpace, Space } from '##/mixs/MixSpace';\nimport { cnCanary } from '##/utils/bem';\n\nimport { SpoilerButton } from './SpoilerButton';\nimport { defaultSpoilerPropSize, SpoilerProps, SpoilerPropSize } from './types';\n\nexport const cnSpoiler = cnCanary('Spoiler');\n\nconst spoilerOffsetMap: Record<SpoilerPropSize, Space> = {\n xs: 'xs',\n s: 's',\n m: 'm',\n l: 'm',\n};\n\nconst getContent = (props: SpoilerProps, isOpen: boolean) => {\n if (props.children) {\n return {\n mode: 'blur',\n content: props.children,\n };\n }\n return {\n mode: 'dots',\n content: isOpen ? props.fullText : props.preview,\n };\n};\n\nexport const Spoiler = forwardRef<HTMLDivElement, SpoilerProps>(\n (props, ref) => {\n const {\n preview,\n maxHeight = 96,\n fullText,\n size = defaultSpoilerPropSize,\n lessIcon,\n lessLabel,\n children,\n moreIcon,\n moreLabel,\n className,\n ...otherProps\n } = props;\n\n const [isOpen, setIsOpen] = useFlag();\n\n const { mode, content } = getContent(props, isOpen);\n\n return (\n <div\n ref={ref}\n className={cnSpoiler({ size }, [className])}\n {...otherProps}\n >\n <Text\n className={cnSpoiler('Wrapper', { mode, open: isOpen })}\n size={size}\n style={{\n ['--spoiler-content-height' as string]: `${maxHeight}px`,\n }}\n >\n {content}\n </Text>\n <SpoilerButton\n className={cnSpoiler('Button', [\n cnMixSpace({ mT: spoilerOffsetMap[size] }),\n ])}\n lessIcon={lessIcon}\n lessLabel={lessLabel}\n moreIcon={moreIcon}\n moreLabel={moreLabel}\n onClick={setIsOpen.toggle}\n open={isOpen}\n size={size}\n />\n </div>\n );\n },\n);\n"],"mappings":"sVAAA,sBAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,IAAT,eACA,OAASC,OAAT,2BACA,OAASC,UAAT,2BACA,OAASC,QAAT,uBAEA,OAASC,aAAT,uBACA,OAASC,sBAAT,eAEA,MAAO,IAAMC,UAAS,CAAGH,QAAQ,CAAC,SAAD,CAA1B,C,GAEDI,iBAAgD,CAAG,CACvDC,EAAE,CAAE,IADmD,CAEvDC,CAAC,CAAE,GAFoD,CAGvDC,CAAC,CAAE,GAHoD,CAIvDC,CAAC,CAAE,GAJoD,C,CAOnDC,UAAU,CAAG,SAACC,CAAD,CAAsBC,CAAtB,CAA0C,OACvDD,EAAK,CAACE,QADiD,CAElD,CACLC,IAAI,CAAE,MADD,CAELC,OAAO,CAAEJ,CAAK,CAACE,QAFV,CAFkD,CAOpD,CACLC,IAAI,CAAE,MADD,CAELC,OAAO,CAAEH,CAAM,CAAGD,CAAK,CAACK,QAAT,CAAoBL,CAAK,CAACM,OAFpC,CAIR,C,CAED,MAAO,IAAMC,QAAO,CAAGrB,UAAU,CAC/B,SAACc,CAAD,CAAQQ,CAAR,CAAgB,IAEZF,EAFY,CAaVN,CAbU,CAEZM,OAFY,GAaVN,CAbU,CAGZS,SAHY,CAGZA,CAHY,YAGA,EAHA,GAIZJ,CAJY,CAaVL,CAbU,CAIZK,QAJY,GAaVL,CAbU,CAKZU,IALY,CAKZA,CALY,YAKLlB,sBALK,GAMZmB,CANY,CAaVX,CAbU,CAMZW,QANY,CAOZC,CAPY,CAaVZ,CAbU,CAOZY,SAPY,CAQZV,CARY,CAaVF,CAbU,CAQZE,QARY,CASZW,CATY,CAaVb,CAbU,CASZa,QATY,CAUZC,CAVY,CAaVd,CAbU,CAUZc,SAVY,CAWZC,CAXY,CAaVf,CAbU,CAWZe,SAXY,CAYTC,CAZS,0BAaVhB,CAbU,cAecZ,OAAO,EAfrB,uBAePa,CAfO,MAeCgB,CAfD,QAiBYlB,UAAU,CAACC,CAAD,CAAQC,CAAR,CAjBtB,CAiBNE,CAjBM,GAiBNA,IAjBM,CAiBAC,CAjBA,GAiBAA,OAjBA,CAmBd,MACE,0CACE,GAAG,CAAEI,CADP,CAEE,SAAS,CAAEf,SAAS,CAAC,CAAEiB,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACK,CAAD,CAAX,CAFtB,EAGMC,CAHN,EAKE,oBAAC,IAAD,EACE,SAAS,CAAEvB,SAAS,CAAC,SAAD,CAAY,CAAEU,IAAI,CAAJA,CAAF,CAAQe,IAAI,CAAEjB,CAAd,CAAZ,CADtB,CAEE,IAAI,CAAES,CAFR,CAGE,KAAK,oBACF,0BADE,WACwCD,CADxC,OAHP,EAOGL,CAPH,CALF,CAcE,oBAAC,aAAD,EACE,SAAS,CAAEX,SAAS,CAAC,QAAD,CAAW,CAC7BJ,UAAU,CAAC,CAAE8B,EAAE,CAAEzB,gBAAgB,CAACgB,CAAD,CAAtB,CAAD,CADmB,CAAX,CADtB,CAIE,QAAQ,CAAEC,CAJZ,CAKE,SAAS,CAAEC,CALb,CAME,QAAQ,CAAEC,CANZ,CAOE,SAAS,CAAEC,CAPb,CAQE,OAAO,CAAEG,CAAS,CAACG,MARrB,CASE,IAAI,CAAEnB,CATR,CAUE,IAAI,CAAES,CAVR,EAdF,CA4BH,CAjD8B,CAA1B"}
|
|
File without changes
|