@redneckz/wildless-cms-uni-blocks 0.2.93 → 0.2.97

package/lib/ui-kit/Img.js.map

@@ -1 +1 @@
-{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../src/ui-kit/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CAAqB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACnE,mBAAS,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,EAAE,aACrC,KAAK,CAAC,OAAO,EAAE,MAAM;YACpB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,iBAAgC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAA9D,GAAG,KAAK,IAAI,GAAG,EAAE,CAAiD,CAChF,CAAC;YACJ,CAAC,CAAC,IAAI,EACR,cAAK,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,KAAM,KAAK,EAAE,IAAI,GAAI,IACnF,CACX,CAAC,CAAC;AAEH,MAAM,UAAU,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC"}
+{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../src/ui-kit/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CAAqB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE;IACtF,MAAM,KAAK,GAAG;QACZ,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QAChD,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;KACpD,CAAC;IAEF,OAAO,CACL,mBAAS,SAAS,EAAE,aAAa,SAAS,IAAI,EAAE,EAAE,aAC/C,KAAK,CAAC,OAAO,EAAE,MAAM;gBACpB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,iBAAgC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAA9D,GAAG,KAAK,IAAI,GAAG,EAAE,CAAiD,CAChF,CAAC;gBACJ,CAAC,CAAC,IAAI,EACR,cACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,EAC7B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,KACR,IAAI,GACR,IACM,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC"}

package/lib/ui-kit/InputRange/InputRange.js

@@ -19,6 +19,7 @@ export const InputRange = JSX(({ className, title, items = [], min = 1, max = 10
         if (value > max)
             onChange(max);
     };
-    return (_jsxs("div", { className: className, children: [_jsxs("label", { className: "block relative", children: [title ? (_jsx("span", { className: "absolute text-xs text-secondary-text top-1 mt-0.5 pl-4 ml-0.5", children: title })) : null, _jsx("input", { className: `m-0 font-sans text-sm w-full h-12 border-2 border-solid border-main-divider rounded-md outline-none p-0 pl-4 m-0 box-border text-primary-text ${title ? 'pt-4' : ''}`, value: addSpacesBetweenNumbers(value), onChange: (e) => handleChange(e.target.value), onBlur: handleBlur }), _jsx("div", { className: "absolute inset-x-0 mt-0.5 top-8 px-4", children: _jsx("input", { className: "box-border w-full m-0 cursor-pointer slider", type: "range", min: min, max: max, step: step, value: value, onChange: (e) => handleChange(e.target.value), style: inputStyle }) })] }), _jsx("div", { className: "flex justify-between mt-3 mb-4", children: items.map((item, i) => (_jsx("span", { className: "text-xs text-secondary-text pl-4", children: item }, String(i)))) })] }));
+    return (_jsxs("div", { className: className, children: [_jsxs("label", { className: "block relative", children: [title ? (_jsx("span", { className: "absolute text-xs text-secondary-text top-1 mt-0.5 pl-4 ml-0.5", children: title })) : null, _jsx("input", { className: `m-0 font-sans text-sm w-full h-12 border border-solid border-main-stroke rounded-md
+                        outline-none p-0 pl-4 m-0 box-border text-primary-text ${title ? 'pt-4' : ''}`, value: addSpacesBetweenNumbers(value), onChange: (e) => handleChange(e.target.value), onBlur: handleBlur }), _jsx("div", { className: "absolute inset-x-0 top-8 px-4", children: _jsx("input", { className: "box-border w-full m-0 cursor-pointer slider", type: "range", min: min, max: max, step: step, value: value, onChange: (e) => handleChange(e.target.value), style: inputStyle }) })] }), _jsx("div", { className: "flex justify-between my-3", children: items.map((item, i) => (_jsx("span", { className: "text-xs leading-[14px] text-secondary-text pl-4", children: item }, String(i)))) })] }));
 });
 //# sourceMappingURL=InputRange.js.map

package/lib/ui-kit/InputRange/InputRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputRange.js","sourceRoot":"","sources":["../../../src/ui-kit/InputRange/InputRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAG9E,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;QACxD,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;KAC5E,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,IAAI,KAAK,GAAG,GAAG;YAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,KAAK,GAAG,GAAG;YAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,iBAAO,SAAS,EAAC,gBAAgB,aAC9B,KAAK,CAAC,CAAC,CAAC,CACP,eAAM,SAAS,EAAC,+DAA+D,YAC5E,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,gBACE,SAAS,EAAE,iJACT,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EACnB,EAAE,EACF,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,MAAM,EAAE,UAAU,GAClB,EACF,cAAK,SAAS,EAAC,sCAAsC,YACnD,gBACE,SAAS,EAAC,6CAA6C,EACvD,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,KAAK,EAAE,UAAU,GACjB,GACE,IACA,EACR,cAAK,SAAS,EAAC,gCAAgC,YAC5C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAsB,SAAS,EAAC,kCAAkC,YAC/D,IAAI,IADI,MAAM,CAAC,CAAC,CAAC,CAEb,CACR,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"InputRange.js","sourceRoot":"","sources":["../../../src/ui-kit/InputRange/InputRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAG9E,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;QACxD,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;KAC5E,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,IAAI,KAAK,GAAG,GAAG;YAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,KAAK,GAAG,GAAG;YAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,iBAAO,SAAS,EAAC,gBAAgB,aAC9B,KAAK,CAAC,CAAC,CAAC,CACP,eAAM,SAAS,EAAC,+DAA+D,YAC5E,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,gBACE,SAAS,EAAE;iFAEG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EACnB,EAAE,EACd,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,MAAM,EAAE,UAAU,GAClB,EACF,cAAK,SAAS,EAAC,+BAA+B,YAC5C,gBACE,SAAS,EAAC,6CAA6C,EACvD,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,KAAK,EAAE,UAAU,GACjB,GACE,IACA,EACR,cAAK,SAAS,EAAC,2BAA2B,YACvC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAsB,SAAS,EAAC,iDAAiD,YAC9E,IAAI,IADI,MAAM,CAAC,CAAC,CAAC,CAEb,CACR,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/ui-kit/SearchBar.js

@@ -4,7 +4,7 @@ import { Icon } from './Icon/Icon.js';
 export const SearchBar = JSX(({ className, context }) => {
     const { term, setTerm } = context.useSearch();
     const [inputHasFocus, setInputHasFocus] = context.useState(false);
-    return (_jsxs("form", { className: `relative ${className || ''}`, children: [_jsxs("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [_jsx("div", { className: "w-[24px] h-[24px]", children: _jsx(Icon, { name: "LoupeIcon", width: "24", height: "24" }) }), !term && (_jsx("label", { htmlFor: "search-bar-input", className: "font-sans font-normal text-base text-secondary-text", children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), _jsx("input", { id: "search-bar-input", className: `${inputHasFocus ? 'border-primary-text' : ''} pr-32 h-12 pl-12 w-full font-sans font-normal text-base text-black border border-solid border-main-divider rounded h-full box-border outline-none pr-[6%]`, value: term, onChange: (e) => setTerm(e.target.value), onFocus: (e) => setInputHasFocus(true), onBlur: (e) => setInputHasFocus(false), type: "text", name: "search-bar-input" }), inputHasFocus && (_jsx("button", { type: "submit", version: "primary", className: "absolute font-sans font-normal cursor-pointer text-sm hover:bg-primary-hover active:bg-primary-active border-none px-9 py-[9px] rounded top-1 right-1 outline-none text-secondary-text text-white bg-primary-main", onClick: (e) => {
+    return (_jsxs("form", { className: `relative ${className || ''}`, children: [_jsxs("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [_jsx("div", { className: "w-[24px] h-[24px]", children: _jsx(Icon, { name: "LoupeIcon", width: "24", height: "24" }) }), !term && (_jsx("label", { htmlFor: "search-bar-input", className: "font-sans font-normal text-base text-secondary-text", children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), _jsx("input", { id: "search-bar-input", className: `${inputHasFocus ? 'border-primary-text' : 'border-main-divider'} h-12 pl-12 w-full font-sans font-normal text-base text-black border border-solid rounded h-full box-border outline-none pr-[6%]`, value: term, onChange: (e) => setTerm(e.target.value), onFocus: (e) => setInputHasFocus(true), onBlur: (e) => setInputHasFocus(false), type: "text", name: "search-bar-input" }), inputHasFocus && (_jsx("button", { type: "submit", className: "absolute font-sans font-normal cursor-pointer text-sm bg-primary-main hover:bg-primary-hover active:bg-primary-active border-none px-9 py-[9px] rounded top-1 right-1 outline-none text-secondary-text text-white", onClick: (e) => {
                     e.preventDefault();
                     console.log('click');
                 }, children: "\u041D\u0430\u0439\u0442\u0438" }))] }));

package/lib/ui-kit/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../src/ui-kit/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAC9C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC3E,OAAO,CACL,gBAAM,SAAS,EAAE,YAAY,SAAS,IAAI,EAAE,EAAE,aAC5C,eAAK,SAAS,EAAC,yGAAyG,aACtH,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,CAAC,IAAI,IAAI,CACR,gBACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAC,qDAAqD,2FAGzD,CACT,IACG,EACN,gBACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EAAE,GACT,aAAa,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAC1C,4JAA4J,EAC5J,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACtC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACtC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,kBAAkB,GACvB,EACD,aAAa,IAAI,CAChB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,mNAAmN,EAC7N,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACvB,CAAC,+CAGM,CACV,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../src/ui-kit/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAC9C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC3E,OAAO,CACL,gBAAM,SAAS,EAAE,YAAY,SAAS,IAAI,EAAE,EAAE,aAC5C,eAAK,SAAS,EAAC,yGAAyG,aACtH,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,CAAC,IAAI,IAAI,CACR,gBACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAC,qDAAqD,2FAGzD,CACT,IACG,EACN,gBACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EAAE,GACT,aAAa,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAC1C,kIAAkI,EAClI,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACtC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACtC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,kBAAkB,GACvB,EACD,aAAa,IAAI,CAChB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mNAAmN,EAC7N,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACvB,CAAC,+CAGM,CACV,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.2.93",
+  "version": "0.2.97",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -64,8 +64,9 @@
     "build:lib": "rimraf ./lib && tsc --build --verbose",
     "postbuild:lib": "replace-in-file --configFile=replace-config.lib.cjs --verbose",
     "build:commonjs": "rimraf ./dist && tsc --module commonjs --noImplicitUseStrict --outDir dist",
-    "bundle": "rimraf ./bundle && rollup -c && npm run build:schema",
+    "bundle": "rimraf ./bundle && rollup -c && npm run build:schema && npm run build:schema:sort",
     "build:schema": "ts-json-schema-generator --path './src/**/*Content.ts' --additional-properties --unstable --validation-keywords enumNames --validation-keywords required --minify --no-type-check -o ./bundle/blocks.schema.json",
+    "build:schema:sort": "node ./scripts/sort-bundle.js",
     "build:style": "postcss ./src/**/*.css --env production --dir ./lib",
     "build:icons": "svgo -f ./src/icons -o ./cosmos-static/icons",
     "size": "size-limit",
@@ -103,6 +104,8 @@
     "css-loader": "^6.7.1",
     "cssnano": "^5.1.11",
     "eslint": "^8.19.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-local-eslint-rules": "./eslint-rules",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^8.0.1",
     "jest": "^28.1.3",
@@ -125,8 +128,7 @@
     "ts-loader": "^9.3.0",
     "typescript": "^4.7.4",
     "webpack": "^5.73.0",
-    "webpack-cli": "^4.9.2",
-    "eslint-plugin-local-eslint-rules": "./eslint-rules"
+    "webpack-cli": "^4.9.2"
   },
   "size-limit": [
     {

package/src/components/Accordion/Accordion.example.json

@@ -1,8 +1,8 @@
 {
-  "title": "Accordion title",
+  "title": "Аккордеон",
   "accordionItems": [
     {
-      "label": "Accordion label 1",
+      "label": "Аккордеон 1",
       "blocks": [
         {
           "accordionBlockType": "TextBlock",
@@ -17,7 +17,7 @@
       ]
     },
     {
-      "label": "Accordion label 2",
+      "label": "Аккордеон 2",
       "blocks": [
         {
           "accordionBlockType": "TextBlock",
@@ -32,7 +32,7 @@
       ]
     },
     {
-      "label": "Accordion label 3",
+      "label": "Аккордеон 3",
       "blocks": [
         {
           "accordionBlockType": "TextBlock",

package/src/components/Accordion/Accordion.fixture.tsx

@@ -55,4 +55,8 @@ const propsTextBlock: AccordionProps = {
   ],
 };
 
-export default <Accordion {...propsTextBlock} />;
+export default (
+  <div className="container grid grid-cols-12">
+    <Accordion className="col-span-12" {...propsTextBlock} />
+  </div>
+);

package/src/components/Accordion/AccordionBlocks.tsx

@@ -3,11 +3,9 @@ import { LinkDocs } from '../LinkDocs/LinkDocs';
 import { PictureText } from '../PictureText/PictureText';
 import { TextBlock } from '../TextBlock/TextBlock';
 
-const AccordionBlocks = {
+export const AccordionBlocks = {
   Headline,
   LinkDocs,
   TextBlock,
   PictureText,
 };
-
-export default AccordionBlocks;

package/src/components/Accordion/AccordionItem.tsx

@@ -3,7 +3,7 @@ import type { UniBlockProps } from '../../types';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import type { JSXBlock } from '../ContentPage/ContentPage';
 import { ContentPageContext } from '../ContentPage/ContentPageContext';
-import AccordionBlocks from './AccordionBlocks';
+import { AccordionBlocks } from './AccordionBlocks';
 import type { AccordionBlockProps, AccordionItemCommonProps } from './AccordionContent';
 
 export interface AccordionItemProps extends AccordionItemCommonProps, UniBlockProps {}

package/src/components/BaseTile/BaseTile.tsx

@@ -10,6 +10,11 @@ import { Title } from '../../ui-kit/Title/Title';
 import { getColSpan } from '../../utils/getColSpan';
 import type { AlignType, BaseTileCommonProps, BaseTileIconButton } from './BaseTileProps';
 
+const alignFlex: Record<AlignType, string> = {
+  left: 'justify-between',
+  center: 'justify-center',
+  right: 'justify-end',
+};
 const alignBlock: Record<AlignType, string> = {
   left: 'items-start',
   center: 'items-center',
@@ -23,7 +28,7 @@ const alignText: Record<AlignType, string> = {
 
 export interface BaseTileProps extends BaseTileCommonProps, UniBlockProps {}
 
-const TITLE_CLASSES = 'font-medium m-0 mb-4 whitespace-pre-wrap max-w-[600px]';
+const TITLE_CLASSES = 'font-medium m-0 whitespace-pre-wrap max-w-[600px]';
 
 export const BaseTile = JSX<BaseTileProps>(
   ({
@@ -51,11 +56,11 @@ export const BaseTile = JSX<BaseTileProps>(
             {title}
           </Title>
         )}
-        <div className="flex grow justify-between w-full">
+        <div className={`flex grow w-full ${alignFlex[align]}`}>
           <div className={`flex flex-col justify-between ${alignBlock[align]}`}>
             <div>
               {description ? (
-                <div className={`font-normal text-base max-w-[600px] ${alignText[align]}`}>
+                <div className={`font-normal text-base mt-4 max-w-[600px] ${alignText[align]}`}>
                   {description}
                 </div>
               ) : null}
@@ -98,11 +103,15 @@ function renderItems(items: string[] = [], version?: BlockVersion) {
   );
 }
 
-function renderButton({ icon, ...button }: BaseTileIconButton, i: number) {
+function renderButton({ icon, asSVG, ...button }: BaseTileIconButton, i: number) {
   if (!button?.text) return;
 
   return icon ? (
-    <Button key={String(i)} appendLeft={<Icon name={icon} width="24" height="24" />} {...button} />
+    <Button
+      key={String(i)}
+      appendLeft={<Icon name={icon} asSVG width="24" height="24" />}
+      {...button}
+    />
   ) : (
     <Button key={String(i)} {...button} />
   );

package/src/components/BenefitsBlock/BenefitsBlock.fixture.tsx

@@ -3,32 +3,35 @@ import { context } from '../../setup-fixture';
 import { BenefitsBlock } from './BenefitsBlock';
 
 export default (
-  <BenefitsBlock
-    context={context}
-    title="Преимущества кредита"
-    benefits={[
-      {
-        label: 'Без комиссии',
-        description:
-          'Комиссия за выдачу кредита не взимается. Допускается полное или частичное погашение кредита',
-        icon: 'ClockIcon',
-      },
-      {
-        label: 'Оформление по паспорту',
-        description: 'Обеспечение не требуется. Кредит можно получить на любые цели',
-        icon: 'SignDocsIcon',
-      },
-      {
-        label: 'Без залога и поручительства',
-        description:
-          'Единовременное перечисление суммы кредита в полном объёме на текущий счет в Банке',
-        icon: 'ComfortableCompIcon',
-      },
-      {
-        label: 'Деньги за 3 дня',
-        description: 'Рассмотрение заявки с момента предоставления полного комплекта документов',
-        icon: 'ActualBalanceIcon',
-      },
-    ]}
-  />
+  <div className="container grid grid-cols-12">
+    <BenefitsBlock
+      context={context}
+      className="col-span-12"
+      title="Преимущества кредита"
+      benefits={[
+        {
+          label: 'Без комиссии',
+          description:
+            'Комиссия за выдачу кредита не взимается. Допускается полное или частичное погашение кредита',
+          icon: 'ClockIcon',
+        },
+        {
+          label: 'Оформление по паспорту',
+          description: 'Обеспечение не требуется. Кредит можно получить на любые цели',
+          icon: 'SignDocsIcon',
+        },
+        {
+          label: 'Без залога и поручительства',
+          description:
+            'Единовременное перечисление суммы кредита в полном объёме на текущий счет в Банке',
+          icon: 'ComfortableCompIcon',
+        },
+        {
+          label: 'Деньги за 3 дня',
+          description: 'Рассмотрение заявки с момента предоставления полного комплекта документов',
+          icon: 'ActualBalanceIcon',
+        },
+      ]}
+    />
+  </div>
 );

package/src/components/ComparisonTable/ComparisonTable.example.json

@@ -1,5 +1,5 @@
 {
-  "title": "Заголовок",
+  "title": "Сравнительная таблица",
   "rowHeaders": [
     {
       "title": "Параметр 1"

package/src/components/ComparisonTable/ComparisonTable.fixture.tsx

@@ -195,71 +195,61 @@ const columns2: Column[] = [
 
 export default {
   'with images': (
-    <div className="w-[1280px]">
-      <div className="grid grid-cols-12">
-        <ComparisonTable
-          className="col-span-12"
-          title="Другие дебетовые карты Россельхозбанка"
-          context={context}
-          rowHeaders={rowHeaders}
-          columns={Array(2).fill(columns).flat()}
-        />
-      </div>
+    <div className="container grid grid-cols-12">
+      <ComparisonTable
+        className="col-span-12"
+        title="Другие дебетовые карты Россельхозбанка"
+        context={context}
+        rowHeaders={rowHeaders}
+        columns={Array(2).fill(columns).flat()}
+      />
     </div>
   ),
   'with images and hidden rows': (
-    <div className="w-[1280px]">
-      <div className="grid grid-cols-12">
-        <ComparisonTable
-          className="col-span-12"
-          title="Другие дебетовые карты Россельхозбанка"
-          visibleRowLength={3}
-          context={context}
-          rowHeaders={rowHeaders}
-          columns={Array(2).fill(columns).flat()}
-        />
-      </div>
+    <div className="container grid grid-cols-12">
+      <ComparisonTable
+        className="col-span-12"
+        title="Другие дебетовые карты Россельхозбанка"
+        visibleRowLength={3}
+        context={context}
+        rowHeaders={rowHeaders}
+        columns={Array(2).fill(columns).flat()}
+      />
     </div>
   ),
   'with images and colored first column': (
-    <div className="w-[1280px]">
-      <div className="grid grid-cols-12">
-        <ComparisonTable
-          className="col-span-12"
-          title="Другие дебетовые карты Россельхозбанка"
-          visibleRowLength={3}
-          isColoredFirstColumn={true}
-          context={context}
-          rowHeaders={rowHeaders}
-          columns={Array(2).fill(columns).flat()}
-        />
-      </div>
+    <div className="container grid grid-cols-12">
+      <ComparisonTable
+        className="col-span-12"
+        title="Другие дебетовые карты Россельхозбанка"
+        visibleRowLength={3}
+        isColoredFirstColumn={true}
+        context={context}
+        rowHeaders={rowHeaders}
+        columns={Array(2).fill(columns).flat()}
+      />
     </div>
   ),
   'with icons': (
-    <div className="w-[1280px]">
-      <div className="grid grid-cols-12">
-        <ComparisonTable
-          className="col-span-12"
-          title="Другие вклады и сбережения"
-          context={context}
-          rowHeaders={rowHeaders2}
-          columns={Array(2).fill(columns2).flat()}
-        />
-      </div>
+    <div className="container grid grid-cols-12">
+      <ComparisonTable
+        className="col-span-12"
+        title="Другие вклады и сбережения"
+        context={context}
+        rowHeaders={rowHeaders2}
+        columns={Array(2).fill(columns2).flat()}
+      />
     </div>
   ),
   'with icons and two cols': (
-    <div className="w-[1280px]">
-      <div className="grid grid-cols-12">
-        <ComparisonTable
-          className="col-span-12"
-          title="Другие вклады и сбережения"
-          context={context}
-          rowHeaders={rowHeaders2}
-          columns={columns2.slice(0, 2)}
-        />
-      </div>
+    <div className="container grid grid-cols-12">
+      <ComparisonTable
+        className="col-span-12"
+        title="Другие вклады и сбережения"
+        context={context}
+        rowHeaders={rowHeaders2}
+        columns={columns2.slice(0, 2)}
+      />
     </div>
   ),
 };

package/src/components/ComparisonTable/ComparisonTableContent.ts

@@ -27,7 +27,6 @@ export interface ColumnHeader {
   /** @title Заголовок */
   title?: string;
   icon?: IconName;
-  /** @hidden */
   image?: Picture;
   link?: LinkProps;
 }
@@ -58,8 +57,8 @@ export interface ComparisonTableContent {
   rowHeaders?: RowHeader[];
   /** @title Продукты */
   columns?: Column[];
-  /** @title Отображать заданное количество строк */
-  visibleRowLength?: number;
   /** @title Закрасить первую колонку */
   isColoredFirstColumn?: boolean;
+  /** @title Отображать заданное количество строк */
+  visibleRowLength?: number;
 }

package/src/components/ContentPage/ContentPage.page.json

@@ -11,26 +11,32 @@
   "date": "2022-04-08",
   "style": ["p-20", "pt-0", "gap-5", "bg-secondary-light"],
   "likeControl": true,
-  "blocks": [
-    {
-      "type": "Header",
-      "style": ["col-span-12", "-mx-20", "mb-5", "shadow-[0_8px_32px_0px_#00000014]"],
-      "content": {
-        "defaultLocation": "Москва",
-        "topItems": [
-          {
-            "href": "https://rshb.ru/",
-            "text": "Бизнес клиентам",
-            "target": "_blank"
-          },
-          {
-            "href": "https://rshb.ru/",
-            "text": "Частным клиентам",
-            "target": "_blank"
+  "slots": {
+    "header": {
+      "blocks": [
+        {
+          "type": "Header",
+          "style": ["-mx-20", "mb-5", "shadow-[0_8px_32px_0px_#00000014]"],
+          "content": {
+            "defaultLocation": "Москва",
+            "topItems": [
+              {
+                "href": "https://rshb.ru/",
+                "text": "Бизнес клиентам",
+                "target": "_blank"
+              },
+              {
+                "href": "https://rshb.ru/",
+                "text": "Частным клиентам",
+                "target": "_blank"
+              }
+            ]
           }
-        ]
-      }
-    },
+        }
+      ]
+    }
+  },
+  "blocks": [
     {
       "type": "ProductGallery",
       "style": ["col-span-12"],
@@ -1523,11 +1529,7 @@
                 {
                   "label": "Бесплатно",
                   "list": {
-                    "items": [
-                      "item 1",
-                      "item 2",
-                      "item 3"
-                    ]
+                    "items": ["item 1", "item 2", "item 3"]
                   }
                 }
               ],
@@ -1575,11 +1577,7 @@
                 {
                   "list": {
                     "isDotted": false,
-                    "items": [
-                      "item 1",
-                      "item 2",
-                      "item 3"
-                    ]
+                    "items": ["item 1", "item 2", "item 3"]
                   }
                 }
               ],
@@ -1596,11 +1594,7 @@
                 {
                   "list": {
                     "version": "primary",
-                    "items": [
-                      "item 1",
-                      "item 2",
-                      "item 3"
-                    ]
+                    "items": ["item 1", "item 2", "item 3"]
                   }
                 }
               ],
@@ -1716,11 +1710,7 @@
                 {
                   "label": "Бесплатно",
                   "list": {
-                    "items": [
-                      "item 1",
-                      "item 2",
-                      "item 3"
-                    ]
+                    "items": ["item 1", "item 2", "item 3"]
                   }
                 }
               ],
@@ -1768,11 +1758,7 @@
                 {
                   "list": {
                     "isDotted": false,
-                    "items": [
-                      "item 1",
-                      "item 2",
-                      "item 3"
-                    ]
+                    "items": ["item 1", "item 2", "item 3"]
                   }
                 }
               ],
@@ -1789,11 +1775,7 @@
                 {
                   "list": {
                     "version": "primary",
-                    "items": [
-                      "item 1",
-                      "item 2",
-                      "item 3"
-                    ]
+                    "items": ["item 1", "item 2", "item 3"]
                   }
                 }
               ],