@modul/mbui 0.0.4-beta-pv-52894-f69534e1 → 0.0.4-beta-pv-52894-1ceaef74

package/dist/DasboardDrawer/DashboardDrawer.d.ts

@@ -19,4 +19,4 @@ declare const DrawerListItem: React.FC<DrawerListItemProps>;
 declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     onAnimationEnd?: (open: boolean) => void;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerList, DrawerListItem };
+export { Drawer, DrawerTrigger, DrawerContent, DrawerClose, DrawerList, DrawerListItem };

package/dist/DasboardDrawer/DashboardDrawer.js

@@ -1,7 +1,6 @@
-'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerListItem = exports.DrawerList = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.Drawer = void 0;
+exports.DrawerListItem = exports.DrawerList = exports.DrawerClose = exports.DrawerContent = exports.DrawerTrigger = exports.Drawer = void 0;
 const tslib_1 = require("tslib");
 const React = (0, tslib_1.__importStar)(require("react"));
 const vaul_1 = require("vaul");
@@ -14,24 +13,26 @@ exports.DrawerTrigger = DrawerTrigger;
 const DrawerPortal = vaul_1.Drawer.Portal;
 const DrawerClose = vaul_1.Drawer.Close;
 exports.DrawerClose = DrawerClose;
-const DrawerFooter = () => (React.createElement("div", { className: "p-[16px] cursor-pointer" },
-    React.createElement("svg", { className: "block mx-auto", width: "38", height: "10", viewBox: "0 0 38 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M0 7.39774C0 8.68678 1.25226 9.60455 2.48147 9.21638L17.7955 4.38038C18.5794 4.13282 19.4206 4.13282 20.2045 4.38038L35.5185 9.21638C36.7477 9.60455 38 8.68678 38 7.39774C38 6.56568 37.4606 5.82966 36.6671 5.5791L20.2045 0.380377C19.4206 0.132817 18.5794 0.132817 17.7955 0.380377L1.33286 5.5791C0.539422 5.82966 0 6.56568 0 7.39774Z", fill: "#243036", "fill-opacity": "0.24" }))));
+const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (React.createElement(vaul_1.Drawer.Title, { ref: ref, className: (0, utils_1.cn)(className), ...props })));
+DrawerTitle.displayName = vaul_1.Drawer.Title.displayName;
+const DrawerFooter = () => (React.createElement(DrawerClose, { className: "p-[16px]" },
+    React.createElement("svg", { className: "mx-auto", width: "38", height: "10", viewBox: "0 0 38 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M0 7.39774C0 8.68678 1.25226 9.60455 2.48147 9.21638L17.7955 4.38038C18.5794 4.13282 19.4206 4.13282 20.2045 4.38038L35.5185 9.21638C36.7477 9.60455 38 8.68678 38 7.39774C38 6.56568 37.4606 5.82966 36.6671 5.5791L20.2045 0.380377C19.4206 0.132817 18.5794 0.132817 17.7955 0.380377L1.33286 5.5791C0.539422 5.82966 0 6.56568 0 7.39774Z", fill: "#243036", fillOpacity: "0.24" }))));
 const DrawerList = ({ children }) => {
     return (React.createElement("div", { role: "listbox", className: "px-[12px] py-[20px]" }, children));
 };
 exports.DrawerList = DrawerList;
 const DrawerListItem = ({ label, value, isSelected }) => {
-    return (React.createElement("div", { role: "option", "aria-labelledby": "", "aria-selected": isSelected, className: "flex", tabIndex: 0 },
+    return (React.createElement("div", { role: "option", "aria-labelledby": "1", "aria-selected": isSelected, className: "flex", tabIndex: 0 },
         React.createElement("div", { className: "shrink-0" },
-            React.createElement("p", { className: "font-medium text-[14px] text-muted leading-[1.4]", id: "" }, label),
+            React.createElement("p", { className: "font-medium text-[14px] text-muted leading-[1.4]", id: "1" }, label),
             React.createElement("p", { className: "font-bold text-[20px] leading-[1.2]" }, value)),
         isSelected && React.createElement("span", null)));
 };
 exports.DrawerListItem = DrawerListItem;
-// const Drawer
 const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(DrawerPortal, null,
-    React.createElement(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.cn)('fixed inset-x-0 top-0 flex h-auto flex-col bg-app', className), ...props },
+    React.createElement(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.cn)('fixed inset-x-0 top-0 flex h-auto flex-col bg-app bg-[#fff] shadow-sm rounded-[8px] #24303614; 0px 0px 16px 4px', className), ...props },
+        React.createElement(DrawerTitle, { className: "sr-only" }, "\u0412\u044B\u0431\u043E\u0440 \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438"),
         children,
         React.createElement(DrawerFooter, null)))));
 exports.DrawerContent = DrawerContent;

