@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.
- package/.prettierrc +8 -0
- package/.vscode/extensions.json +6 -0
- package/README.md +66 -18
- package/declaration.d.ts +10 -0
- package/docker-compose.yml +20 -0
- package/eslint.config.js +23 -0
- package/index.html +13 -0
- package/package.json +37 -36
- package/public/vite.svg +1 -0
- package/src/App.tsx +370 -0
- package/src/components/blackdrop/index.tsx +18 -0
- package/src/components/blackdrop/index.type.ts +7 -0
- package/src/components/button/index.tsx +44 -0
- package/src/components/button/index.type.ts +13 -0
- package/src/components/chip/index.tsx +39 -0
- package/src/components/chip/index.type.ts +12 -0
- package/src/components/context.tsx +26 -0
- package/src/components/divider/index.tsx +13 -0
- package/src/components/index.ts +62 -0
- package/{dist/components/Input/InputAutoComplete → src/components/input/input-auto-complete}/index.scss +1 -1
- package/src/components/input/input-auto-complete/index.tsx +140 -0
- package/src/components/input/input-auto-complete/index.type.tsx +13 -0
- package/src/components/input/input-base/index.tsx +39 -0
- package/src/components/input/input-base/index.type.tsx +13 -0
- package/src/components/input/input-basic/index.tsx +47 -0
- package/src/components/input/input-basic/index.type.tsx +8 -0
- package/src/components/input/input-checkbox/index.tsx +69 -0
- package/src/components/input/input-checkbox/index.type.tsx +11 -0
- package/src/components/input/input-date/index.tsx +354 -0
- package/src/components/input/input-date/index.type.tsx +11 -0
- package/src/components/input/input-date-range/index.tsx +284 -0
- package/src/components/input/input-date-range/index.type.tsx +11 -0
- package/src/components/input/input-date-time/index.tsx +367 -0
- package/src/components/input/input-date-time/index.type.tsx +11 -0
- package/src/components/input/input-number/index.tsx +118 -0
- package/src/components/input/input-number/index.type.tsx +11 -0
- package/src/components/input/input-password/index.tsx +60 -0
- package/src/components/input/input-password/index.type.tsx +8 -0
- package/src/components/input/input-radio/index.tsx +72 -0
- package/src/components/input/input-radio/index.type.tsx +12 -0
- package/{dist/components/Input/InputSelect → src/components/input/input-select}/index.scss +1 -1
- package/src/components/input/input-select/index.tsx +113 -0
- package/src/components/input/input-select/index.type.tsx +15 -0
- package/{dist/components/InputNonContext/InputSwitch → src/components/input/input-switch}/index.scss +1 -1
- package/src/components/input/input-switch/index.tsx +44 -0
- package/src/components/input/input-switch/index.type.tsx +4 -0
- package/src/components/input/input-textarea/index.tsx +48 -0
- package/src/components/input/input-textarea/index.type.tsx +10 -0
- package/src/components/menu/index.tsx +136 -0
- package/src/components/menu/index.type.ts +8 -0
- package/{dist/components/Modal → src/components/modal}/index.scss +0 -0
- package/src/components/modal/index.tsx +99 -0
- package/src/components/modal/index.type.tsx +8 -0
- package/src/index.scss +44 -0
- package/src/index.ts +62 -0
- package/src/logoDownload.svg +3 -0
- package/src/main.tsx +9 -0
- package/tsconfig.app.json +28 -0
- package/tsconfig.json +42 -0
- package/tsconfig.node.json +29 -0
- package/vite.config.d.ts +2 -0
- package/vite.config.ts +35 -0
- package/dist/components/Blackdrop/index.d.ts +0 -5
- package/dist/components/Blackdrop/index.js +0 -11
- package/dist/components/Blackdrop/index.js.map +0 -1
- package/dist/components/Blackdrop/index.type.d.ts +0 -6
- package/dist/components/Blackdrop/index.type.js +0 -2
- package/dist/components/Blackdrop/index.type.js.map +0 -1
- package/dist/components/Button/index.d.ts +0 -5
- package/dist/components/Button/index.js +0 -16
- package/dist/components/Button/index.js.map +0 -1
- package/dist/components/Button/index.type.d.ts +0 -12
- package/dist/components/Button/index.type.js +0 -2
- package/dist/components/Button/index.type.js.map +0 -1
- package/dist/components/Chip/index.d.ts +0 -5
- package/dist/components/Chip/index.js +0 -18
- package/dist/components/Chip/index.js.map +0 -1
- package/dist/components/Chip/index.type.d.ts +0 -9
- package/dist/components/Chip/index.type.js +0 -2
- package/dist/components/Chip/index.type.js.map +0 -1
- package/dist/components/Divider/index.d.ts +0 -4
- package/dist/components/Divider/index.js +0 -10
- package/dist/components/Divider/index.js.map +0 -1
- package/dist/components/Input/InputAutoComplete/index.d.ts +0 -5
- package/dist/components/Input/InputAutoComplete/index.js +0 -68
- package/dist/components/Input/InputAutoComplete/index.js.map +0 -1
- package/dist/components/Input/InputAutoComplete/index.type.d.ts +0 -12
- package/dist/components/Input/InputAutoComplete/index.type.js +0 -2
- package/dist/components/Input/InputAutoComplete/index.type.js.map +0 -1
- package/dist/components/Input/InputBase/index.d.ts +0 -5
- package/dist/components/Input/InputBase/index.js +0 -23
- package/dist/components/Input/InputBase/index.js.map +0 -1
- package/dist/components/Input/InputBase/index.type.d.ts +0 -9
- package/dist/components/Input/InputBase/index.type.js +0 -2
- package/dist/components/Input/InputBase/index.type.js.map +0 -1
- package/dist/components/Input/InputBasic/index.d.ts +0 -5
- package/dist/components/Input/InputBasic/index.js +0 -16
- package/dist/components/Input/InputBasic/index.js.map +0 -1
- package/dist/components/Input/InputBasic/index.type.d.ts +0 -10
- package/dist/components/Input/InputBasic/index.type.js +0 -2
- package/dist/components/Input/InputBasic/index.type.js.map +0 -1
- package/dist/components/Input/InputCheckbox/index.d.ts +0 -5
- package/dist/components/Input/InputCheckbox/index.js +0 -19
- package/dist/components/Input/InputCheckbox/index.js.map +0 -1
- package/dist/components/Input/InputCheckbox/index.type.d.ts +0 -11
- package/dist/components/Input/InputCheckbox/index.type.js +0 -2
- package/dist/components/Input/InputCheckbox/index.type.js.map +0 -1
- package/dist/components/Input/InputDate/index.d.ts +0 -23
- package/dist/components/Input/InputDate/index.js +0 -190
- package/dist/components/Input/InputDate/index.js.map +0 -1
- package/dist/components/Input/InputDate/index.type.d.ts +0 -11
- package/dist/components/Input/InputDate/index.type.js +0 -2
- package/dist/components/Input/InputDate/index.type.js.map +0 -1
- package/dist/components/Input/InputDateRange/index.d.ts +0 -5
- package/dist/components/Input/InputDateRange/index.js +0 -137
- package/dist/components/Input/InputDateRange/index.js.map +0 -1
- package/dist/components/Input/InputDateRange/index.type.d.ts +0 -11
- package/dist/components/Input/InputDateRange/index.type.js +0 -2
- package/dist/components/Input/InputDateRange/index.type.js.map +0 -1
- package/dist/components/Input/InputDateTime/index.d.ts +0 -5
- package/dist/components/Input/InputDateTime/index.js +0 -185
- package/dist/components/Input/InputDateTime/index.js.map +0 -1
- package/dist/components/Input/InputDateTime/index.type.d.ts +0 -11
- package/dist/components/Input/InputDateTime/index.type.js +0 -2
- package/dist/components/Input/InputDateTime/index.type.js.map +0 -1
- package/dist/components/Input/InputNumber/index.d.ts +0 -5
- package/dist/components/Input/InputNumber/index.js +0 -78
- package/dist/components/Input/InputNumber/index.js.map +0 -1
- package/dist/components/Input/InputNumber/index.type.d.ts +0 -10
- package/dist/components/Input/InputNumber/index.type.js +0 -2
- package/dist/components/Input/InputNumber/index.type.js.map +0 -1
- package/dist/components/Input/InputPassword/index.d.ts +0 -5
- package/dist/components/Input/InputPassword/index.js +0 -21
- package/dist/components/Input/InputPassword/index.js.map +0 -1
- package/dist/components/Input/InputPassword/index.type.d.ts +0 -8
- package/dist/components/Input/InputPassword/index.type.js +0 -2
- package/dist/components/Input/InputPassword/index.type.js.map +0 -1
- package/dist/components/Input/InputRadio/index.d.ts +0 -5
- package/dist/components/Input/InputRadio/index.js +0 -31
- package/dist/components/Input/InputRadio/index.js.map +0 -1
- package/dist/components/Input/InputRadio/index.type.d.ts +0 -12
- package/dist/components/Input/InputRadio/index.type.js +0 -2
- package/dist/components/Input/InputRadio/index.type.js.map +0 -1
- package/dist/components/Input/InputSelect/index.d.ts +0 -5
- package/dist/components/Input/InputSelect/index.js +0 -45
- package/dist/components/Input/InputSelect/index.js.map +0 -1
- package/dist/components/Input/InputSelect/index.type.d.ts +0 -14
- package/dist/components/Input/InputSelect/index.type.js +0 -2
- package/dist/components/Input/InputSelect/index.type.js.map +0 -1
- package/dist/components/Input/InputTextarea/index.d.ts +0 -5
- package/dist/components/Input/InputTextarea/index.js +0 -16
- package/dist/components/Input/InputTextarea/index.js.map +0 -1
- package/dist/components/Input/InputTextarea/index.type.d.ts +0 -10
- package/dist/components/Input/InputTextarea/index.type.js +0 -2
- package/dist/components/Input/InputTextarea/index.type.js.map +0 -1
- package/dist/components/InputNonContext/InputSwitch/index.d.ts +0 -5
- package/dist/components/InputNonContext/InputSwitch/index.js +0 -19
- package/dist/components/InputNonContext/InputSwitch/index.js.map +0 -1
- package/dist/components/InputNonContext/InputSwitch/index.type.d.ts +0 -6
- package/dist/components/InputNonContext/InputSwitch/index.type.js +0 -2
- package/dist/components/InputNonContext/InputSwitch/index.type.js.map +0 -1
- package/dist/components/Menu/index.d.ts +0 -5
- package/dist/components/Menu/index.js +0 -103
- package/dist/components/Menu/index.js.map +0 -1
- package/dist/components/Menu/index.type.d.ts +0 -11
- package/dist/components/Menu/index.type.js +0 -2
- package/dist/components/Menu/index.type.js.map +0 -1
- package/dist/components/Modal/index.d.ts +0 -5
- package/dist/components/Modal/index.js +0 -83
- package/dist/components/Modal/index.js.map +0 -1
- package/dist/components/Modal/index.type.d.ts +0 -7
- package/dist/components/Modal/index.type.js +0 -2
- package/dist/components/Modal/index.type.js.map +0 -1
- package/dist/components/context.d.ts +0 -8
- package/dist/components/context.js +0 -12
- package/dist/components/context.js.map +0 -1
- package/dist/components/index.d.ts +0 -41
- package/dist/components/index.js +0 -21
- package/dist/components/index.js.map +0 -1
- /package/{dist → src}/components/assets/closed.svg +0 -0
- /package/{dist/components/assets/expandArrow.svg → src/components/assets/expand-arrow.svg} +0 -0
- /package/{dist/components/assets/visibilityOff.svg → src/components/assets/visibility-off.svg} +0 -0
- /package/{dist → src}/components/assets/visibility.svg +0 -0
- /package/{dist/components/Blackdrop → src/components/blackdrop}/index.scss +0 -0
- /package/{dist/components/Button → src/components/button}/index.scss +0 -0
- /package/{dist/components/Chip → src/components/chip}/index.scss +0 -0
- /package/{dist/components/Divider → src/components/divider}/index.scss +0 -0
- /package/{dist/components/Input → src/components/input}/extend.scss +0 -0
- /package/{dist/components/Input/InputBase → src/components/input/input-base}/index.scss +0 -0
- /package/{dist/components/Input/InputBasic → src/components/input/input-basic}/index.scss +0 -0
- /package/{dist/components/Input/InputCheckbox → src/components/input/input-checkbox}/index.scss +0 -0
- /package/{dist/components/Input/InputDate → src/components/input/input-date}/index.scss +0 -0
- /package/{dist/components/Input/InputDateRange → src/components/input/input-date-range}/index.scss +0 -0
- /package/{dist/components/Input/InputDateTime → src/components/input/input-date-time}/index.scss +0 -0
- /package/{dist/components/Input/InputNumber → src/components/input/input-number}/index.scss +0 -0
- /package/{dist/components/Input/InputPassword → src/components/input/input-password}/index.scss +0 -0
- /package/{dist/components/Input/InputRadio → src/components/input/input-radio}/index.scss +0 -0
- /package/{dist/components/Input/InputTextarea → src/components/input/input-textarea}/index.scss +0 -0
- /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
|
+
}
|
package/vite.config.d.ts
ADDED
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,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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../src/components/Blackdrop/index.type.ts"],"names":[],"mappings":""}
|
|
@@ -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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../src/components/Button/index.type.ts"],"names":[],"mappings":""}
|
|
@@ -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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../src/components/Chip/index.type.ts"],"names":[],"mappings":""}
|
|
@@ -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,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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputAutoComplete/index.type.tsx"],"names":[],"mappings":""}
|
|
@@ -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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputBase/index.type.tsx"],"names":[],"mappings":""}
|
|
@@ -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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputBasic/index.type.tsx"],"names":[],"mappings":""}
|
|
@@ -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 +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;
|