@fvc/drawer 1.0.0

package/dist/lib/drawer/src/ChildWrapper.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ChildWrapperProps } from './Drawer.types';
+export declare function ChildWrapper({ children, testId, testIdPostfix, }: ChildWrapperProps): React.JSX.Element;

package/dist/lib/drawer/src/Drawer.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { DrawerProps } from './Drawer.types';
+export declare const prefixCls = "fvc-drawer";
+export declare const Drawer: {
+    ({ children, placement, width, height, maskClosable, mask, push, testId, ...props }: DrawerProps): React.JSX.Element;
+    Header: {
+        (props: import("./Drawer.types").ChildWrapperProps): React.JSX.Element;
+        displayName: import("./Drawer.types").ChildTypes;
+    };
+    Footer: {
+        (props: import("./Drawer.types").ChildWrapperProps): React.JSX.Element;
+        displayName: import("./Drawer.types").ChildTypes;
+    };
+    Content: {
+        (props: import("./Drawer.types").ChildWrapperProps): React.JSX.Element;
+        displayName: import("./Drawer.types").ChildTypes;
+    };
+};

package/dist/lib/drawer/src/Drawer.types.d.ts

@@ -0,0 +1,8 @@
+import { type DrawerProps as DefaultDrawerProps } from 'antd';
+export type DrawerProps = DefaultDrawerProps & {
+    testId?: string;
+};
+export type ChildWrapperProps = Pick<DrawerProps, 'testId' | 'style' | 'children'> & {
+    testIdPostfix?: string;
+};
+export type ChildTypes = 'Header' | 'Footer' | 'Content';

package/dist/lib/drawer/src/helpers/createChildWrapper.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ChildTypes, ChildWrapperProps } from '../Drawer.types';
+export declare const createChildWrapper: (type: ChildTypes) => {
+    (props: ChildWrapperProps): React.JSX.Element;
+    displayName: ChildTypes;
+};

package/dist/lib/drawer/src/helpers/getChildByType.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ChildTypes, ChildWrapperProps } from '../Drawer.types';
+export declare const getChildByType: (children: React.ReactNode, type: ChildTypes) => React.ReactElement<ChildWrapperProps>;

package/dist/lib/drawer/src/helpers/isComponentWithDisplayName.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const isComponentWithDisplayName: (child: React.ReactNode) => child is React.ReactElement & {
+    type: {
+        displayName?: string;
+    };
+};

package/dist/lib/drawer/src/index.d.ts

@@ -0,0 +1 @@
+export { Drawer } from './Drawer';

package/dist/lib/index.js