package/dist/DasboardDrawer/DashboardDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardDrawer.js","sourceRoot":"","sources":["../../src/DasboardDrawer/DashboardDrawer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;AAEZ,0DAA8B;AAC9B,+BAAgD;AAChD,0CAAmC;AAEnC,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE,CAAC,oBAAC,aAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAqF9G,wBAAM;AApFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAkF5B,sCAAa;AAhF9B,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AA8ET,kCAAW;AA5E3C,MAAM,YAAY,GAAa,GAAG,EAAE,CAAC,CACpC,6BAAK,SAAS,EAAC,yBAAyB;IACvC,6BACC,SAAS,EAAC,eAAe,EACzB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACC,CAAC,EAAC,+UAA+U,EACjV,IAAI,EAAC,SAAS,kBACD,MAAM,GAClB,CACG,CACD,CACN,CAAA;AAID,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9D,OAAO,CACN,6BACC,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,qBAAqB,IAE9B,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAA;AA8C2D,gCAAU;AAxCtE,MAAM,cAAc,GAAkC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;IACtF,OAAO,CACN,6BACC,IAAI,EAAC,QAAQ,qBACG,EAAE,mBACH,UAAU,EACzB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,CAAC;QAEX,6BAAK,SAAS,EAAC,UAAU;YACxB,2BACC,SAAS,EAAC,kDAAkD,EAC5D,EAAE,EAAC,EAAE,IAEJ,KAAK,CACH;YACJ,2BAAG,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAK,CACzD;QACL,UAAU,IAAI,iCAAa,CACvB,CACN,CAAA;AACF,CAAC,CAAA;AAmBuE,wCAAc;AAlBtF,eAAe;AACf,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7C,oBAAC,YAAY;IACZ,oBAAC,aAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,mDAAmD,EAAE,SAAS,CAAC,KACzE,KAAK;QAER,QAAQ;QACT,oBAAC,YAAY,OAAG,CACS,CACZ,CACf,CAAC,CAAA;AAG2C,sCAAa;AAF1D,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
+{"version":3,"file":"DashboardDrawer.js","sourceRoot":"","sources":["../../src/DasboardDrawer/DashboardDrawer.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,+BAAgD;AAChD,0CAAmC;AAEnC,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE,CAAC,oBAAC,aAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAqG9G,wBAAM;AApGf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAkG5B,sCAAa;AAhG9B,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AA8FM,kCAAW;AA5F1D,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,oBAAC,aAAe,CAAC,KAAK,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,SAAS,CAAC,KACpB,KAAK,GACR,CACF,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,aAAe,CAAC,KAAK,CAAC,WAAW,CAAA;AAE3D,MAAM,YAAY,GAAa,GAAG,EAAE,CAAC,CACpC,oBAAC,WAAW,IAAC,SAAS,EAAC,UAAU;IAChC,6BACC,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACC,CAAC,EAAC,+UAA+U,EACjV,IAAI,EAAC,SAAS,EACd,WAAW,EAAC,MAAM,GACjB,CACG,CACO,CACd,CAAA;AAID,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9D,OAAO,CACN,6BACC,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,qBAAqB,IAE9B,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAA;AAkD2D,gCAAU;AA5CtE,MAAM,cAAc,GAAkC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;IACtF,OAAO,CACN,6BACC,IAAI,EAAC,QAAQ,qBACG,GAAG,mBACJ,UAAU,EACzB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,CAAC;QAEX,6BAAK,SAAS,EAAC,UAAU;YACxB,2BACC,SAAS,EAAC,kDAAkD,EAC5D,EAAE,EAAC,GAAG,IAEL,KAAK,CACH;YACJ,2BAAG,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAK,CACzD;QACL,UAAU,IAAI,iCAAa,CACvB,CACN,CAAA;AACF,CAAC,CAAA;AAuBuE,wCAAc;AArBtF,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7C,oBAAC,YAAY;IACZ,oBAAC,aAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,iHAAiH,EACjH,SAAS,CACT,KACG,KAAK;QAET,oBAAC,WAAW,IAAC,SAAS,EAAC,SAAS,sFAA6B;QAC5D,QAAQ;QACT,oBAAC,YAAY,OAAG,CACS,CACZ,CACf,CAAC,CAAA;AAG8B,sCAAa;AAF7C,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

package/dist/DasboardDrawer/index.js

@@ -3,15 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerListItem = exports.DrawerList = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.Drawer = void 0;
 var DashboardDrawer_1 = require("./DashboardDrawer");
 Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return DashboardDrawer_1.Drawer; } });
