@dfx.swiss/react-components 1.3.0-beta.16 → 1.3.0-beta.18

package/README.md

@@ -1,3 +1,17 @@
 # React Components
 
 React UI components for DFX.swiss
+
+## Testing package modifications using `npm link`
+
+To test the components in a project, you can use `npm link` to link the local package to the project.
+
+1. To avoid conflicts with the package name, you can change the package name in the `package.json` file, e.g. to 'react-components-local'
+2. Build the packages using `npm run build` in the root directory.
+3. Link the package using `npm link` in the package directory, i.e. `cd packages/react-components && npm link`.
+4. In the project where you want to test the package, link the package using `npm link <package-name>`, i.e. `npm link react-components-local`.
+5. Import the component in the project using the package name, e.g. `import { StyledTabContentWrapper } from 'react-components-local'`.
+6. To unlink the package, use `npm unlink <package-name>`.
+
+Note that at any time you can view linked packages using `npm ls --global --depth=0 --link=true`.
+When you're done, remember to revert the package name in the `package.json` file.

package/dist/stories/StyledTabContentWrapper.d.ts

@@ -3,6 +3,7 @@ export interface StyledTabContentWrapperProps extends PropsWithChildren {
     showBackArrow?: boolean;
     leftBorder?: boolean;
     onBackClick?: () => void;
+    className?: string;
 }
-export default function StyledTabContentWrapper({ showBackArrow, leftBorder, children, onBackClick, }: StyledTabContentWrapperProps): import("react/jsx-runtime").JSX.Element;
+export default function StyledTabContentWrapper({ showBackArrow, leftBorder, children, onBackClick, className, }: StyledTabContentWrapperProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=StyledTabContentWrapper.d.ts.map

package/dist/stories/StyledTabContentWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledTabContentWrapper.d.ts","sourceRoot":"","sources":["../../src/stories/StyledTabContentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,4BAA6B,SAAQ,iBAAiB;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,aAAqB,EACrB,UAAkB,EAClB,QAAQ,EACR,WAAW,GACZ,EAAE,4BAA4B,2CAW9B"}
+{"version":3,"file":"StyledTabContentWrapper.d.ts","sourceRoot":"","sources":["../../src/stories/StyledTabContentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,4BAA6B,SAAQ,iBAAiB;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,aAAqB,EACrB,UAAkB,EAClB,QAAQ,EACR,WAAW,EACX,SAAc,GACf,EAAE,4BAA4B,2CAW9B"}

package/dist/stories/StyledTabContentWrapper.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconVariant } from './DfxIcon';
 import StyledIconButton from './StyledIconButton';
 export default function StyledTabContentWrapper(_a) {
-    var _b = _a.showBackArrow, showBackArrow = _b === void 0 ? false : _b, _c = _a.leftBorder, leftBorder = _c === void 0 ? false : _c, children = _a.children, onBackClick = _a.onBackClick;
-    return (_jsxs("div", __assign({ className: "w-full ".concat(leftBorder ? 'border-l border-dfxGray-400' : '') }, { children: [showBackArrow && onBackClick && (_jsx("div", __assign({ className: "absolute" }, { children: _jsx(StyledIconButton, { icon: IconVariant.BACK, onClick: onBackClick }) }))), _jsx("div", __assign({ className: "m-auto max-w-lg" }, { children: children }))] })));
+    var _b = _a.showBackArrow, showBackArrow = _b === void 0 ? false : _b, _c = _a.leftBorder, leftBorder = _c === void 0 ? false : _c, children = _a.children, onBackClick = _a.onBackClick, _d = _a.className, className = _d === void 0 ? '' : _d;
+    return (_jsxs("div", __assign({ className: "w-full ".concat(leftBorder ? 'border-l border-dfxGray-400' : '') }, { children: [showBackArrow && onBackClick && (_jsx("div", __assign({ className: "absolute" }, { children: _jsx(StyledIconButton, { icon: IconVariant.BACK, onClick: onBackClick }) }))), _jsx("div", __assign({ className: "m-auto max-w-lg ".concat(className) }, { children: children }))] })));
 }
 //# sourceMappingURL=StyledTabContentWrapper.js.map

package/dist/stories/StyledTabContentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledTabContentWrapper.js","sourceRoot":"","sources":["../../src/stories/StyledTabContentWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAQlD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAKjB;QAJ7B,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,OAAO,CACL,wBAAK,SAAS,EAAE,iBAAU,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAE,iBACxE,aAAa,IAAI,WAAW,IAAI,CAC/B,uBAAK,SAAS,EAAC,UAAU,gBACvB,KAAC,gBAAgB,IAAC,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI,IAC9D,CACP,EACD,uBAAK,SAAS,EAAC,iBAAiB,gBAAE,QAAQ,IAAO,KAC7C,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"StyledTabContentWrapper.js","sourceRoot":"","sources":["../../src/stories/StyledTabContentWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AASlD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAMjB;QAL7B,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEd,OAAO,CACL,wBAAK,SAAS,EAAE,iBAAU,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAE,iBACxE,aAAa,IAAI,WAAW,IAAI,CAC/B,uBAAK,SAAS,EAAC,UAAU,gBACvB,KAAC,gBAAgB,IAAC,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI,IAC9D,CACP,EACD,uBAAK,SAAS,EAAE,0BAAmB,SAAS,CAAE,gBAAG,QAAQ,IAAO,KAC5D,CACP,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@dfx.swiss/react-components",
-  "version": "1.3.0-beta.16",
+  "version": "1.3.0-beta.18",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -88,5 +88,5 @@
     "tailwindcss": "^3.2.4",
     "webpack": "^5.75.0"
   },
-  "gitHead": "27fdbaa5fe5ce7b8bf2d9173dbf90d604dd08e53"
+  "gitHead": "647098f2e6d84e2e88bf2be7efdc57d056f7aeea"
 }