@datability/8ui 0.1.69 → 1.1.0

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 (199) hide show
  1. package/.prettierrc +8 -0
  2. package/.vscode/extensions.json +6 -0
  3. package/README.md +66 -18
  4. package/declaration.d.ts +10 -0
  5. package/docker-compose.yml +20 -0
  6. package/eslint.config.js +23 -0
  7. package/index.html +13 -0
  8. package/package.json +37 -36
  9. package/public/vite.svg +1 -0
  10. package/src/App.tsx +370 -0
  11. package/src/components/blackdrop/index.tsx +18 -0
  12. package/src/components/blackdrop/index.type.ts +7 -0
  13. package/src/components/button/index.tsx +44 -0
  14. package/src/components/button/index.type.ts +13 -0
  15. package/src/components/chip/index.tsx +39 -0
  16. package/src/components/chip/index.type.ts +12 -0
  17. package/src/components/context.tsx +26 -0
  18. package/src/components/divider/index.tsx +13 -0
  19. package/src/components/index.ts +62 -0
  20. package/{dist/components/Input/InputAutoComplete → src/components/input/input-auto-complete}/index.scss +1 -1
  21. package/src/components/input/input-auto-complete/index.tsx +140 -0
  22. package/src/components/input/input-auto-complete/index.type.tsx +13 -0
  23. package/src/components/input/input-base/index.tsx +39 -0
  24. package/src/components/input/input-base/index.type.tsx +13 -0
  25. package/src/components/input/input-basic/index.tsx +47 -0
  26. package/src/components/input/input-basic/index.type.tsx +8 -0
  27. package/src/components/input/input-checkbox/index.tsx +69 -0
  28. package/src/components/input/input-checkbox/index.type.tsx +11 -0
  29. package/src/components/input/input-date/index.tsx +354 -0
  30. package/src/components/input/input-date/index.type.tsx +11 -0
  31. package/src/components/input/input-date-range/index.tsx +284 -0
  32. package/src/components/input/input-date-range/index.type.tsx +11 -0
  33. package/src/components/input/input-date-time/index.tsx +367 -0
  34. package/src/components/input/input-date-time/index.type.tsx +11 -0
  35. package/src/components/input/input-number/index.tsx +118 -0
  36. package/src/components/input/input-number/index.type.tsx +11 -0
  37. package/src/components/input/input-password/index.tsx +60 -0
  38. package/src/components/input/input-password/index.type.tsx +8 -0
  39. package/src/components/input/input-radio/index.tsx +72 -0
  40. package/src/components/input/input-radio/index.type.tsx +12 -0
  41. package/{dist/components/Input/InputSelect → src/components/input/input-select}/index.scss +1 -1
  42. package/src/components/input/input-select/index.tsx +113 -0
  43. package/src/components/input/input-select/index.type.tsx +15 -0
  44. package/{dist/components/InputNonContext/InputSwitch → src/components/input/input-switch}/index.scss +1 -1
  45. package/src/components/input/input-switch/index.tsx +44 -0
  46. package/src/components/input/input-switch/index.type.tsx +4 -0
  47. package/src/components/input/input-textarea/index.tsx +48 -0
  48. package/src/components/input/input-textarea/index.type.tsx +10 -0
  49. package/src/components/menu/index.tsx +136 -0
  50. package/src/components/menu/index.type.ts +8 -0
  51. package/{dist/components/Modal → src/components/modal}/index.scss +0 -0
  52. package/src/components/modal/index.tsx +99 -0
  53. package/src/components/modal/index.type.tsx +8 -0
  54. package/src/index.scss +44 -0
  55. package/src/index.ts +62 -0
  56. package/src/logoDownload.svg +3 -0
  57. package/src/main.tsx +9 -0
  58. package/tsconfig.app.json +28 -0
  59. package/tsconfig.json +42 -0
  60. package/tsconfig.node.json +29 -0
  61. package/vite.config.d.ts +2 -0
  62. package/vite.config.ts +35 -0
  63. package/dist/components/Blackdrop/index.d.ts +0 -5
  64. package/dist/components/Blackdrop/index.js +0 -11
  65. package/dist/components/Blackdrop/index.js.map +0 -1
  66. package/dist/components/Blackdrop/index.type.d.ts +0 -6
  67. package/dist/components/Blackdrop/index.type.js +0 -2
  68. package/dist/components/Blackdrop/index.type.js.map +0 -1
  69. package/dist/components/Button/index.d.ts +0 -5
  70. package/dist/components/Button/index.js +0 -16
  71. package/dist/components/Button/index.js.map +0 -1
  72. package/dist/components/Button/index.type.d.ts +0 -12
  73. package/dist/components/Button/index.type.js +0 -2
  74. package/dist/components/Button/index.type.js.map +0 -1
  75. package/dist/components/Chip/index.d.ts +0 -5
  76. package/dist/components/Chip/index.js +0 -18
  77. package/dist/components/Chip/index.js.map +0 -1
  78. package/dist/components/Chip/index.type.d.ts +0 -9
  79. package/dist/components/Chip/index.type.js +0 -2
  80. package/dist/components/Chip/index.type.js.map +0 -1
  81. package/dist/components/Divider/index.d.ts +0 -4
  82. package/dist/components/Divider/index.js +0 -10
  83. package/dist/components/Divider/index.js.map +0 -1
  84. package/dist/components/Input/InputAutoComplete/index.d.ts +0 -5
  85. package/dist/components/Input/InputAutoComplete/index.js +0 -68
  86. package/dist/components/Input/InputAutoComplete/index.js.map +0 -1
  87. package/dist/components/Input/InputAutoComplete/index.type.d.ts +0 -12
  88. package/dist/components/Input/InputAutoComplete/index.type.js +0 -2
  89. package/dist/components/Input/InputAutoComplete/index.type.js.map +0 -1
  90. package/dist/components/Input/InputBase/index.d.ts +0 -5
  91. package/dist/components/Input/InputBase/index.js +0 -23
  92. package/dist/components/Input/InputBase/index.js.map +0 -1
  93. package/dist/components/Input/InputBase/index.type.d.ts +0 -9
  94. package/dist/components/Input/InputBase/index.type.js +0 -2
  95. package/dist/components/Input/InputBase/index.type.js.map +0 -1
  96. package/dist/components/Input/InputBasic/index.d.ts +0 -5
  97. package/dist/components/Input/InputBasic/index.js +0 -16
  98. package/dist/components/Input/InputBasic/index.js.map +0 -1
  99. package/dist/components/Input/InputBasic/index.type.d.ts +0 -10
  100. package/dist/components/Input/InputBasic/index.type.js +0 -2
  101. package/dist/components/Input/InputBasic/index.type.js.map +0 -1
  102. package/dist/components/Input/InputCheckbox/index.d.ts +0 -5
  103. package/dist/components/Input/InputCheckbox/index.js +0 -19
  104. package/dist/components/Input/InputCheckbox/index.js.map +0 -1
  105. package/dist/components/Input/InputCheckbox/index.type.d.ts +0 -11
  106. package/dist/components/Input/InputCheckbox/index.type.js +0 -2
  107. package/dist/components/Input/InputCheckbox/index.type.js.map +0 -1
  108. package/dist/components/Input/InputDate/index.d.ts +0 -23
  109. package/dist/components/Input/InputDate/index.js +0 -190
  110. package/dist/components/Input/InputDate/index.js.map +0 -1
  111. package/dist/components/Input/InputDate/index.type.d.ts +0 -11
  112. package/dist/components/Input/InputDate/index.type.js +0 -2
  113. package/dist/components/Input/InputDate/index.type.js.map +0 -1
  114. package/dist/components/Input/InputDateRange/index.d.ts +0 -5
  115. package/dist/components/Input/InputDateRange/index.js +0 -137
  116. package/dist/components/Input/InputDateRange/index.js.map +0 -1
  117. package/dist/components/Input/InputDateRange/index.type.d.ts +0 -11
  118. package/dist/components/Input/InputDateRange/index.type.js +0 -2
  119. package/dist/components/Input/InputDateRange/index.type.js.map +0 -1
  120. package/dist/components/Input/InputDateTime/index.d.ts +0 -5
  121. package/dist/components/Input/InputDateTime/index.js +0 -185
  122. package/dist/components/Input/InputDateTime/index.js.map +0 -1
  123. package/dist/components/Input/InputDateTime/index.type.d.ts +0 -11
  124. package/dist/components/Input/InputDateTime/index.type.js +0 -2
  125. package/dist/components/Input/InputDateTime/index.type.js.map +0 -1
  126. package/dist/components/Input/InputNumber/index.d.ts +0 -5
  127. package/dist/components/Input/InputNumber/index.js +0 -78
  128. package/dist/components/Input/InputNumber/index.js.map +0 -1
  129. package/dist/components/Input/InputNumber/index.type.d.ts +0 -10
  130. package/dist/components/Input/InputNumber/index.type.js +0 -2
  131. package/dist/components/Input/InputNumber/index.type.js.map +0 -1
  132. package/dist/components/Input/InputPassword/index.d.ts +0 -5
  133. package/dist/components/Input/InputPassword/index.js +0 -21
  134. package/dist/components/Input/InputPassword/index.js.map +0 -1
  135. package/dist/components/Input/InputPassword/index.type.d.ts +0 -8
  136. package/dist/components/Input/InputPassword/index.type.js +0 -2
  137. package/dist/components/Input/InputPassword/index.type.js.map +0 -1
  138. package/dist/components/Input/InputRadio/index.d.ts +0 -5
  139. package/dist/components/Input/InputRadio/index.js +0 -31
  140. package/dist/components/Input/InputRadio/index.js.map +0 -1
  141. package/dist/components/Input/InputRadio/index.type.d.ts +0 -12
  142. package/dist/components/Input/InputRadio/index.type.js +0 -2
  143. package/dist/components/Input/InputRadio/index.type.js.map +0 -1
  144. package/dist/components/Input/InputSelect/index.d.ts +0 -5
  145. package/dist/components/Input/InputSelect/index.js +0 -45
  146. package/dist/components/Input/InputSelect/index.js.map +0 -1
  147. package/dist/components/Input/InputSelect/index.type.d.ts +0 -14
  148. package/dist/components/Input/InputSelect/index.type.js +0 -2
  149. package/dist/components/Input/InputSelect/index.type.js.map +0 -1
  150. package/dist/components/Input/InputTextarea/index.d.ts +0 -5
  151. package/dist/components/Input/InputTextarea/index.js +0 -16
  152. package/dist/components/Input/InputTextarea/index.js.map +0 -1
  153. package/dist/components/Input/InputTextarea/index.type.d.ts +0 -10
  154. package/dist/components/Input/InputTextarea/index.type.js +0 -2
  155. package/dist/components/Input/InputTextarea/index.type.js.map +0 -1
  156. package/dist/components/InputNonContext/InputSwitch/index.d.ts +0 -5
  157. package/dist/components/InputNonContext/InputSwitch/index.js +0 -19
  158. package/dist/components/InputNonContext/InputSwitch/index.js.map +0 -1
  159. package/dist/components/InputNonContext/InputSwitch/index.type.d.ts +0 -6
  160. package/dist/components/InputNonContext/InputSwitch/index.type.js +0 -2
  161. package/dist/components/InputNonContext/InputSwitch/index.type.js.map +0 -1
  162. package/dist/components/Menu/index.d.ts +0 -5
  163. package/dist/components/Menu/index.js +0 -103
  164. package/dist/components/Menu/index.js.map +0 -1
  165. package/dist/components/Menu/index.type.d.ts +0 -11
  166. package/dist/components/Menu/index.type.js +0 -2
  167. package/dist/components/Menu/index.type.js.map +0 -1
  168. package/dist/components/Modal/index.d.ts +0 -5
  169. package/dist/components/Modal/index.js +0 -83
  170. package/dist/components/Modal/index.js.map +0 -1
  171. package/dist/components/Modal/index.type.d.ts +0 -7
  172. package/dist/components/Modal/index.type.js +0 -2
  173. package/dist/components/Modal/index.type.js.map +0 -1
  174. package/dist/components/context.d.ts +0 -8
  175. package/dist/components/context.js +0 -12
  176. package/dist/components/context.js.map +0 -1
  177. package/dist/components/index.d.ts +0 -41
  178. package/dist/components/index.js +0 -21
  179. package/dist/components/index.js.map +0 -1
  180. /package/{dist → src}/components/assets/closed.svg +0 -0
  181. /package/{dist/components/assets/expandArrow.svg → src/components/assets/expand-arrow.svg} +0 -0
  182. /package/{dist/components/assets/visibilityOff.svg → src/components/assets/visibility-off.svg} +0 -0
  183. /package/{dist → src}/components/assets/visibility.svg +0 -0
  184. /package/{dist/components/Blackdrop → src/components/blackdrop}/index.scss +0 -0
  185. /package/{dist/components/Button → src/components/button}/index.scss +0 -0
  186. /package/{dist/components/Chip → src/components/chip}/index.scss +0 -0
  187. /package/{dist/components/Divider → src/components/divider}/index.scss +0 -0
  188. /package/{dist/components/Input → src/components/input}/extend.scss +0 -0
  189. /package/{dist/components/Input/InputBase → src/components/input/input-base}/index.scss +0 -0
  190. /package/{dist/components/Input/InputBasic → src/components/input/input-basic}/index.scss +0 -0
  191. /package/{dist/components/Input/InputCheckbox → src/components/input/input-checkbox}/index.scss +0 -0
  192. /package/{dist/components/Input/InputDate → src/components/input/input-date}/index.scss +0 -0
  193. /package/{dist/components/Input/InputDateRange → src/components/input/input-date-range}/index.scss +0 -0
  194. /package/{dist/components/Input/InputDateTime → src/components/input/input-date-time}/index.scss +0 -0
  195. /package/{dist/components/Input/InputNumber → src/components/input/input-number}/index.scss +0 -0
  196. /package/{dist/components/Input/InputPassword → src/components/input/input-password}/index.scss +0 -0
  197. /package/{dist/components/Input/InputRadio → src/components/input/input-radio}/index.scss +0 -0
  198. /package/{dist/components/Input/InputTextarea → src/components/input/input-textarea}/index.scss +0 -0
  199. /package/{dist/components/Menu → src/components/menu}/index.scss +0 -0