-// DrawerPortal,
-// DrawerOverlay,
 Object.defineProperty(exports, "DrawerTrigger", { enumerable: true, get: function () { return DashboardDrawer_1.DrawerTrigger; } });
 Object.defineProperty(exports, "DrawerClose", { enumerable: true, get: function () { return DashboardDrawer_1.DrawerClose; } });
 Object.defineProperty(exports, "DrawerContent", { enumerable: true, get: function () { return DashboardDrawer_1.DrawerContent; } });
-// DrawerHeader,
-// DrawerFooter,
-// DrawerTitle,
-// DrawerDescription,
 Object.defineProperty(exports, "DrawerList", { enumerable: true, get: function () { return DashboardDrawer_1.DrawerList; } });
 Object.defineProperty(exports, "DrawerListItem", { enumerable: true, get: function () { return DashboardDrawer_1.DrawerListItem; } });
 //# sourceMappingURL=index.js.map

package/dist/DasboardDrawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DasboardDrawer/index.ts"],"names":[],"mappings":";;;AAAA,qDAa4B;AAZ3B,yGAAA,MAAM,OAAA;AACN,gBAAgB;AAChB,iBAAiB;AACjB,gHAAA,aAAa,OAAA;AACb,8GAAA,WAAW,OAAA;AACX,gHAAA,aAAa,OAAA;AACb,gBAAgB;AAChB,gBAAgB;AAChB,eAAe;AACf,qBAAqB;AACrB,6GAAA,UAAU,OAAA;AACV,iHAAA,cAAc,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DasboardDrawer/index.ts"],"names":[],"mappings":";;;AAAA,qDAO4B;AAN3B,yGAAA,MAAM,OAAA;AACN,gHAAA,aAAa,OAAA;AACb,8GAAA,WAAW,OAAA;AACX,gHAAA,aAAa,OAAA;AACb,6GAAA,UAAU,OAAA;AACV,iHAAA,cAAc,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.4-beta-pv-52894-f69534e1",
+  "version": "0.0.4-beta-pv-52894-1ceaef74",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/DasboardDrawer/DashboardDrawer.tsx

@@ -1,5 +1,3 @@
-'use client'
-
 import * as React from 'react'
 import { Drawer as DrawerPrimitive } from 'vaul'
 import { cn } from '../@/lib/utils'
@@ -13,10 +11,22 @@ const DrawerPortal = DrawerPrimitive.Portal
 
 const DrawerClose = DrawerPrimitive.Close
 
