@topconsultnpm/sdkui-react-beta 6.10.7 → 6.10.9

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.
Files changed (4) hide show
  1. package/lib/components/base/TMButton.d.ts +1 -0
  2. package/lib/stories/TMButton.stories.d.ts +3 -0
  3. package/lib/stories/TMButton.stories.js +28 -0
  4. package/package.json +48 -36
package/lib/components/base/TMButton.d.ts CHANGED
@@ -8,6 +8,7 @@ export interface ITMButton extends ITMEditorBase {
8
8
  btnStyle?: ButtonStyle;
9
9
  advancedType?: AdvancedButtonType;
10
10
  advancedColor?: string;
11
+ /** The label that will be displayed on the UI **/
11
12
  caption?: string;
12
13
  description?: string;
13
14
  icon?: any;
package/lib/stories/TMButton.stories.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ declare const _default: import("@storybook/core/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("@storybook/core/csf").Args>;
2
+ export default _default;
3
+ export declare const NormalButton: any;
package/lib/stories/TMButton.stories.js ADDED
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import TMButton from '../components/base/TMButton';
3
+ import { TMDeviceProvider } from '../components/base/TMDeviceProvider';
4
+ import { IconCheck } from '../helper';
5
+ export default {
6
+ title: 'Components/TMButton',
7
+ component: TMButton,
8
+ decorators: [
9
+ (Story) => (_jsx(TMDeviceProvider, { children: _jsx(Story, {}) })),
10
+ ],
11
+ tags: ['autodocs'], // per indicare che vogliamo generare la documentazione
12
+ argTypes: {
13
+ // per ogni property, indicare la descrizione che si desidera mostrare nella documentazione
14
+ color: { description: 'The color of the button' },
15
+ },
16
+ };
17
+ const Template = (args) => _jsx(TMButton, { ...args });
18
+ // definiamo un prototipo che verrà mostrato nel browser (è possibile definirne altri, es.: AdvancedButton)
19
+ export const NormalButton = Template.bind({});
20
+ NormalButton.args = {
21
+ caption: 'Click Me!',
22
+ btnStyle: 'normal',
23
+ icon: _jsx(IconCheck, {}),
24
+ // advancedColor: '#28a745',
25
+ width: '120px',
26
+ height: '40px',
27
+ onClick: () => alert('NormalButton clicked!')
28
+ };
package/package.json CHANGED
@@ -1,38 +1,50 @@
1
1
  {
2
- "name": "@topconsultnpm/sdkui-react-beta",
3
- "version": "6.10.7",
4
- "description": "",
5
- "scripts": {
6
- "test": "echo \"Error: no test specified\" && exit 1",
7
- "clean": "powershell Remove-Item lib/ -recurse",
8
- "copy-files": "copyfiles -u 1 src/assets/*.* src/assets/ImageLibrary/*.* src/assets/thumbnails/*.* src/assets/Metadata/*.* src/css/tm-sdkui.css lib/",
9
- "tm-build": "npm run clean && tsc && npm run copy-files",
10
- "tm-publish": "npm publish"
11
- },
12
- "author": "TopConsult",
13
- "license": "ISC",
14
- "devDependencies": {
15
- "@types/node": "^20.2.5",
16
- "@types/react": "^18.2.7",
17
- "@types/react-dom": "^18.2.4",
18
- "copyfiles": "^2.4.1",
19
- "react": "^18.2.0",
20
- "react-dom": "^18.2.0",
21
- "typescript": "^5.3.2"
22
- },
23
- "main": "dist/cjs/index.js",
24
- "types": "./index.d.ts",
25
- "module": "lib/esm/index.js",
26
- "files": [
27
- "dist",
28
- "lib"
29
- ],
30
- "dependencies": {
31
- "@topconsultnpm/sdk-ts-beta": "^6.10.0",
32
- "buffer": "^6.0.3",
33
- "devextreme": "24.2.3",
34
- "devextreme-react": "24.2.3",
35
- "react-router-dom": "^6.15.0",
36
- "styled-components": "^6.1.1"
37
- }
2
+ "name": "@topconsultnpm/sdkui-react-beta",
3
+ "version": "6.10.9",
4
+ "description": "",
5
+ "scripts": {
6
+ "test": "echo \"Error: no test specified\" && exit 1",
7
+ "clean": "powershell Remove-Item lib/ -recurse",
8
+ "copy-files": "copyfiles -u 1 src/assets/*.* src/assets/ImageLibrary/*.* src/assets/thumbnails/*.* src/assets/Metadata/*.* src/css/tm-sdkui.css lib/",
9
+ "tm-build": "npm run clean && tsc && npm run copy-files",
10
+ "tm-publish": "npm publish",
11
+ "storybook": "storybook dev -p 6006",
12
+ "build-storybook": "storybook build"
13
+ },
14
+ "author": "TopConsult",
15
+ "license": "ISC",
16
+ "devDependencies": {
17
+ "@chromatic-com/storybook": "^3.2.4",
18
+ "@storybook/addon-essentials": "^8.6.0-beta.2",
19
+ "@storybook/addon-interactions": "^8.6.0-beta.2",
20
+ "@storybook/addon-onboarding": "^8.6.0-beta.2",
21
+ "@storybook/addon-webpack5-compiler-swc": "^2.1.0",
22
+ "@storybook/blocks": "^8.6.0-beta.2",
23
+ "@storybook/react": "^8.6.0-beta.2",
24
+ "@storybook/react-webpack5": "^8.6.0-beta.2",
25
+ "@storybook/test": "^8.6.0-beta.2",
26
+ "@types/node": "^20.2.5",
27
+ "@types/react": "^18.2.7",
28
+ "@types/react-dom": "^18.2.4",
29
+ "copyfiles": "^2.4.1",
30
+ "react": "^18.2.0",
31
+ "react-dom": "^18.2.0",
32
+ "storybook": "^8.6.0-beta.2",
33
+ "typescript": "^5.3.2"
34
+ },
35
+ "main": "dist/cjs/index.js",
36
+ "types": "./index.d.ts",
37
+ "module": "lib/esm/index.js",
38
+ "files": [
39
+ "dist",
40
+ "lib"
41
+ ],
42
+ "dependencies": {
43
+ "@topconsultnpm/sdk-ts-beta": "^6.10.0",
44
+ "buffer": "^6.0.3",
45
+ "devextreme": "24.2.3",
46
+ "devextreme-react": "24.2.3",
47
+ "react-router-dom": "^6.15.0",
48
+ "styled-components": "^6.1.1"
49
+ }
38
50
  }