package/tsconfig.json ADDED
@@ -0,0 +1,42 @@
1
+ {
2
+ "compilerOptions": {
3
+ "target": "ES2020",
4
+ "composite": true,
5
+ "useDefineForClassFields": true,
6
+ "lib": [
7
+ "ES2020",
8
+ "DOM",
9
+ "DOM.Iterable"
10
+ ],
11
+ "module": "ESNext",
12
+ "skipLibCheck": true,
13
+ "moduleResolution": "bundler",
14
+ "allowImportingTsExtensions": true,
15
+ "resolveJsonModule": true,
16
+ "isolatedModules": true,
17
+ "declaration": true,
18
+ "declarationDir": "dist/types",
19
+ "emitDeclarationOnly": true,
20
+ "noEmit": false,
21
+ "rootDir": "src",
22
+ "outDir": "dist/types",
23
+ "jsx": "react-jsx",
24
+ "strict": true,
25
+ "noUnusedLocals": true,
26
+ "noUnusedParameters": true,
27
+ "noFallthroughCasesInSwitch": true,
28
+ "typeRoots": [
29
+ "./dist/index.d.ts",
30
+ "node_modules/@types"
31
+ ]
32
+ },
33
+ "include": [
34
+ "src",
35
+ "./index.ts",
36
+ "declaration.d.ts"
37
+ ],
38
+ "files": [],
39
+ "references": [
40
+ { "path": "./tsconfig.node.json" }
41
+ ]
42
+ }
@@ -0,0 +1,29 @@
1
+ {
2
+ "compilerOptions": {
3
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
4
+ "target": "ES2023",
5
+ "lib": ["ES2023"],
6
+ "module": "ESNext",
7
+ "types": ["node"],
8
+ "skipLibCheck": true,
9
+
10
+ /* Bundler mode */
11
+ "moduleResolution": "bundler",
12
+ "allowImportingTsExtensions": true,
13
+ "verbatimModuleSyntax": true,
14
+ "moduleDetection": "force",
15
+
16
+ "composite": true,
17
+ "declaration": true,
18
+ "emitDeclarationOnly": true,
19
+
20
+ /* Linting */
21
+ "strict": true,
22
+ "noUnusedLocals": true,
23
+ "noUnusedParameters": true,
24
+ "erasableSyntaxOnly": true,
25
+ "noFallthroughCasesInSwitch": true,
26
+ "noUncheckedSideEffectImports": true
27
+ },
28
+ "include": ["vite.config.ts"]
29
+ }
@@ -0,0 +1,2 @@
1
+ declare const _default: import("vite").UserConfig;
2
+ export default _default;
package/vite.config.ts ADDED
@@ -0,0 +1,35 @@
1
+ import path from "path"
2
+ import { defineConfig } from "vite"
3
+ import react from "@vitejs/plugin-react"
4
+ import dts from "vite-plugin-dts"
5
+
6
+ export default defineConfig({
7
+ build: {
8
+ lib: {
9
+ entry: path.resolve(__dirname, "src/index.ts"),
10
+ name: "iteratex-component-library",
11
+ fileName: (format) => `index.${format}.js`,
12
+ },
13
+ rollupOptions: {
14
+ external: ["react", "react-dom"],
15
+ output: {
16
+ globals: {
17
+ react: "React",
18
+ "react-dom": "ReactDOM",
19
+ },
20
+ },
21
+ },
22
+ cssCodeSplit: true,
23
+ sourcemap: true,
24
+ emptyOutDir: true,
25
+ },
26
+ server: { host: true, port: 3000 },
27
+ plugins: [
28
+ react(),
29
+ dts({
30
+ insertTypesEntry: true,
31
+ rollupTypes: false,
32
+ outDir: "dist/types",
33
+ }),
34
+ ],
35
+ })
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import './index.scss';
3
- import type { PropsBlackdrop } from './index.type';
4
- declare const Blackdrop: React.FC<PropsBlackdrop>;
5
- export default Blackdrop;
@@ -1,11 +0,0 @@
1
- // Lib
2
- import React from 'react';
3
- // Images
4
- // Include in project
5
- import './index.scss';
6
- var Blackdrop = function (_a) {
7
- var children = _a.children, open = _a.open, onClose = _a.onClose;
8
- return (React.createElement("div", { className: "DBui-blackdrop", "data-hidden": !open, onClick: onClose }, children));
9
- };
10
- export default Blackdrop;
11
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Blackdrop/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAGrB,IAAM,SAAS,GAA6B,UAAC,EAA2B;QAAzB,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA;IACpE,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB,iBAAc,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,IACjE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- export type PropsBlackdrop = {
3
- children: JSX.Element | JSX.Element[];
4
- open: boolean;
5
- onClose?: () => void;
6
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index.type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../src/components/Blackdrop/index.type.ts"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import './index.scss';
3
- import type { PropsButton } from './index.type';
4
- declare const Button: React.FC<PropsButton>;
5
- export default Button;
@@ -1,16 +0,0 @@
1
- // Lib
2
- import React from 'react';
3
- // Images
4
- // Include in project
5
- import './index.scss';
6
- var Button = function (_a) {
7
- var name = _a.name, _b = _a.type, type = _b === void 0 ? 'button' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onClick = _a.onClick, StartIcon = _a.startIcon, EndIcon = _a.endIcon, className = _a.className, style = _a.style, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d;
8
- return (React.createElement("button", { type: type, className: "DBui-button ".concat(className ? className : ''), onClick: onClick && onClick, disabled: isLoading || disabled, style: style ? style : {} }, isLoading ? (React.createElement("div", { className: "DBui-loaderSpinButton" })) : (React.createElement(React.Fragment, null,
9
- StartIcon && typeof StartIcon === 'string' && React.createElement("img", { src: StartIcon, alt: "startIcon" }),
10
- StartIcon && typeof StartIcon !== 'string' && React.createElement(StartIcon, { alt: "startIcon" }),
11
- name,
12
- EndIcon && typeof EndIcon === 'string' && React.createElement("img", { src: EndIcon, alt: "endIcon" }),
13
- EndIcon && typeof EndIcon !== 'string' && React.createElement(EndIcon, { alt: "endIcon" })))));
14
- };
15
- export default Button;
16
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAGrB,IAAM,MAAM,GAA0B,UAAC,EAUtC;QATC,IAAI,UAAA,EACJ,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACI,SAAS,eAAA,EACX,OAAO,aAAA,EAChB,SAAS,eAAA,EACT,KAAK,WAAA,EACL,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAEjB,OAAO,CACL,gCACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,sBAAe,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,QAAQ,EAAE,SAAS,IAAI,QAAQ,EAC/B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAExB,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAC,uBAAuB,GAAG,CAC1C,CAAC,CAAC,CAAC,CACF;QACG,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,6BAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,WAAW,GAAG;QACrF,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,oBAAC,SAAS,IAAC,GAAG,EAAC,WAAW,GAAG;QAC3E,IAAI;QACJ,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,6BAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,GAAG;QAC7E,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,oBAAC,OAAO,IAAC,GAAG,EAAC,SAAS,GAAG,CACnE,CACJ,CACM,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
@@ -1,12 +0,0 @@
1
- import { CSSProperties, ElementType } from 'react';
2
- export type PropsButton = {
3
- name?: string;
4
- type?: 'button' | 'submit';
5
- disabled?: boolean;
6
- onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
7
- startIcon?: string | ElementType;
8
- endIcon?: string | ElementType;
9
- className?: string;
10
- style?: CSSProperties;
11
- isLoading?: boolean;
12
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index.type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../src/components/Button/index.type.ts"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import { PropsChip } from './index.type';
3
- import './index.scss';
4
- declare const Chip: React.FC<PropsChip>;
5
- export default Chip;
@@ -1,18 +0,0 @@
1
- // Lib
2
- import React from 'react';
3
- //Images
4
- import closedSVG from '../assets/closed.svg';
5
- // Include in project
6
- import './index.scss';
7
- var Chip = function (_a) {
8
- var label = _a.label, onDelete = _a.onDelete, onClick = _a.onClick, Icon = _a.icon, className = _a.className, style = _a.style;
9
- return (React.createElement("div", { className: "DBui-chip ".concat(className ? className : ''), style: style ? style : {}, "data-checked": Boolean(onClick), onClick: onClick && onClick },
10
- label,
11
- onDelete && !Icon && (React.createElement("img", { src: closedSVG, alt: "icon", className: "DBui-chipIcon", "data-checked": Boolean(onDelete), onClick: onDelete })),
12
- onDelete && Icon && typeof Icon === 'string' && (React.createElement("img", { src: Icon, alt: "icon", className: "DBui-chipIcon", "data-checked": Boolean(onDelete), onClick: onDelete })),
13
- onDelete && Icon && typeof Icon !== 'string' && (React.createElement(Icon, { alt: "icon", className: "DBui-chipIcon", "data-checked": Boolean(onDelete), onClick: onDelete })),
14
- !onDelete && Icon && typeof Icon === 'string' && (React.createElement("img", { src: Icon, alt: "icon", className: "DBui-chipIcon", "data-checked": Boolean(onDelete), onClick: onDelete })),
15
- !onDelete && Icon && typeof Icon !== 'string' && (React.createElement(Icon, { alt: "icon", className: "DBui-chipIcon", "data-checked": Boolean(onDelete), onClick: onDelete }))));
16
- };
17
- export default Chip;
18
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chip/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,QAAQ;AACR,OAAO,SAAS,MAAM,sBAAsB,CAAA;AAE5C,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAErB,IAAM,IAAI,GAAwB,UAAC,EAA0D;QAAxD,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAQ,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA;IACzF,OAAO,CACL,6BACE,SAAS,EAAE,oBAAa,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EACpD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,kBACX,OAAO,CAAC,OAAO,CAAC,EAC9B,OAAO,EAAE,OAAO,IAAI,OAAO;QAE1B,KAAK;QACL,QAAQ,IAAI,CAAC,IAAI,IAAI,CACpB,6BAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,kBAAe,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CACjH;QACA,QAAQ,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAC/C,6BAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,kBAAe,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CAC5G;QACA,QAAQ,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAC/C,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,kBAAe,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CAClG;QACA,CAAC,QAAQ,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAChD,6BAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,kBAAe,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CAC5G;QACA,CAAC,QAAQ,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAChD,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,kBAAe,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CAClG,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
@@ -1,9 +0,0 @@
1
- import { CSSProperties, ElementType } from 'react';
2
- export type PropsChip = {
3
- label: string;
4
- onDelete?: () => void;
5
- onClick?: () => void;
6
- icon?: string | ElementType;
7
- className?: string;
8
- style?: CSSProperties;
9
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index.type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../src/components/Chip/index.type.ts"],"names":[],"mappings":""}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import './index.scss';
3
- declare const Divider: React.FC;
4
- export default Divider;
@@ -1,10 +0,0 @@
1
- // Lib
2
- import React from 'react';
3
- // Images
4
- // Include in project
5
- import './index.scss';
6
- var Divider = function () {
7
- return React.createElement("hr", { className: "DBui-divider" });
8
- };
9
- export default Divider;
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Divider/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAErB,IAAM,OAAO,GAAa;IACxB,OAAO,4BAAI,SAAS,EAAC,cAAc,GAAG,CAAA;AACxC,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import './index.scss';
3
- import type { PropsInputAutoComplete } from './index.type';
4
- declare const InputAutoComplete: React.FC<PropsInputAutoComplete>;
5
- export default InputAutoComplete;
@@ -1,68 +0,0 @@
1
- import { __spreadArray } from "tslib";
2
- // Lib
3
- import React, { useState } from 'react';
4
- import { getIn, useFormikContext } from 'formik';
5
- //Images
6
- import closedSVG from '../../assets/closed.svg';
7
- // Include in project
8
- import './index.scss';
9
- import InputBase from '../InputBase';
10
- import Menu from '../../Menu';
11
- import { Chip } from '../..';
12
- var InputAutoComplete = function (_a) {
13
- var name = _a.name, label = _a.label, placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, options = _a.options, _e = _a.isMultiple, isMultiple = _e === void 0 ? false : _e, _f = _a.isInModal, isInModal = _f === void 0 ? false : _f;
14
- var _g = useFormikContext(), values = _g.values, touched = _g.touched, errors = _g.errors, setFieldValue = _g.setFieldValue;
15
- var _h = useState(''), searchText = _h[0], setSearchText = _h[1];
16
- var suggestions = options.filter(function (ele) { return ele.label.toLocaleLowerCase().includes(searchText.toLocaleLowerCase()); });
17
- var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
18
- var handleClickSelectOption = function (data, close) {
19
- // Clear Search
20
- setSearchText('');
21
- close();
22
- if (!isMultiple) {
23
- // Is max one chip
24
- setFieldValue(name, [data]);
25
- }
26
- else {
27
- // Is more than one chip
28
- setFieldValue(name, __spreadArray(__spreadArray([], getIn(values, name), true), [data], false));
29
- }
30
- };
31
- var handleChange = function (value) {
32
- setSearchText(value);
33
- if (!isMultiple) {
34
- setFieldValue(name, [value]);
35
- }
36
- };
37
- var handleClearState = function (e, target) {
38
- e.stopPropagation();
39
- setSearchText('');
40
- setFieldValue(name, getIn(values, name).filter(function (ele) { return ele !== target.value; }));
41
- };
42
- return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
43
- React.createElement(Menu, { isInModal: isInModal, disabled: disabled, trigger: function () {
44
- var _a;
45
- var selectedValue = getIn(values, name)[0] || searchText;
46
- var selectedOption = options.find(function (e) { return e.label === selectedValue || e.value === selectedValue; });
47
- return (React.createElement("div", { className: "DBui-wrapInputAutoComplete", "data-invalid": isInvalid, "data-disabled": disabled },
48
- isMultiple &&
49
- getIn(values, name).map(function (data, index) {
50
- var selected = options.find(function (e) { return e.value === data; });
51
- if (disabled)
52
- return React.createElement(Chip, { key: index, label: selected.label });
53
- return (React.createElement("div", { key: index, className: "DBui-wrapSelectValueInputAutoComplete" },
54
- React.createElement("p", null,
55
- React.createElement("small", null, (selected === null || selected === void 0 ? void 0 : selected.label) || data)),
56
- React.createElement("img", { src: closedSVG, className: "DBui-iconInputAutoComplete", onClick: function (e) { return handleClearState(e, selected); } })));
57
- }),
58
- React.createElement("input", { className: "DBui-inputAutoComplete", autoComplete: "off", type: "text", placeholder: !((_a = getIn(values, name)) === null || _a === void 0 ? void 0 : _a.length) ? placeholder : '', disabled: disabled, name: name, value: isMultiple ? searchText : (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || getIn(values, name)[0], onChange: function (e) { return handleChange(e.target.value); } })));
59
- } }, function (_a) {
60
- var close = _a.close;
61
- return suggestions.map(function (data, index) {
62
- var isChecked = Boolean(getIn(values, name).find(function (ele) { return ele === data.value; }));
63
- return (React.createElement("p", { key: index, className: "DBui-menuItemInputAutoComplete", onClick: function () { return !isChecked && handleClickSelectOption(data.value, close); }, "data-checked": isChecked }, data.label));
64
- });
65
- })));
66
- };
67
- export default InputAutoComplete;
68
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputAutoComplete/index.tsx"],"names":[],"mappings":"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"}
@@ -1,12 +0,0 @@
1
- import { TOption } from "../..";
2
- export type PropsInputAutoComplete = {
3
- name: string;
4
- label?: string;
5
- placeholder?: string;
6
- disabled?: boolean;
7
- require?: boolean;
8
- fullWidth?: boolean;
9
- options: TOption[];
10
- isMultiple?: boolean;
11
- isInModal?: boolean;
12
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index.type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputAutoComplete/index.type.tsx"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import './index.scss';
3
- import type { PropsInputBase } from './index.type';
4
- declare const InputBase: React.FC<PropsInputBase>;
5
- export default InputBase;
@@ -1,23 +0,0 @@
1
- // Lib
2
- import React from 'react';
3
- import { getIn, useFormikContext } from 'formik';
4
- // Images
5
- // Include in project
6
- import './index.scss';
7
- var InputBase = function (_a) {
8
- var name = _a.name, label = _a.label, _b = _a.require, require = _b === void 0 ? false : _b, _c = _a.fullWidth, fullWidth = _c === void 0 ? false : _c, children = _a.children, isInvalid = _a.isInvalid;
9
- var _d = useFormikContext(), touched = _d.touched, errors = _d.errors;
10
- var styleDiv = {
11
- width: !fullWidth ? 'fit-content' : '100%'
12
- };
13
- return (React.createElement("div", { className: "DBui-inputBase", style: styleDiv, "data-invalid": isInvalid },
14
- label && (React.createElement("p", { className: "DBui-inputLabel" },
15
- React.createElement("small", null, label),
16
- " ",
17
- React.createElement("span", { className: "DBui-dataInvalid" }, require && '*'))),
18
- children,
19
- getIn(touched, name) && getIn(errors, name) && (React.createElement("p", { className: "DBui-dataInvalid" },
20
- React.createElement("small", null, getIn(errors, name))))));
21
- };
22
- export default InputBase;
23
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputBase/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAGrB,IAAM,SAAS,GAA6B,UAAC,EAO5C;QANC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA,EACR,SAAS,eAAA;IAEH,IAAA,KAAsB,gBAAgB,EAAE,EAAtC,OAAO,aAAA,EAAE,MAAM,YAAuB,CAAA;IAE9C,IAAM,QAAQ,GAAG;QACf,KAAK,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;KAC3C,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,QAAQ,kBAAgB,SAAS;QACrE,KAAK,IAAI,CACR,2BAAG,SAAS,EAAC,iBAAiB;YAC5B,mCAAQ,KAAK,CAAS;;YAAC,8BAAM,SAAS,EAAC,kBAAkB,IAAE,OAAO,IAAI,GAAG,CAAQ,CAC/E,CACL;QAEA,QAAQ;QAER,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAC9C,2BAAG,SAAS,EAAC,kBAAkB;YAC7B,mCAAQ,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAS,CAClC,CACL,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- export type PropsInputBase = {
3
- name: string;
4
- label?: string;
5
- require?: boolean;
6
- fullWidth?: boolean;
7
- children: JSX.Element | JSX.Element[];
8
- isInvalid: boolean;
9
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index.type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputBase/index.type.tsx"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import './index.scss';
3
- import type { PropsInputBasic } from './index.type';
4
- declare const Input: React.FC<PropsInputBasic>;
5
- export default Input;
@@ -1,16 +0,0 @@
1
- // Lib
2
- import React from 'react';
3
- import { getIn, useFormikContext } from 'formik';
4
- // Images
5
- // Include in project
6
- import './index.scss';
7
- import InputBase from '../InputBase';
8
- var Input = function (_a) {
9
- var name = _a.name, label = _a.label, placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, inputRef = _a.inputRef;
10
- var _e = useFormikContext(), values = _e.values, touched = _e.touched, errors = _e.errors, handleChange = _e.handleChange;
11
- var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
12
- return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
13
- React.createElement("input", { ref: inputRef, className: "DBui-inputBasic", type: "text", placeholder: placeholder, disabled: disabled, value: getIn(values, name), onChange: handleChange, name: name, "data-invalid": isInvalid })));
14
- };
15
- export default Input;
16
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputBasic/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,IAAM,KAAK,GAA8B,UAAC,EAQzC;QAPC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA;IAEF,IAAA,KAA4C,gBAAgB,EAAE,EAA5D,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAuB,CAAA;IACpE,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAEtE,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;QAC/F,+BACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,EAC1B,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,kBACI,SAAS,GACvB,CACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- export type PropsInputBasic = {
3
- name: string;
4
- label?: string;
5
- placeholder?: string;
6
- disabled?: boolean;
7
- require?: boolean;
8
- fullWidth?: boolean;
9
- inputRef?: React.Ref<HTMLInputElement>;
10
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index.type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputBasic/index.type.tsx"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import './index.scss';
3
- import type { PropsInputCheckbox } from './index.type';
4
- declare const InputCheckbox: React.FC<PropsInputCheckbox>;
5
- export default InputCheckbox;
@@ -1,19 +0,0 @@
1
- // Lib
2
- import React from 'react';
3
- import { getIn, useFormikContext } from 'formik';
4
- // Images
5
- // Include in project
6
- import './index.scss';
7
- import InputBase from '../InputBase';
8
- var InputCheckbox = function (_a) {
9
- var name = _a.name, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, options = _a.options;
10
- var _e = useFormikContext(), values = _e.values, touched = _e.touched, errors = _e.errors, handleChange = _e.handleChange;
11
- var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
12
- return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
13
- React.createElement("div", { className: "DBui-wrapInputCheckboxList" }, options.map(function (data, index) { return (React.createElement("div", { key: index, className: "DBui-wrapInputCheckbox" },
14
- React.createElement("input", { className: "DBui-inputCheckbox", type: "checkbox", disabled: disabled, value: data.value, onChange: handleChange, name: name, checked: getIn(values, name).includes(data.value) }),
15
- React.createElement("p", { className: "DBui-labelCheckbox", "data-invalid": isInvalid },
16
- React.createElement("small", null, data.label)))); }))));
17
- };
18
- export default InputCheckbox;
19
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputCheckbox/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,IAAM,aAAa,GAAiC,UAAC,EAOpD;QANC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,OAAO,aAAA;IAED,IAAA,KAA4C,gBAAgB,EAAE,EAA5D,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAuB,CAAA;IACpE,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAEtE,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;QAC/F,6BAAK,SAAS,EAAC,4BAA4B,IACxC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC5B,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,wBAAwB;YACjD,+BACE,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GACjD;YACF,2BAAG,SAAS,EAAC,oBAAoB,kBAAe,SAAS;gBACvD,mCAAQ,IAAI,CAAC,KAAK,CAAS,CACzB,CACA,CACP,EAf6B,CAe7B,CAAC,CACE,CACI,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -1,11 +0,0 @@
1
- export type PropsInputCheckbox = {
2
- name: string;
3
- label?: string;
4
- disabled?: boolean;
5
- require?: boolean;
6
- fullWidth?: boolean;
7
- options: {
8
- label: string;
9
- value: string | number;
10
- }[];
11
- };
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index.type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputCheckbox/index.type.tsx"],"names":[],"mappings":""}
@@ -1,23 +0,0 @@
1
- import React from 'react';
2
- import './index.scss';
3
- import type { PropsInputDate } from './index.type';
4
- declare const InputDate: React.FC<PropsInputDate>;
5
- export default InputDate;
6
- export declare function generateYearOptions(minYear?: number, maxYear?: number): {
7
- label: string;
8
- value: number;
9
- }[];
10
- export declare function generateMonthOptions(): {
11
- label: string;
12
- value: string;
13
- }[];
14
- export declare function updateYearInDateString(dateStr: string, newYear: number): string;
15
- export declare function updateMonthInDateString(dateStr: string, newMonth: string): string;
16
- export declare function getYearInDateString(dateStr: string): number;
17
- export declare function getMonthInDateString(dateStr: string): string;
18
- export declare function getDayInDateString(dateStr: string): string;
19
- export declare function getDaysInMonthWithWeekday(year: number, month: string): {
20
- date: string;
21
- weekday: string;
22
- }[];
23
- export declare function getDateNow(): string;