norma-library 0.6.2 → 0.6.4

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 (169) hide show
  1. package/.babelrc.json +18 -18
  2. package/.prettierignore +10 -10
  3. package/.prettierrc.json +20 -20
  4. package/.storybook/main.ts +20 -20
  5. package/.storybook/preview.ts +15 -15
  6. package/README.md +43 -43
  7. package/commitlint.config.js +1 -1
  8. package/dist/esm/components/UncontrolledTable/components/header/index.js +3 -1
  9. package/dist/esm/components/UncontrolledTable/components/header/index.js.map +1 -1
  10. package/dist/esm/components/UncontrolledTable/components/header/styles.js +1 -1
  11. package/dist/esm/components/UncontrolledTable/components/header/styles.js.map +1 -1
  12. package/dist/esm/components/UncontrolledTable/index.js +1 -1
  13. package/dist/esm/components/UncontrolledTable/index.js.map +1 -1
  14. package/dist/esm/components/UncontrolledTable/interface.d.ts +2 -0
  15. package/docs/index.md +118 -118
  16. package/package.json +136 -136
  17. package/src/components/Accordion.tsx +39 -39
  18. package/src/components/Avatar.tsx +17 -17
  19. package/src/components/Badge.tsx +14 -14
  20. package/src/components/Box/index.tsx +12 -12
  21. package/src/components/Box/interfaces.ts +3 -3
  22. package/src/components/Box/styles.tsx +22 -22
  23. package/src/components/Breadcrumb/index.tsx +27 -27
  24. package/src/components/Breadcrumb/interface.ts +8 -8
  25. package/src/components/Breadcrumb/styles.tsx +32 -32
  26. package/src/components/Button.tsx +26 -26
  27. package/src/components/Card.tsx +37 -37
  28. package/src/components/ChatMessage.tsx +87 -87
  29. package/src/components/ChatMessageBalloon/ChatMessageBalloon.style.ts +56 -56
  30. package/src/components/ChatMessageBalloon/ChatMessageBalloon.tsx +55 -55
  31. package/src/components/CheckBox.tsx +21 -21
  32. package/src/components/DateInput/index.tsx +34 -34
  33. package/src/components/DateInput/interface.ts +13 -13
  34. package/src/components/DateInput/styles.tsx +27 -27
  35. package/src/components/DatePicker.tsx +67 -67
  36. package/src/components/DropDown.tsx +24 -24
  37. package/src/components/IconButton.tsx +37 -37
  38. package/src/components/Icons.tsx +82 -82
  39. package/src/components/Modal.tsx +103 -103
  40. package/src/components/MultiSelectInput/components/MultiValue/index.tsx +44 -44
  41. package/src/components/MultiSelectInput/components/Option/index.tsx +62 -62
  42. package/src/components/MultiSelectInput/components/Option/styles.tsx +8 -8
  43. package/src/components/MultiSelectInput/index.tsx +60 -60
  44. package/src/components/MultiSelectInput/interfaces.ts +15 -15
  45. package/src/components/MultiSelectInput/styles.tsx +43 -43
  46. package/src/components/Paper.tsx +12 -12
  47. package/src/components/ProgressBar.tsx +71 -71
  48. package/src/components/RadioGroup.tsx +43 -43
  49. package/src/components/RangerSlider.tsx +65 -65
  50. package/src/components/Select.tsx +74 -74
  51. package/src/components/SelectInput/components/Option/index.tsx +61 -61
  52. package/src/components/SelectInput/components/Option/styles.tsx +8 -8
  53. package/src/components/SelectInput/index.tsx +45 -45
  54. package/src/components/SelectInput/interfaces.ts +15 -15
  55. package/src/components/SelectInput/styles.tsx +31 -31
  56. package/src/components/StatusModal/StatusModal.style.tsx +75 -75
  57. package/src/components/StatusModal/StatusModal.tsx +58 -58
  58. package/src/components/Svgs.tsx +506 -506
  59. package/src/components/Table/components/header/index.tsx +86 -86
  60. package/src/components/Table/components/header/styles.tsx +59 -59
  61. package/src/components/Table/components/index.tsx +8 -8
  62. package/src/components/Table/components/pagination/index.tsx +39 -39
  63. package/src/components/Table/components/pagination/styles.tsx +28 -28
  64. package/src/components/Table/components/tbody/index.tsx +30 -30
  65. package/src/components/Table/components/tbody/styles.tsx +4 -4
  66. package/src/components/Table/index.tsx +317 -317
  67. package/src/components/Table/interface.ts +23 -23
  68. package/src/components/Table/styles.tsx +117 -117
  69. package/src/components/Tabs.tsx +105 -105
  70. package/src/components/Tag.tsx +33 -33
  71. package/src/components/TextField.tsx +19 -19
  72. package/src/components/TextInput/index.tsx +37 -37
  73. package/src/components/TextInput/interface.ts +9 -9
  74. package/src/components/TextInput/styles.tsx +23 -23
  75. package/src/components/TimeLine.tsx +89 -89
  76. package/src/components/TimePicker.tsx +78 -78
  77. package/src/components/Typography/Text/index.tsx +20 -20
  78. package/src/components/Typography/Text/interfaces.ts +5 -5
  79. package/src/components/Typography/Text/styles.tsx +40 -40
  80. package/src/components/Typography/Title/index.tsx +22 -22
  81. package/src/components/Typography/Title/interfaces.ts +6 -6
  82. package/src/components/Typography/Title/styles.tsx +40 -40
  83. package/src/components/Typography/index.tsx +6 -6
  84. package/src/components/UncontrolledTable/components/header/index.tsx +72 -65
  85. package/src/components/UncontrolledTable/components/header/styles.tsx +65 -63
  86. package/src/components/UncontrolledTable/components/index.tsx +8 -8
  87. package/src/components/UncontrolledTable/components/pagination/index.tsx +43 -43
  88. package/src/components/UncontrolledTable/components/pagination/styles.tsx +28 -28
  89. package/src/components/UncontrolledTable/components/tbody/index.tsx +33 -33
  90. package/src/components/UncontrolledTable/components/tbody/styles.tsx +32 -32
  91. package/src/components/UncontrolledTable/index.tsx +222 -221
  92. package/src/components/UncontrolledTable/interface.ts +44 -43
  93. package/src/components/UncontrolledTable/styles.tsx +123 -123
  94. package/src/components/UncontrolledTabs/UncontrolledTabs.style.tsx +56 -56
  95. package/src/components/UncontrolledTabs/UncontrolledTabs.tsx +68 -68
  96. package/src/components/index.ts +24 -24
  97. package/src/helpers/alignments.ts +14 -14
  98. package/src/helpers/borders.ts +18 -18
  99. package/src/helpers/colors.ts +258 -258
  100. package/src/helpers/index.ts +5 -5
  101. package/src/helpers/radios.ts +24 -24
  102. package/src/helpers/sizes.ts +72 -72
  103. package/src/hooks/useClickOutside.tsx +18 -18
  104. package/src/index.ts +70 -70
  105. package/src/interfaces/Accordion.ts +12 -12
  106. package/src/interfaces/Avatar.tsx +15 -15
  107. package/src/interfaces/Badge.ts +19 -19
  108. package/src/interfaces/Button.ts +22 -22
  109. package/src/interfaces/Card.ts +11 -11
  110. package/src/interfaces/ChatMessage.ts +12 -12
  111. package/src/interfaces/ChatMessageBalloon.ts +17 -17
  112. package/src/interfaces/CheckBox.ts +27 -27
  113. package/src/interfaces/DatePicker.ts +13 -13
  114. package/src/interfaces/DropDown.ts +14 -14
  115. package/src/interfaces/IconButton.ts +22 -22
  116. package/src/interfaces/Icons.ts +17 -17
  117. package/src/interfaces/Modal.ts +18 -18
  118. package/src/interfaces/Paper.ts +12 -12
  119. package/src/interfaces/ProgressBar.ts +29 -29
  120. package/src/interfaces/RadioGroup.ts +23 -23
  121. package/src/interfaces/RangerSlider.ts +21 -21
  122. package/src/interfaces/Select.ts +17 -17
  123. package/src/interfaces/Tabs.ts +19 -19
  124. package/src/interfaces/Tag.ts +17 -17
  125. package/src/interfaces/TextField.ts +44 -44
  126. package/src/interfaces/TimeLine.ts +11 -11
  127. package/src/interfaces/TimePicker.ts +13 -13
  128. package/src/interfaces/index.ts +23 -23
  129. package/src/providers/NormaProvider.tsx +13 -13
  130. package/src/sample-data-2.json +178 -178
  131. package/src/sample-data.json +177 -177
  132. package/src/stories/Accordion.stories.tsx +65 -65
  133. package/src/stories/Avatar.stories.tsx +123 -123
  134. package/src/stories/Badge.stories.tsx +39 -39
  135. package/src/stories/Box.stories.tsx +35 -35
  136. package/src/stories/Breadcrumb.stories.tsx +44 -44
  137. package/src/stories/Button.stories.tsx +93 -93
  138. package/src/stories/Card.stories.tsx +39 -39
  139. package/src/stories/ChatMessage.stories.tsx +84 -84
  140. package/src/stories/ChatMessageBalloon.stories.tsx +108 -108
  141. package/src/stories/CheckBox.stories.tsx +88 -88
  142. package/src/stories/DateInput.stories.tsx +51 -51
  143. package/src/stories/DatePicker.stories.tsx +50 -50
  144. package/src/stories/DropDown.stories.tsx +57 -57
  145. package/src/stories/IconButton.stories.tsx +78 -78
  146. package/src/stories/Modal.stories.tsx +246 -246
  147. package/src/stories/ModalStatus.stories.tsx +46 -46
  148. package/src/stories/MultiSelectInput.stories.tsx +90 -90
  149. package/src/stories/Paper.stories.tsx +53 -53
  150. package/src/stories/ProgressBar.stories.tsx +116 -116
  151. package/src/stories/RadioGroup.stories.tsx +87 -87
  152. package/src/stories/RangerSlider.stories.tsx +149 -149
  153. package/src/stories/Select.stories.tsx +100 -100
  154. package/src/stories/SelectInput.stories.tsx +78 -78
  155. package/src/stories/Table.stories.tsx +372 -372
  156. package/src/stories/Tabs.stories.tsx +61 -61
  157. package/src/stories/Tag.stories.tsx +56 -56
  158. package/src/stories/Text.stories.tsx +37 -37
  159. package/src/stories/TextField.stories.tsx +310 -310
  160. package/src/stories/TextInput.stories.tsx +52 -52
  161. package/src/stories/TimeLine.stories.tsx +35 -35
  162. package/src/stories/TimePicker.stories.tsx +87 -87
  163. package/src/stories/Title.stories.tsx +43 -43
  164. package/src/stories/UncontrolledTable.stories.tsx +315 -305
  165. package/src/stories/UncontrolledTabs.stories.tsx +63 -63
  166. package/src/styles/globals.scss +17 -17
  167. package/src/types/index.ts +207 -207
  168. package/src/utils/styledBreakpoints.ts +25 -25
  169. package/vite.config.ts +15 -15
