@bonprix-ds/react-removed-item-placeholder 1.0.1 → 1.0.2
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/dist/index.d.ts
CHANGED
|
@@ -1,15 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
declare const RemovedItemPlaceholder: ({ children, actionLabel, onClick }: RemovedItemPlaceholderProps) => default_2.JSX.Element;
|
|
4
|
-
export default RemovedItemPlaceholder;
|
|
5
|
-
|
|
6
|
-
export declare interface RemovedItemPlaceholderProps {
|
|
7
|
-
/** A short text to be display in the placeholder. */
|
|
8
|
-
children: string;
|
|
9
|
-
/** The label for the action button. */
|
|
10
|
-
actionLabel: string;
|
|
11
|
-
/** Callback function, that is triggered when the action button is clicked. */
|
|
12
|
-
onClick: () => void;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export { }
|
|
1
|
+
export { default } from "./src/RemovedItemPlaceholder";
|
|
2
|
+
export type { Props as RemovedItemPlaceholderProps } from "./src/RemovedItemPlaceholder";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface Props {
|
|
3
|
+
/** A short text to be display in the placeholder. */
|
|
4
|
+
children: string;
|
|
5
|
+
/** The label for the action button. */
|
|
6
|
+
actionLabel: string;
|
|
7
|
+
/** Callback function, that is triggered when the action button is clicked. */
|
|
8
|
+
onClick: () => void;
|
|
9
|
+
}
|
|
10
|
+
declare const RemovedItemPlaceholder: ({ children, actionLabel, onClick }: Props) => React.JSX.Element;
|
|
11
|
+
export default RemovedItemPlaceholder;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import e from "@bonprix-ds/react-button";
|
|
3
2
|
import "react";
|
|
4
|
-
import { tv as
|
|
3
|
+
import { tv as e } from "tailwind-variants";
|
|
4
|
+
import t from "@bonprix-ds/react-button";
|
|
5
5
|
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
6
6
|
//#region src/RemovedItemPlaceholder.tsx
|
|
7
|
-
var i =
|
|
7
|
+
var i = e({ slots: {
|
|
8
8
|
root: "preflight w-full h-full flex flex-col px-8 py-19 items-center justify-center",
|
|
9
9
|
label: "pb-3 typography-body1 text-clr-primary text-center"
|
|
10
|
-
} }), a = ({ children:
|
|
10
|
+
} }), a = ({ children: e, actionLabel: a, onClick: o }) => {
|
|
11
11
|
let { root: s, label: c } = i();
|
|
12
12
|
return /* @__PURE__ */ r("div", {
|
|
13
13
|
className: s(),
|
|
14
14
|
children: [/* @__PURE__ */ n("div", {
|
|
15
15
|
className: c(),
|
|
16
|
-
children:
|
|
17
|
-
}), /* @__PURE__ */ n(
|
|
16
|
+
children: e
|
|
17
|
+
}), /* @__PURE__ */ n(t, {
|
|
18
18
|
type: "button",
|
|
19
19
|
variant: "secondary",
|
|
20
20
|
onClick: o,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RemovedItemPlaceholder.js","names":[],"sources":["../../src/RemovedItemPlaceholder.tsx"],"sourcesContent":["\"use client\";\n\nimport
|
|
1
|
+
{"version":3,"file":"RemovedItemPlaceholder.js","names":[],"sources":["../../src/RemovedItemPlaceholder.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nimport Button from \"@bonprix-ds/react-button\";\n\nconst generateClasses = tv({\n slots: {\n root: \"preflight w-full h-full flex flex-col px-8 py-19 items-center justify-center\",\n label: \"pb-3 typography-body1 text-clr-primary text-center\",\n },\n});\n\nexport interface Props {\n /** A short text to be display in the placeholder. */\n children: string;\n /** The label for the action button. */\n actionLabel: string;\n /** Callback function, that is triggered when the action button is clicked. */\n onClick: () => void;\n}\n\nconst RemovedItemPlaceholder = ({ children, actionLabel, onClick }: Props) => {\n const { root, label } = generateClasses();\n\n return (\n <div className={root()}>\n <div className={label()}>{children}</div>\n <Button type=\"button\" variant=\"secondary\" onClick={onClick} contentWidth>\n {actionLabel}\n </Button>\n </div>\n );\n};\n\nexport default RemovedItemPlaceholder;\n"],"mappings":";;;;;;AAOA,IAAM,IAAkB,EAAG,EACzB,OAAO;CACL,MAAM;CACN,OAAO;AACT,EACF,CAAC,GAWK,KAA0B,EAAE,aAAU,gBAAa,iBAAqB;CAC5E,IAAM,EAAE,SAAM,aAAU,EAAgB;CAExC,OACE,kBAAC,OAAD;EAAK,WAAW,EAAK;EAArB,UAAA,CACE,kBAAC,OAAD;GAAK,WAAW,EAAM;GAAI;EAAc,CAAA,GACxC,kBAAC,GAAD;GAAQ,MAAK;GAAS,SAAQ;GAAqB;GAAS,cAAA;GACzD,UAAA;EACK,CAAA,CACL;;AAET"}
|
package/package.json
CHANGED
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bonprix-ds/react-removed-item-placeholder",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "RemovedItemPlaceholder component, implemented in React, for the Bonprix Design System.",
|
|
5
|
-
"
|
|
6
|
-
"
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
"keywords": [],
|
|
6
|
+
"license": "UNLICENSED",
|
|
7
|
+
"author": "",
|
|
8
|
+
"repository": {
|
|
9
|
+
"type": "git",
|
|
10
|
+
"url": "git+https://github.com/bonprix/design-system.git",
|
|
11
|
+
"directory": "packages/react/removed-item-placeholder"
|
|
9
12
|
},
|
|
10
|
-
"
|
|
13
|
+
"files": [
|
|
14
|
+
"dist",
|
|
15
|
+
"!dist/tsconfig.tsbuildinfo",
|
|
16
|
+
"!dist/vite.config.d.ts",
|
|
17
|
+
"!dist/**/*.test.d.ts"
|
|
18
|
+
],
|
|
19
|
+
"type": "module",
|
|
11
20
|
"sideEffects": false,
|
|
21
|
+
"module": "./dist/index.js",
|
|
22
|
+
"types": "./dist/index.d.ts",
|
|
12
23
|
"exports": {
|
|
13
24
|
".": {
|
|
14
25
|
"import": "./dist/index.js",
|
|
@@ -16,34 +27,24 @@
|
|
|
16
27
|
"default": "./dist/index.js"
|
|
17
28
|
}
|
|
18
29
|
},
|
|
19
|
-
"
|
|
20
|
-
|
|
21
|
-
"
|
|
22
|
-
],
|
|
23
|
-
"keywords": [],
|
|
24
|
-
"author": "",
|
|
25
|
-
"license": "UNLICENSED",
|
|
26
|
-
"repository": {
|
|
27
|
-
"type": "git",
|
|
28
|
-
"url": "git+https://github.com/bonprix/design-system.git",
|
|
29
|
-
"directory": "packages/react/removed-item-placeholder"
|
|
30
|
+
"publishConfig": {
|
|
31
|
+
"access": "public",
|
|
32
|
+
"provenance": true
|
|
30
33
|
},
|
|
31
34
|
"dependencies": {
|
|
32
|
-
"@bonprix-ds/react-button": "1.1.
|
|
35
|
+
"@bonprix-ds/react-button": "1.1.1",
|
|
33
36
|
"@bonprix-ds/utils": "0.2.2"
|
|
34
37
|
},
|
|
35
|
-
"peerDependencies": {
|
|
36
|
-
"react": "^19.0.0",
|
|
37
|
-
"react-dom": "^19.0.0",
|
|
38
|
-
"tailwind-variants": "0.3.1"
|
|
39
|
-
},
|
|
40
38
|
"devDependencies": {
|
|
41
|
-
"
|
|
42
|
-
"@types/react": "19.2.18",
|
|
39
|
+
"@types/react": "19.3.0",
|
|
43
40
|
"@vitejs/plugin-react": "6.1.1",
|
|
44
41
|
"rollup-preserve-directives": "1.1.3",
|
|
45
|
-
"
|
|
46
|
-
|
|
42
|
+
"vite": "8.3.0"
|
|
43
|
+
},
|
|
44
|
+
"peerDependencies": {
|
|
45
|
+
"react": "^19.3.0",
|
|
46
|
+
"react-dom": "^19.3.0",
|
|
47
|
+
"tailwind-variants": "0.3.1"
|
|
47
48
|
},
|
|
48
49
|
"scripts": {
|
|
49
50
|
"build": "vite build"
|