+const DrawerTitle = React.forwardRef<
+	React.ElementRef<typeof DrawerPrimitive.Title>,
+	React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
+>(({ className, ...props }, ref) => (
+	<DrawerPrimitive.Title
+		ref={ref}
+		className={cn(className)}
+		{...props}
+	/>
+))
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName
+
 const DrawerFooter: React.FC = () => (
-	<div className="p-[16px] cursor-pointer">
+	<DrawerClose className="p-[16px]">
 		<svg
-			className="block mx-auto"
+			className="mx-auto"
 			width="38"
 			height="10"
 			viewBox="0 0 38 10"
@@ -26,10 +36,10 @@ const DrawerFooter: React.FC = () => (
 			<path
 				d="M0 7.39774C0 8.68678 1.25226 9.60455 2.48147 9.21638L17.7955 4.38038C18.5794 4.13282 19.4206 4.13282 20.2045 4.38038L35.5185 9.21638C36.7477 9.60455 38 8.68678 38 7.39774C38 6.56568 37.4606 5.82966 36.6671 5.5791L20.2045 0.380377C19.4206 0.132817 18.5794 0.132817 17.7955 0.380377L1.33286 5.5791C0.539422 5.82966 0 6.56568 0 7.39774Z"
 				fill="#243036"
-				fill-opacity="0.24"
+				fillOpacity="0.24"
 			/>
 		</svg>
-	</div>
+	</DrawerClose>
 )
 type DrawerListProps = {
 	children: React.ReactNode
@@ -47,13 +57,13 @@ const DrawerList: React.FC<DrawerListProps> = ({ children }) => {
 type DrawerListItemProps = {
 	value: string
 	label: string | JSX.Element
-	isSelected?: boolean
+	isSelected?: boolean,
 }
 const DrawerListItem: React.FC<DrawerListItemProps> = ({ label, value, isSelected }) => {
 	return (
 		<div
 			role="option"
-			aria-labelledby=""
+			aria-labelledby="1"
 			aria-selected={isSelected}
 			className="flex"
 			tabIndex={0}
@@ -61,7 +71,7 @@ const DrawerListItem: React.FC<DrawerListItemProps> = ({ label, value, isSelecte
 			<div className="shrink-0">
 				<p
 					className="font-medium text-[14px] text-muted leading-[1.4]"
-					id=""
+					id="1"
 				>
 					{label}
 				</p>
@@ -71,7 +81,7 @@ const DrawerListItem: React.FC<DrawerListItemProps> = ({ label, value, isSelecte
 		</div>
 	)
 }
-// const Drawer
+
 const DrawerContent = React.forwardRef<
 	React.ElementRef<typeof DrawerPrimitive.Content>,
 	React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
@@ -79,9 +89,13 @@ const DrawerContent = React.forwardRef<
 	<DrawerPortal>
 		<DrawerPrimitive.Content
 			ref={ref}
-			className={cn('fixed inset-x-0 top-0 flex h-auto flex-col bg-app', className)}
+			className={cn(
+				'fixed inset-x-0 top-0 flex h-auto flex-col bg-app bg-[#fff] shadow-sm rounded-[8px] #24303614; 0px 0px 16px 4px',
+				className
+			)}
 			{...props}
 		>
+			<DrawerTitle className="sr-only">Выбор компании</DrawerTitle>
 			{children}
 			<DrawerFooter />
 		</DrawerPrimitive.Content>
@@ -89,4 +103,4 @@ const DrawerContent = React.forwardRef<
 ))
 DrawerContent.displayName = 'DrawerContent'
 
-export { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerList, DrawerListItem }
+export { Drawer, DrawerTrigger, DrawerContent, DrawerClose, DrawerList, DrawerListItem }

package/src/DasboardDrawer/index.ts

@@ -1,14 +1,8 @@
 export {
 	Drawer,
-	// DrawerPortal,
-	// DrawerOverlay,
 	DrawerTrigger,
 	DrawerClose,
 	DrawerContent,
-	// DrawerHeader,
-	// DrawerFooter,
-	// DrawerTitle,
-	// DrawerDescription,
 	DrawerList,
 	DrawerListItem
   } from './DashboardDrawer'