@@ -0,0 +1,6 @@
+import e from"react";import{Drawer as r}from"antd";var t=function(){return t=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},t.apply(this,arguments)};function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}"function"==typeof SuppressedError&&SuppressedError;var o,a={exports:{}};
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/var d,c=(o||(o=1,d=a,function(){var e={}.hasOwnProperty;function r(){for(var e="",r=0;r<arguments.length;r++){var o=arguments[r];o&&(e=n(e,t(o)))}return e}function t(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return r.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var o="";for(var a in t)e.call(t,a)&&t[a]&&(o=n(o,a));return o}function n(e,r){return r?e?e+" "+r:e+r:e}d.exports?(r.default=r,d.exports=r):window.classNames=r}()),a.exports),l=n(c);var i={"fvc-drawer-content-wrapper":"Drawer-module_fvc-drawer-content-wrapper__hXqAs","fvc-drawer-content":"Drawer-module_fvc-drawer-content__9uV4d","fvc-drawer-footer":"Drawer-module_fvc-drawer-footer__1gUL4","fvc-drawer-body":"Drawer-module_fvc-drawer-body__yznCc","fvc-drawer-placement-right":"Drawer-module_fvc-drawer-placement-right__VcuTD","fvc-drawer-close":"Drawer-module_fvc-drawer-close__8DHCC","fvc-drawer-placement-left":"Drawer-module_fvc-drawer-placement-left__GPn3P","fvc-drawer":"Drawer-module_fvc-drawer__gxdSz","fvc-drawer-header":"Drawer-module_fvc-drawer-header__v--eo","fvc-drawer-header-title":"Drawer-module_fvc-drawer-header-title__Opu3B","fvc-drawer-header-no-title":"Drawer-module_fvc-drawer-header-no-title__-A04s"};function f(r){var t=r.children,n=r.testId,o=r.testIdPostfix;return e.createElement("div",{"data-testid":n?"".concat(n,"-").concat(o):void 0},t)}!function(e,r){void 0===r&&(r={});var t=r.insertAt;if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".Drawer-module_fvc-drawer-content-wrapper__hXqAs > .Drawer-module_fvc-drawer-content__9uV4d {\n  z-index: 1;\n  overflow: auto;\n  background-clip: padding-box;\n  background: var(--card-bg-color-20);\n  border: 0;\n}\n.Drawer-module_fvc-drawer-content__9uV4d > .Drawer-module_fvc-drawer-footer__1gUL4 {\n  border-top: none;\n}\n.Drawer-module_fvc-drawer-content__9uV4d > .Drawer-module_fvc-drawer-body__yznCc {\n  word-wrap: break-word;\n  flex-grow: 1;\n  padding: 0 16px;\n  font-size: 14px;\n  line-height: 1.5715;\n  overflow: auto;\n}\n.Drawer-module_fvc-drawer-placement-right__VcuTD .Drawer-module_fvc-drawer-close__8DHCC {\n  left: -50px;\n}\n.Drawer-module_fvc-drawer-placement-left__GPn3P .Drawer-module_fvc-drawer-close__8DHCC {\n  right: -40px;\n}\n.Drawer-module_fvc-drawer__gxdSz .Drawer-module_fvc-drawer-header__v--eo {\n  padding: 16px 32px;\n  border-bottom: none;\n}\n.Drawer-module_fvc-drawer__gxdSz .Drawer-module_fvc-drawer-header-title__Opu3B {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 22px;\n}\n.Drawer-module_fvc-drawer__gxdSz .Drawer-module_fvc-drawer-close__8DHCC {\n  position: absolute;\n  display: block;\n  top: 0;\n  padding: 20px;\n  font-weight: 700;\n  color: var(--white-icon-color-0);\n  background: transparent;\n  border: 0;\n  outline: 0;\n  cursor: pointer;\n}\n.Drawer-module_fvc-drawer__gxdSz .Drawer-module_fvc-drawer-close__8DHCC svg {\n  width: 20px;\n  height: 20px;\n}\n.Drawer-module_fvc-drawer__gxdSz .Drawer-module_fvc-drawer-close__8DHCC:focus, .Drawer-module_fvc-drawer__gxdSz .Drawer-module_fvc-drawer-close__8DHCC:hover {\n  color: var(--white-icon-color-0);\n  background: transparent;\n}\n.Drawer-module_fvc-drawer-header-no-title__-A04s .Drawer-module_fvc-drawer__gxdSz .Drawer-module_fvc-drawer-close__8DHCC {\n  margin-right: 5px;\n  padding-right: 22px;\n}");var u=function(r){var n=function(n){return e.createElement(f,t({},n,{testIdPostfix:null==r?void 0:r.toLowerCase()}))};return n.displayName=r,n},w=function(r,t){return e.Children.toArray(r).find((function(r){return!!function(r){return e.isValidElement(r)&&"function"==typeof r.type&&"displayName"in r.type}(r)&&r.type.displayName===t}))},_="fvc-drawer",p=function(n){var o,a=n.children,d=n.placement,c=void 0===d?"right":d,f=n.width,u=void 0===f?256:f,p=n.height,s=void 0===p?256:p,v=n.maskClosable,m=void 0===v||v,h=n.mask,g=void 0===h||h,y=n.push,D=void 0===y?{distance:180}:y,x=n.testId,b=void 0===x?"drawer":x,C=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}(n,["children","placement","width","height","maskClosable","mask","push","testId"]),S=w(a,"Footer"),O=w(a,"Header"),z=w(a,"Content"),k=l(i[_],((o={})["".concat(_,"-placement-").concat(c)]=c,o));return e.createElement(r,t({"data-testid":b,prefixCls:_,title:O,footer:S,placement:c,width:u,height:s,maskClosable:m,mask:g,push:D,rootClassName:k,styles:{header:null==O?void 0:O.props.style,footer:null==S?void 0:S.props.style,content:null==z?void 0:z.props.style}},C),z)};p.Header=u("Header"),p.Footer=u("Footer"),p.Content=u("Content");export{p as Drawer};

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@fvc/drawer",
+  "version": "1.0.0",
+  "main": "./dist/lib/index.js",
+  "types": "./dist/lib/drawer/src/index.d.ts",
+  "files": [
+    "dist/lib/index.js",
+    "dist/lib/drawer",
+    "package.json"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/lib/index.js",
+      "types": "./dist/lib/drawer/src/index.d.ts"
+    },
+    "./types/*": "./dist/lib/drawer/src/types/*"
+  },
+  "scripts": {
+    "build": "rm -rf dist && eslint --config ../../eslint.config.js . && bunx tsc --noEmit && rollup -c ./rollup.config.mjs"
+  },
+  "dependencies": {
+    "react": "^18.0.0",
+    "antd": "^5.0.0"
+  }
+}