package/.babelrc.json CHANGED
@@ -1,18 +1,18 @@
1
- {
2
- "sourceType": "unambiguous",
3
- "presets": [
4
- [
5
- "@babel/preset-env",
6
- {
7
- "targets": {
8
- "chrome": 100,
9
- "safari": 15,
10
- "firefox": 91
11
- }
12
- }
13
- ],
14
- "@babel/preset-typescript",
15
- "@babel/preset-react"
16
- ],
17
- "plugins": []
18
- }
1
+ {
2
+ "sourceType": "unambiguous",
3
+ "presets": [
4
+ [
5
+ "@babel/preset-env",
6
+ {
7
+ "targets": {
8
+ "chrome": 100,
9
+ "safari": 15,
10
+ "firefox": 91
11
+ }
12
+ }
13
+ ],
14
+ "@babel/preset-typescript",
15
+ "@babel/preset-react"
16
+ ],
17
+ "plugins": []
18
+ }
package/.prettierignore CHANGED
@@ -1,11 +1,11 @@
1
- *.json
2
- .husky/
3
- .storybook/
4
- storybook-static/
5
- scripts/
6
- lib/
7
- build/
8
- dist/
9
- src/styles/*
10
- *.d.ts
1
+ *.json
2
+ .husky/
3
+ .storybook/
4
+ storybook-static/
5
+ scripts/
6
+ lib/
7
+ build/
8
+ dist/
9
+ src/styles/*
10
+ *.d.ts
11
11
  .rollup.cache
package/.prettierrc.json CHANGED
@@ -1,20 +1,20 @@
1
- {
2
- "printWidth": 120,
3
- "singleQuote": true,
4
- "trailingComma": "all",
5
- "arrowParens": "avoid",
6
- "overrides": [
7
- {
8
- "files": ["docs/**/*.md", "docs/src/pages/**/*.{js,tsx}", "docs/data/**/*.{js,tsx}"],
9
- "options": {
10
- "printWidth": 85
11
- }
12
- },
13
- {
14
- "files": ["docs/pages/blog/**/*.md"],
15
- "options": {
16
- "printWidth": 82
17
- }
18
- }
19
- ]
20
- }
1
+ {
2
+ "printWidth": 120,
3
+ "singleQuote": true,
4
+ "trailingComma": "all",
5
+ "arrowParens": "avoid",
6
+ "overrides": [
7
+ {
8
+ "files": ["docs/**/*.md", "docs/src/pages/**/*.{js,tsx}", "docs/data/**/*.{js,tsx}"],
9
+ "options": {
10
+ "printWidth": 85
11
+ }
12
+ },
13
+ {
14
+ "files": ["docs/pages/blog/**/*.md"],
15
+ "options": {
16
+ "printWidth": 82
17
+ }
18
+ }
19
+ ]
20
+ }
@@ -1,20 +1,20 @@
1
- import type { StorybookConfig } from '@storybook/react-vite';
2
-
3
- const config: StorybookConfig = {
4
- stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
5
- addons: [
6
- '@storybook/addon-links',
7
- '@storybook/addon-essentials',
8
- '@storybook/addon-onboarding',
9
- '@storybook/addon-interactions',
10
- '@storybook/addon-mdx-gfm'
11
- ],
12
- framework: {
13
- name: '@storybook/react-vite',
14
- options: {},
15
- },
16
- docs: {
17
- autodocs: 'tag',
18
- },
19
- };
20
- export default config;
1
+ import type { StorybookConfig } from '@storybook/react-vite';
2
+
3
+ const config: StorybookConfig = {
4
+ stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
5
+ addons: [
6
+ '@storybook/addon-links',
7
+ '@storybook/addon-essentials',
8
+ '@storybook/addon-onboarding',
9
+ '@storybook/addon-interactions',
10
+ '@storybook/addon-mdx-gfm'
11
+ ],
12
+ framework: {
13
+ name: '@storybook/react-vite',
14
+ options: {},
15
+ },
16
+ docs: {
17
+ autodocs: 'tag',
18
+ },
19
+ };
20
+ export default config;
@@ -1,15 +1,15 @@
1
- import type { Preview } from '@storybook/react';
2
-
3
- const preview: Preview = {
4
- parameters: {
5
- actions: { argTypesRegex: '^on[A-Z].*' },
6
- controls: {
7
- matchers: {
8
- color: /(background|color)$/i,
9
- date: /Date$/i,
10
- },
11
- },
12
- },
13
- };
14
-
15
- export default preview;
1
+ import type { Preview } from '@storybook/react';
2
+
3
+ const preview: Preview = {
4
+ parameters: {
5
+ actions: { argTypesRegex: '^on[A-Z].*' },
6
+ controls: {
7
+ matchers: {
8
+ color: /(background|color)$/i,
9
+ date: /Date$/i,
10
+ },
11
+ },
12
+ },
13
+ };
14
+
15
+ export default preview;
package/README.md CHANGED
@@ -1,44 +1,44 @@
1
- <!-- markdownlint-disable-next-line -->
2
- <p align="center">
3
- <img width="120" height="120" src="https://www.olos.com.br/wp-content/uploads/2023/03/cropped-selo-olos-1-180x180.png" alt="Olos logo">
4
- </p>
5
- <h1 align="center">Norma DS </h1>
6
- <div align="center">
7
- Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.
8
-
9
- [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/mui/material-ui/blob/HEAD/LICENSE)
10
- [![npm latest package](https://img.shields.io/npm/v/@mui/material/latest.svg)](https://www.npmjs.com/package/@mui/material)
11
- [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
12
-
13
- [Documentation](#Documentation) |
14
- [Contributing](#Contributing) |
15
- [Changelog](#Changelog) |
16
- [License](#License)
17
-
18
- ---
19
-
20
- </div>
21
-
22
- ## Configurações
23
-
24
- - [React v18](https://react.dev/)
25
- - [TypeScript](https://www.typescriptlang.org/)
26
- - UI development with [Storybook](https://storybook.js.org/)
27
- - Unit test with [Testing-library](https://testing-library.com/)
28
- - Linting with [Eslint](https://eslint.org/) and code formatting with [Prettier](https://prettier.io/)
29
- - Conventional commit messages with [Commitlint][commitlint-url]
30
- - Build the library with [Rollup][rollup-url]
31
- - Automated release with [changesets][changesets-url]
32
-
33
- # Documentação
34
-
35
- ### Instalação
36
- Para instalação das dependencias:
37
- ```
38
- npm install
39
- ```
40
- ### Execução do projeto
41
- Para utilizar o Storybook:
42
- ```
43
- npm run storybook
1
+ <!-- markdownlint-disable-next-line -->
2
+ <p align="center">
3
+ <img width="120" height="120" src="https://www.olos.com.br/wp-content/uploads/2023/03/cropped-selo-olos-1-180x180.png" alt="Olos logo">
4
+ </p>
5
+ <h1 align="center">Norma DS </h1>
6
+ <div align="center">
7
+ Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.
8
+
9
+ [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/mui/material-ui/blob/HEAD/LICENSE)
10
+ [![npm latest package](https://img.shields.io/npm/v/@mui/material/latest.svg)](https://www.npmjs.com/package/@mui/material)
11
+ [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
12
+
13
+ [Documentation](#Documentation) |
14
+ [Contributing](#Contributing) |
15
+ [Changelog](#Changelog) |
16
+ [License](#License)
17
+
18
+ ---
19
+
20
+ </div>
21
+
22
+ ## Configurações
23
+
24
+ - [React v18](https://react.dev/)
25
+ - [TypeScript](https://www.typescriptlang.org/)
26
+ - UI development with [Storybook](https://storybook.js.org/)
27
+ - Unit test with [Testing-library](https://testing-library.com/)
28
+ - Linting with [Eslint](https://eslint.org/) and code formatting with [Prettier](https://prettier.io/)
29
+ - Conventional commit messages with [Commitlint][commitlint-url]
30
+ - Build the library with [Rollup][rollup-url]
31
+ - Automated release with [changesets][changesets-url]
32
+
33
+ # Documentação
34
+
35
+ ### Instalação
36
+ Para instalação das dependencias:
37
+ ```
38
+ npm install
39
+ ```
40
+ ### Execução do projeto
41
+ Para utilizar o Storybook:
42
+ ```
43
+ npm run storybook
44
44
  ```
@@ -1 +1 @@
1
- module.exports = {extends: ['@commitlint/config-conventional']}
1
+ module.exports = {extends: ['@commitlint/config-conventional']}
@@ -4,7 +4,7 @@ import SettingsIcon from '@mui/icons-material/Settings';
4
4
  import { CheckBox } from '../../../CheckBox';
5
5
  import useClickOutside from '../../../../hooks/useClickOutside';
6
6
  var Header = function (_a) {
7
- var table = _a.table, showTotalResults = _a.showTotalResults, showSettings = _a.showSettings, showClearFiels = _a.showClearFiels, onClearFieldsClick = _a.onClearFieldsClick, customTotalResults = _a.customTotalResults, clearLabel = _a.clearLabel;
7
+ var table = _a.table, showTotalResults = _a.showTotalResults, showSettings = _a.showSettings, showClearFiels = _a.showClearFiels, onClearFieldsClick = _a.onClearFieldsClick, customTotalResults = _a.customTotalResults, clearLabel = _a.clearLabel, customIcons = _a.customIcons;
8
8
  var _b = useState(false), openTools = _b[0], setOpenTools = _b[1];
9
9
  var listToolsRef = useRef(null);
10
10
  useClickOutside(listToolsRef, function () { return setOpenTools(false); });
@@ -16,6 +16,8 @@ var Header = function (_a) {
16
16
  React.createElement(S.Tools, null,
17
17
  showSettings ? (React.createElement(S.IconTools, { onClick: function () { return setOpenTools(!openTools); } },
18
18
  React.createElement(SettingsIcon, { sx: { fontSize: 16, color: '#DE8B50' } }))) : null,
19
+ customIcons &&
20
+ customIcons.map(function (IconComponent, index) { return (React.createElement(S.IconTools, { key: index }, IconComponent)); }),
19
21
  openTools ? (React.createElement(S.ListTools, { ref: listToolsRef }, table.getAllLeafColumns().map(function (column) {
20
22
  return (React.createElement("div", { key: column.id, className: "px-1" },
21
23
  React.createElement(CheckBox, { label: column.columnDef.header || column.id, size: "small", checked: column.getIsVisible(), value: column.getIsVisible(), onChange: column.getToggleVisibilityHandler() })));
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAC9B,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAEhE,IAAM,MAAM,GAAkB,UAAC,EAQ9B;QAPC,KAAK,WAAA,EACL,gBAAgB,sBAAA,EAChB,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,kBAAkB,wBAAA,EAClB,UAAU,gBAAA;IAEJ,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAClD,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,eAAe,CAAC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,CAAC,CAAC,MAAM,oBAAe,gBAAgB;QACtC;YACG,gBAAgB,IAAI,CACnB,oBAAC,CAAC,CAAC,OAAO;gBACR,oBAAC,CAAC,CAAC,UAAU,QACV,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM,6BAA0B,CAC1F,CACL,CACb;YACA,cAAc,IAAI,CACjB,oBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE,cAAM,OAAA,kBAAkB,IAAI,kBAAkB,EAAE,EAA1C,CAA0C,IACzE,UAAU,IAAI,cAAc,CACX,CACrB,CACG;QACN,oBAAC,CAAC,CAAC,KAAK;YACL,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,CAAC,CAAC,SAAS,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB;gBAClD,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAI,CAC5C,CACf,CAAC,CAAC,CAAC,IAAI;YACP,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,CAAC,CAAC,SAAS,IAAC,GAAG,EAAE,YAAY,IAC3B,KAAK,CAAC,iBAAiB,EAAE,CAAC,GAAG,CAAC,UAAC,MAAW;gBACzC,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAC,MAAM;oBACnC,oBAAC,QAAQ,IACP,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,IAAI,MAAM,CAAC,EAAE,EAC3C,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,EAC9B,KAAK,EAAE,MAAM,CAAC,YAAY,EAAE,EAC5B,QAAQ,EAAE,MAAM,CAAC,0BAA0B,EAAE,GAC7C,CACE,CACP,CAAC;YACJ,CAAC,CAAC,CACU,CACf,CAAC,CAAC,CAAC,IAAI,CACA,CACD,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAC9B,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAEhE,IAAM,MAAM,GAAkB,UAAC,EAS9B;QARC,KAAK,WAAA,EACL,gBAAgB,sBAAA,EAChB,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,kBAAkB,wBAAA,EAClB,UAAU,gBAAA,EACV,WAAW,iBAAA;IAEL,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAClD,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,eAAe,CAAC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,CAAC,CAAC,MAAM,oBAAe,gBAAgB;QACtC;YACG,gBAAgB,IAAI,CACnB,oBAAC,CAAC,CAAC,OAAO;gBACR,oBAAC,CAAC,CAAC,UAAU,QACV,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM,6BAA0B,CAC1F,CACL,CACb;YACA,cAAc,IAAI,CACjB,oBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE,cAAM,OAAA,kBAAkB,IAAI,kBAAkB,EAAE,EAA1C,CAA0C,IACzE,UAAU,IAAI,cAAc,CACX,CACrB,CACG;QACN,oBAAC,CAAC,CAAC,KAAK;YACL,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,CAAC,CAAC,SAAS,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB;gBAClD,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAI,CAC5C,CACf,CAAC,CAAC,CAAC,IAAI;YAEP,WAAW;gBACV,WAAW,CAAC,GAAG,CAAC,UAAC,aAA8B,EAAE,KAAa,IAAK,OAAA,CACjE,oBAAC,CAAC,CAAC,SAAS,IAAC,GAAG,EAAE,KAAK,IAAI,aAAa,CAAe,CACxD,EAFkE,CAElE,CAAC;YAEH,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,CAAC,CAAC,SAAS,IAAC,GAAG,EAAE,YAAY,IAC3B,KAAK,CAAC,iBAAiB,EAAE,CAAC,GAAG,CAAC,UAAC,MAAW;gBACzC,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAC,MAAM;oBACnC,oBAAC,QAAQ,IACP,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,IAAI,MAAM,CAAC,EAAE,EAC3C,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,EAC9B,KAAK,EAAE,MAAM,CAAC,YAAY,EAAE,EAC5B,QAAQ,EAAE,MAAM,CAAC,0BAA0B,EAAE,GAC7C,CACE,CACP,CAAC;YACJ,CAAC,CAAC,CACU,CACf,CAAC,CAAC,CAAC,IAAI,CACA,CACD,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -2,7 +2,7 @@ import { __makeTemplateObject } from "tslib";
2
2
  import styled from 'styled-components';
3
3
  export var Header = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n width: calc(100% - 32px);\n @media screen and (max-width: 1440px) {\n width: calc(100% - 16px);\n }\n margin: 0 auto;\n"], ["\n display: flex;\n justify-content: space-between;\n width: calc(100% - 32px);\n @media screen and (max-width: 1440px) {\n width: calc(100% - 16px);\n }\n margin: 0 auto;\n"])));
4
4
  export var Results = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 8px;\n"])));
5
- export var Tools = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
5
+ export var Tools = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
6
6
  export var TextResult = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: #666666;\n font-size: 16px;\n"], ["\n color: #666666;\n font-size: 16px;\n"])));
7
7
  export var TextClearSearchContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 10px;\n"], ["\n height: 10px;\n"])));
8
8
  export var TextClearSearch = styled.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: #de8b50;\n font-size: 14px;\n cursor: pointer;\n margin: 0;\n &:hover {\n text-decoration: underline;\n }\n"], ["\n color: #de8b50;\n font-size: 14px;\n cursor: pointer;\n margin: 0;\n &:hover {\n text-decoration: underline;\n }\n"])));
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,2PAAK,wLAQpC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,iIAAA,8DAIhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAC;AAElC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8GAAA,2CAGnC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,wFAAA,qBAE/C,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,CAAC,mMAAA,gIAQtC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4HAAA,yDAIlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,gZAAA,6UAiBlC,IAAA,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,2PAAK,wLAQpC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,iIAAA,8DAIhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,yFAAA,sBAE9B,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8GAAA,2CAGnC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,wFAAA,qBAE/C,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,CAAC,mMAAA,gIAQtC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4HAAA,yDAIlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,gZAAA,6UAiBlC,IAAA,CAAC"}
@@ -34,7 +34,7 @@ var UncontrolledTable = function (props) {
34
34
  var filterRef = useRef(null);
35
35
  useClickOutside(filterRef, function () { return setOpenFilterDialog(''); });
36
36
  return (React.createElement(S.Container, null,
37
- React.createElement(Header, { table: table, globalFilters: globalFilters, orderSmallest: orderSmallest, orderLargest: orderLargest, showTotalResults: showTotalResults, showSettings: showSettings, setGlobalFilters: setGlobalFilters, setOrderLargest: setOrderLargest, setOrderSmallest: setOrderSmallest, showClearFiels: showClearFields, customTotalResults: customTotalResults, clearLabel: labels === null || labels === void 0 ? void 0 : labels.clearFilter, onClearFieldsClick: function () { return onClearFieldsClick && onClearFieldsClick(); } }),
37
+ React.createElement(Header, { table: table, globalFilters: globalFilters, orderSmallest: orderSmallest, orderLargest: orderLargest, showTotalResults: showTotalResults, showSettings: showSettings, setGlobalFilters: setGlobalFilters, setOrderLargest: setOrderLargest, setOrderSmallest: setOrderSmallest, showClearFiels: showClearFields, customTotalResults: customTotalResults, clearLabel: labels === null || labels === void 0 ? void 0 : labels.clearFilter, onClearFieldsClick: function () { return onClearFieldsClick && onClearFieldsClick(); }, customIcons: props.customIcons }),
38
38
  React.createElement(S.Table, { className: tableClassName || '' },
39
39
  React.createElement(S.Thead, { "$sticky": stickyHeader }, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(S.TableRow, { key: headerGroup.id }, headerGroup.headers.map(function (header) {
40
40
  var _a, _b, _c, _d;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/index.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { ColumnDef } from '@tanstack/react-table';
2
3
  type Labels = {
3
4
  orderAsc: string;
@@ -28,6 +29,7 @@ export interface UncontrolledTableProps {
28
29
  labels?: Labels;
29
30
  tableClassName?: string;
30
31
  stickyHeader?: boolean;
32
+ customIcons?: React.ReactNode[];
31
33
  }
32
34
  export interface ColumnsTable {
33
35
  header: string;
package/docs/index.md CHANGED
@@ -1,118 +1,118 @@
1
- ## Passos Básicos
2
-
3
- ### 1. Instalando o pacote em seu projeto
4
-
5
- Para instalar o pacote Norma em seu projeto execute o comando em seu terminal:
6
-
7
- ### `npm install norma-library`
8
-
9
- ## Components disponível e como usa-lo
10
-
11
- ### Button
12
-
13
- `import { Button } from "norma-library`;
14
-
15
- `<Button label="Clique-me" onClick={handleButtonClick} />`;
16
-
17
- #### Props
18
-
19
- O componente `Button` aceita as seguintes propriedades:
20
-
21
- - `label` (string, obrigatório): O texto exibido no botão.
22
- - `sx` (SxProps<Theme>): Estilos personalizados usando o sistema de estilos do Material-UI.
23
- - `color` (string): A cor do botão (inherit, primary, secondary, success, error, info, warning).
24
- - `size` (string): O tamanho do botão (small, medium, large).
25
- - `variant` (string): A variante do botão (text, outlined, contained).
26
- - `style` (React.CSSProperties): Estilos CSS adicionais.
27
- - `children` (ReactNode): Conteúdo adicional a ser exibido dentro do botão.
28
- - `onClick` (função): Uma função de callback para ser executada quando o botão for clicado.
29
-
30
- ### Card
31
-
32
- `import { Card } from "norma-library`;
33
-
34
- `<Card title="Titulo do cartão" />conteúdo do card</card>`;
35
-
36
- #### Props
37
-
38
- O componente `Card` aceita as seguintes propriedades:
39
-
40
- - `title` (string, opcional): O título exibido no cabeçalho do card, se fornecido.
41
- - `children` (ReactNode, obrigatório): O conteúdo do card, que pode incluir qualquer componente ou conteúdo.
42
-
43
- ### Modal
44
-
45
- `import { Modal} from "norma-library`;
46
-
47
- `<Modal open={open} onClose={handleClose} aria-labelledby="modal-modal-title" aria-describedby="modal-modal-description" onConfirm={handleConfirm}
48
- title="Titulo do modal">conteúdo do modal</modal>`;
49
-
50
- #### Props
51
-
52
- O componente `Modal` aceita as seguintes propriedades:
53
-
54
- - `sx` (SxProps<Theme>): Estilos personalizados usando o sistema de estilos do Material-UI.
55
- - `children` (React.ReactElement | React.ReactElement[]): Elementos filhos do modal.
56
- - `open` (boolean): Indica se o modal está aberto.
57
- - `onClose` (função): Função de callback chamada quando o modal é fechado.
58
- - `className` (string): Classe CSS adicional para estilização.
59
- - `title` (string): Título do modal.
60
- - `full` (boolean): Indica se o modal deve ocupar toda a largura.
61
- - `onConfirm` (função): Função de callback chamada quando o botão "Confirmar" é clicado.
62
-
63
- ### TextField
64
-
65
- `import { TextField } from "norma-library`;
66
-
67
- `<TextField id="outlined-basic" label="Outlined" variant="outlined" />`;
68
-
69
- #### Props
70
-
71
- O componente `TextField` aceita as seguintes propriedades:
72
-
73
- - `label` (ReactNode): Rótulo exibido acima do campo de entrada.
74
- - `variant` (string): A variante do campo (standard, outlined, filled).
75
- - `value` (TextFieldValue): O valor do campo de entrada.
76
- - `onChange` (função): Função de callback chamada quando o valor do campo muda.
77
- - `disabled` (boolean): Indica se o campo de entrada está desabilitado.
78
- - `required` (boolean): Indica se o campo de entrada é obrigatório.
79
- - `hasError` (boolean): Indica se o campo de entrada possui erro.
80
- - E outras propriedades relacionadas a estilos, tamanho, id, etc.
81
-
82
- ### CheckBox
83
-
84
- `import { CheckBox } from "norma-library`;
85
-
86
- `<CheckBox id="checkbox-basic" label="Checkbox" checked={checked} onChange={handleCheckboxChange} />`;
87
-
88
- #### Props
89
-
90
- O componente `CheckBox` aceita as seguintes propriedades:
91
-
92
- - `label` (ReactNode): Rótulo exibido acima do campo de entrada.
93
- - `checked ` (boolean): Indica se a caixa de seleção está marcada.
94
- - `onChange` (função): Função de callback chamada quando o valor do campo muda.
95
- - `disabled` (boolean): Indica se o campo de entrada está desabilitado.
96
- - `color ` (string): A cor da caixa de seleção (primary, secondary, error, info, success, warning, default).
97
- - `size ` (string): O tamanho da caixa de seleção (small, medium).
98
- - `value` (TextFieldValue): O valor do campo de entrada.
99
- - E outras propriedades relacionadas a estilos, required, id, etc.
100
-
101
- ### ProgressBar
102
-
103
- `import { ProgressBar } from "norma-library`;
104
-
105
- `<ProgressBar id="checkbox-basic" label="Checkbox" checked={checked} onChange={handleCheckboxChange} />`;
106
-
107
- #### Props
108
-
109
- O componente `ProgressBar` aceita as seguintes propriedades:
110
-
111
- - `sx` (SxProps<Theme>): Propriedade de estilo do Material-UI para estilizar o componente.
112
- - `usage` (number): O valor de uso para calcular a porcentagem da barra de progresso.
113
- - `value` (number): O valor da barra de progresso.
114
- - `total` (number): O valor total usado para calcular a porcentagem.
115
- - `label` (string): Texto do rótulo exibido acima da barra de progresso.
116
- - `colorCustom` (string): Cor personalizada para a barra de progresso.
117
- - `variant` ('determinate' | 'indeterminate' | 'buffer' | 'query'): O estilo da barra de progresso.
118
- - `color` (string): Cor da barra de progresso (primary, secondary, error, info, success, warning, inherit).
1
+ ## Passos Básicos
2
+
3
+ ### 1. Instalando o pacote em seu projeto
4
+
5
+ Para instalar o pacote Norma em seu projeto execute o comando em seu terminal:
6
+
7
+ ### `npm install norma-library`
8
+
9
+ ## Components disponível e como usa-lo
10
+
11
+ ### Button
12
+
13
+ `import { Button } from "norma-library`;
14
+
15
+ `<Button label="Clique-me" onClick={handleButtonClick} />`;
16
+
17
+ #### Props
18
+
19
+ O componente `Button` aceita as seguintes propriedades:
20
+
21
+ - `label` (string, obrigatório): O texto exibido no botão.
22
+ - `sx` (SxProps<Theme>): Estilos personalizados usando o sistema de estilos do Material-UI.
23
+ - `color` (string): A cor do botão (inherit, primary, secondary, success, error, info, warning).
24
+ - `size` (string): O tamanho do botão (small, medium, large).
25
+ - `variant` (string): A variante do botão (text, outlined, contained).
26
+ - `style` (React.CSSProperties): Estilos CSS adicionais.
27
+ - `children` (ReactNode): Conteúdo adicional a ser exibido dentro do botão.
28
+ - `onClick` (função): Uma função de callback para ser executada quando o botão for clicado.
29
+
30
+ ### Card
31
+
32
+ `import { Card } from "norma-library`;
33
+
34
+ `<Card title="Titulo do cartão" />conteúdo do card</card>`;
35
+
36
+ #### Props
37
+
38
+ O componente `Card` aceita as seguintes propriedades:
39
+
40
+ - `title` (string, opcional): O título exibido no cabeçalho do card, se fornecido.
41
+ - `children` (ReactNode, obrigatório): O conteúdo do card, que pode incluir qualquer componente ou conteúdo.
42
+
43
+ ### Modal
44
+
45
+ `import { Modal} from "norma-library`;
46
+
47
+ `<Modal open={open} onClose={handleClose} aria-labelledby="modal-modal-title" aria-describedby="modal-modal-description" onConfirm={handleConfirm}
48
+ title="Titulo do modal">conteúdo do modal</modal>`;
49
+
50
+ #### Props
51
+
52
+ O componente `Modal` aceita as seguintes propriedades:
53
+
54
+ - `sx` (SxProps<Theme>): Estilos personalizados usando o sistema de estilos do Material-UI.
55
+ - `children` (React.ReactElement | React.ReactElement[]): Elementos filhos do modal.
56
+ - `open` (boolean): Indica se o modal está aberto.
57
+ - `onClose` (função): Função de callback chamada quando o modal é fechado.
58
+ - `className` (string): Classe CSS adicional para estilização.
59
+ - `title` (string): Título do modal.
60
+ - `full` (boolean): Indica se o modal deve ocupar toda a largura.
61
+ - `onConfirm` (função): Função de callback chamada quando o botão "Confirmar" é clicado.
62
+
63
+ ### TextField
64
+
65
+ `import { TextField } from "norma-library`;
66
+
67
+ `<TextField id="outlined-basic" label="Outlined" variant="outlined" />`;
68
+
69
+ #### Props
70
+
71
+ O componente `TextField` aceita as seguintes propriedades:
72
+
73
+ - `label` (ReactNode): Rótulo exibido acima do campo de entrada.
74
+ - `variant` (string): A variante do campo (standard, outlined, filled).
75
+ - `value` (TextFieldValue): O valor do campo de entrada.
76
+ - `onChange` (função): Função de callback chamada quando o valor do campo muda.
77
+ - `disabled` (boolean): Indica se o campo de entrada está desabilitado.
78
+ - `required` (boolean): Indica se o campo de entrada é obrigatório.
79
+ - `hasError` (boolean): Indica se o campo de entrada possui erro.
80
+ - E outras propriedades relacionadas a estilos, tamanho, id, etc.
81
+
82
+ ### CheckBox
83
+
84
+ `import { CheckBox } from "norma-library`;
85
+
86
+ `<CheckBox id="checkbox-basic" label="Checkbox" checked={checked} onChange={handleCheckboxChange} />`;
87
+
88
+ #### Props
89
+
90
+ O componente `CheckBox` aceita as seguintes propriedades:
91
+
92
+ - `label` (ReactNode): Rótulo exibido acima do campo de entrada.
93
+ - `checked ` (boolean): Indica se a caixa de seleção está marcada.
94
+ - `onChange` (função): Função de callback chamada quando o valor do campo muda.
95
+ - `disabled` (boolean): Indica se o campo de entrada está desabilitado.
96
+ - `color ` (string): A cor da caixa de seleção (primary, secondary, error, info, success, warning, default).
97
+ - `size ` (string): O tamanho da caixa de seleção (small, medium).
98
+ - `value` (TextFieldValue): O valor do campo de entrada.
99
+ - E outras propriedades relacionadas a estilos, required, id, etc.
100
+
101
+ ### ProgressBar
102
+
103
+ `import { ProgressBar } from "norma-library`;
104
+
105
+ `<ProgressBar id="checkbox-basic" label="Checkbox" checked={checked} onChange={handleCheckboxChange} />`;
106
+
107
+ #### Props
108
+
109
+ O componente `ProgressBar` aceita as seguintes propriedades:
110
+
111
+ - `sx` (SxProps<Theme>): Propriedade de estilo do Material-UI para estilizar o componente.
112
+ - `usage` (number): O valor de uso para calcular a porcentagem da barra de progresso.
113
+ - `value` (number): O valor da barra de progresso.
114
+ - `total` (number): O valor total usado para calcular a porcentagem.
115
+ - `label` (string): Texto do rótulo exibido acima da barra de progresso.
116
+ - `colorCustom` (string): Cor personalizada para a barra de progresso.
117
+ - `variant` ('determinate' | 'indeterminate' | 'buffer' | 'query'): O estilo da barra de progresso.
118
+ - `color` (string): Cor da barra de progresso (primary, secondary, error, info, success, warning, inherit).