@datability/8ui 0.1.68 → 1.0.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/README.md +68 -18
- package/dist/assets/index-BYmsRLQS.js +48 -0
- package/dist/assets/index-QxCDX2bt.css +1 -0
- package/dist/index.html +14 -0
- package/dist/vite.svg +1 -0
- package/package.json +29 -27
- 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.scss +0 -16
- 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.scss +0 -40
- 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.scss +0 -32
- 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/Divider/index.scss +0 -4
- 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.scss +0 -53
- 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.scss +0 -14
- 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.scss +0 -9
- 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.scss +0 -30
- 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.scss +0 -102
- 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.scss +0 -101
- 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.scss +0 -179
- 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.scss +0 -9
- 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.scss +0 -22
- 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 -19
- package/dist/components/Input/InputRadio/index.js.map +0 -1
- package/dist/components/Input/InputRadio/index.scss +0 -35
- 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.scss +0 -81
- 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.scss +0 -10
- 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/Input/extend.scss +0 -19
- 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.scss +0 -84
- 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.scss +0 -30
- 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.scss +0 -33
- 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/assets/closed.svg +0 -4
- package/dist/components/assets/expandArrow.svg +0 -3
- package/dist/components/assets/visibility.svg +0 -5
- package/dist/components/assets/visibilityOff.svg +0 -5
- 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
|
@@ -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,30 +0,0 @@
|
|
|
1
|
-
@import '../extend.scss';
|
|
2
|
-
|
|
3
|
-
.DBui-wrapInputCheckboxList {
|
|
4
|
-
display: flex;
|
|
5
|
-
width: 100%;
|
|
6
|
-
gap: 1em;
|
|
7
|
-
|
|
8
|
-
.DBui-wrapInputCheckbox {
|
|
9
|
-
display: flex;
|
|
10
|
-
align-items: center;
|
|
11
|
-
gap: 0.3em;
|
|
12
|
-
|
|
13
|
-
.DBui-labelCheckbox {
|
|
14
|
-
&[data-invalid='true'] {
|
|
15
|
-
color: #EB5757;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.DBui-inputCheckbox {
|
|
20
|
-
width: 100%;
|
|
21
|
-
border-radius: 0.3em;
|
|
22
|
-
width: 18px;
|
|
23
|
-
height: 18px;
|
|
24
|
-
|
|
25
|
-
&:disabled {
|
|
26
|
-
@extend .DBui-disabled;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
@@ -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;
|
|
@@ -1,190 +0,0 @@
|
|
|
1
|
-
import { __spreadArray } from "tslib";
|
|
2
|
-
// Lib
|
|
3
|
-
import React, { useEffect, useState } from 'react';
|
|
4
|
-
import { getIn, useFormikContext } from 'formik';
|
|
5
|
-
// Images
|
|
6
|
-
import expandArrowSVG from '../../assets/expandArrow.svg';
|
|
7
|
-
import closedSVG from '../../assets/closed.svg';
|
|
8
|
-
// Include in project
|
|
9
|
-
import './index.scss';
|
|
10
|
-
import InputBase from '../InputBase';
|
|
11
|
-
import Menu from '../../Menu';
|
|
12
|
-
import Modal from '../../Modal';
|
|
13
|
-
import { createPortal } from 'react-dom';
|
|
14
|
-
// 2025-09-01
|
|
15
|
-
var InputDate = function (_a) {
|
|
16
|
-
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, _e = _a.isHideClearIcon, isHideClearIcon = _e === void 0 ? true : _e, minYear = _a.minYear, maxYear = _a.maxYear;
|
|
17
|
-
var _f = useFormikContext(), values = _f.values, touched = _f.touched, errors = _f.errors, setFieldValue = _f.setFieldValue;
|
|
18
|
-
var value = getIn(values, name);
|
|
19
|
-
var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
|
|
20
|
-
var _g = useState(value ? value : getDateNow()), showDay = _g[0], setShowDay = _g[1];
|
|
21
|
-
var _h = useState(false), isOpenModal = _h[0], setIsOpenModal = _h[1];
|
|
22
|
-
var yearOption = generateYearOptions(minYear, maxYear);
|
|
23
|
-
var monthOption = generateMonthOptions();
|
|
24
|
-
function CalendarRow(_a) {
|
|
25
|
-
var year = _a.year, month = _a.month;
|
|
26
|
-
var days = getDaysInMonthWithWeekday(year, month);
|
|
27
|
-
// Mapping JavaScript getDay() → Thai order (เสาร์=0, อาทิตย์=1, ..., ศุกร์=6)
|
|
28
|
-
var mapToThaiWeek = function (dayIndex) { return dayIndex % 7; }; // Sunday(0) → 1 ... Saturday(6) → 0
|
|
29
|
-
// ช่องว่างก่อนเริ่มต้นเดือน
|
|
30
|
-
var firstDayThaiIndex = mapToThaiWeek(new Date("".concat(year, "-").concat(month, "-01")).getDay());
|
|
31
|
-
var emptyStartDays = Array(firstDayThaiIndex).fill(null);
|
|
32
|
-
var allDays = __spreadArray(__spreadArray([], emptyStartDays, true), days.map(function (d) { return d.date.split('-')[2]; }), true); // ['01', '02', ...]
|
|
33
|
-
// เติม null ให้ครบ 42 ช่อง (6 แถว × 7 วัน)
|
|
34
|
-
while (allDays.length < 42) {
|
|
35
|
-
allDays.push(null);
|
|
36
|
-
}
|
|
37
|
-
// แบ่งเป็นแถวละ 7 วัน
|
|
38
|
-
var weeks = [];
|
|
39
|
-
for (var i = 0; i < allDays.length; i += 7) {
|
|
40
|
-
weeks.push(allDays.slice(i, i + 7));
|
|
41
|
-
}
|
|
42
|
-
return (React.createElement(React.Fragment, null, weeks.map(function (week, rowIndex) { return (React.createElement("div", { key: rowIndex, className: "DBui-inputDateRowDay" }, week.map(function (day, i) { return (React.createElement("p", { key: i, className: "DBui-inputDateDay", onClick: function () {
|
|
43
|
-
if (day) {
|
|
44
|
-
setFieldValue(name, "".concat(getYearInDateString(showDay), "-").concat(getMonthInDateString(showDay), "-").concat(day));
|
|
45
|
-
setIsOpenModal(false);
|
|
46
|
-
}
|
|
47
|
-
}, "data-checked": "".concat(getYearInDateString(value), "-").concat(getMonthInDateString(value), "-").concat(getDayInDateString(value)) ===
|
|
48
|
-
"".concat(getYearInDateString(showDay), "-").concat(getMonthInDateString(showDay), "-").concat(day), "data-hidden-hover": !Boolean(day) }, day || '')); }))); })));
|
|
49
|
-
}
|
|
50
|
-
var _j = useState(false), mounted = _j[0], setMounted = _j[1];
|
|
51
|
-
useEffect(function () {
|
|
52
|
-
setMounted(true);
|
|
53
|
-
return function () { return setMounted(false); };
|
|
54
|
-
}, []);
|
|
55
|
-
var handleCleaState = function (e) {
|
|
56
|
-
e.stopPropagation();
|
|
57
|
-
setFieldValue(name, '');
|
|
58
|
-
};
|
|
59
|
-
return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
|
|
60
|
-
React.createElement(React.Fragment, null,
|
|
61
|
-
React.createElement("div", { className: "DBui-inputDate", onClick: function () { return (disabled ? null : setIsOpenModal(true)); }, "data-invalid": isInvalid, "data-disabled": disabled },
|
|
62
|
-
React.createElement("p", null, value ? value : placeholder),
|
|
63
|
-
React.createElement("img", { src: closedSVG, className: "DBui-clearIconInputDate", onClick: handleCleaState, "data-hidden": getIn(values, name) === '' || disabled || isHideClearIcon })),
|
|
64
|
-
mounted &&
|
|
65
|
-
createPortal(React.createElement(Modal, { id: "modalInputDate", open: isOpenModal, onClose: function () { return setIsOpenModal(false); } },
|
|
66
|
-
React.createElement("div", { className: "DBui-inputDateWrapperCalendar" },
|
|
67
|
-
React.createElement("div", { className: "DBui-inputDateRowMonthYear" },
|
|
68
|
-
React.createElement("img", { src: expandArrowSVG, className: "DBui-inputDateRowMonthYearSelected", style: { transform: 'rotate(90deg)' }, onClick: function () {
|
|
69
|
-
setShowDay(updateMonthInDateString(showDay, String(Number(showDay.split('-')[1]) - 1).padStart(2, '0')));
|
|
70
|
-
} }),
|
|
71
|
-
React.createElement(Menu, { isInModal: true, trigger: function () { return React.createElement("h4", { className: "DBui-inputDateRowMonthYearSelected" }, showDay.slice(0, 4)); } }, function (_a) {
|
|
72
|
-
var close = _a.close;
|
|
73
|
-
return yearOption.map(function (data, index) {
|
|
74
|
-
return (React.createElement("p", { key: index, className: "DBui-inputDateRowMonthYearOption", onClick: function () {
|
|
75
|
-
setShowDay(updateYearInDateString(showDay, data.value));
|
|
76
|
-
close();
|
|
77
|
-
}, "data-checked": getYearInDateString(showDay) === data.value }, data.label));
|
|
78
|
-
});
|
|
79
|
-
}),
|
|
80
|
-
React.createElement(Menu, { isInModal: true, trigger: function () {
|
|
81
|
-
var _a;
|
|
82
|
-
return (React.createElement("h4", { className: "DBui-inputDateRowMonthYearSelected", style: { width: '7rem' } }, (_a = monthOption.find(function (e) { return e.value === showDay.slice(5, 7); })) === null || _a === void 0 ? void 0 : _a.label));
|
|
83
|
-
} }, function (_a) {
|
|
84
|
-
var close = _a.close;
|
|
85
|
-
return monthOption.map(function (data, index) {
|
|
86
|
-
return (React.createElement("p", { key: index, className: "DBui-inputDateRowMonthYearOption", onClick: function () {
|
|
87
|
-
setShowDay(updateMonthInDateString(showDay, data.value));
|
|
88
|
-
close();
|
|
89
|
-
}, "data-checked": getMonthInDateString(showDay) === data.value }, data.label));
|
|
90
|
-
});
|
|
91
|
-
}),
|
|
92
|
-
React.createElement("img", { src: expandArrowSVG, className: "DBui-inputDateRowMonthYearSelected", style: { transform: 'rotate(-90deg)' }, onClick: function () {
|
|
93
|
-
setShowDay(updateMonthInDateString(showDay, String(Number(showDay.split('-')[1]) + 1).padStart(2, '0')));
|
|
94
|
-
} })),
|
|
95
|
-
React.createElement("div", null,
|
|
96
|
-
React.createElement("div", { className: "DBui-inputDateRowHeaderDay" },
|
|
97
|
-
React.createElement("p", { className: "DBui-inputDateHeader" }, "Sun"),
|
|
98
|
-
React.createElement("p", { className: "DBui-inputDateHeader" }, "Mon"),
|
|
99
|
-
React.createElement("p", { className: "DBui-inputDateHeader" }, "Tue"),
|
|
100
|
-
React.createElement("p", { className: "DBui-inputDateHeader" }, "Wed"),
|
|
101
|
-
React.createElement("p", { className: "DBui-inputDateHeader" }, "Thu"),
|
|
102
|
-
React.createElement("p", { className: "DBui-inputDateHeader" }, "Fri"),
|
|
103
|
-
React.createElement("p", { className: "DBui-inputDateHeader" }, "Sat")),
|
|
104
|
-
React.createElement(CalendarRow, { year: getYearInDateString(showDay), month: getMonthInDateString(showDay) })))), document.getElementById('root') || document.getElementById('__next')),
|
|
105
|
-
!mounted && (React.createElement(Modal, { id: "modalInputDate", open: isOpenModal, onClose: function () { return setIsOpenModal(false); } },
|
|
106
|
-
React.createElement("div", { className: "DBui-inputDateWrapperCalendar" }))))));
|
|
107
|
-
};
|
|
108
|
-
export default InputDate;
|
|
109
|
-
export function generateYearOptions(minYear, maxYear) {
|
|
110
|
-
var currentYear = new Date().getFullYear();
|
|
111
|
-
// Default values ถ้าไม่ส่งมา
|
|
112
|
-
var finalMax = maxYear !== null && maxYear !== void 0 ? maxYear : currentYear;
|
|
113
|
-
var finalMin = minYear !== null && minYear !== void 0 ? minYear : currentYear - 100;
|
|
114
|
-
var years = [];
|
|
115
|
-
// ไล่ปีแบบมาก -> น้อย
|
|
116
|
-
for (var year = finalMax; year >= finalMin; year--) {
|
|
117
|
-
years.push({ label: String(year), value: year });
|
|
118
|
-
}
|
|
119
|
-
return years;
|
|
120
|
-
}
|
|
121
|
-
export function generateMonthOptions() {
|
|
122
|
-
var monthNames = [
|
|
123
|
-
'January',
|
|
124
|
-
'February',
|
|
125
|
-
'March',
|
|
126
|
-
'April',
|
|
127
|
-
'May',
|
|
128
|
-
'June',
|
|
129
|
-
'July',
|
|
130
|
-
'August',
|
|
131
|
-
'September',
|
|
132
|
-
'October',
|
|
133
|
-
'November',
|
|
134
|
-
'December',
|
|
135
|
-
];
|
|
136
|
-
return monthNames.map(function (name, index) { return ({
|
|
137
|
-
label: name,
|
|
138
|
-
value: String(index + 1).padStart(2, '0')
|
|
139
|
-
}); });
|
|
140
|
-
}
|
|
141
|
-
export function updateYearInDateString(dateStr, newYear) {
|
|
142
|
-
var newDateStr = dateStr ? dateStr : new Date().toISOString().split('T')[0];
|
|
143
|
-
var _a = newDateStr.split('-'), _ = _a[0], month = _a[1], day = _a[2];
|
|
144
|
-
return "".concat(newYear, "-").concat(month, "-").concat(day);
|
|
145
|
-
}
|
|
146
|
-
export function updateMonthInDateString(dateStr, newMonth) {
|
|
147
|
-
var newDateStr = dateStr || new Date().toISOString().split('T')[0];
|
|
148
|
-
var _a = newDateStr.split('-'), yearStr = _a[0], _ = _a[1], dayStr = _a[2];
|
|
149
|
-
var year = parseInt(yearStr, 10);
|
|
150
|
-
var month = parseInt(newMonth, 10);
|
|
151
|
-
// Handle overflow/underflow
|
|
152
|
-
year += Math.floor((month - 1) / 12);
|
|
153
|
-
month = ((((month - 1) % 12) + 12) % 12) + 1; // Wrap to 1–12
|
|
154
|
-
var monthStr = String(month).padStart(2, '0');
|
|
155
|
-
return "".concat(year, "-").concat(monthStr, "-").concat(dayStr);
|
|
156
|
-
}
|
|
157
|
-
export function getYearInDateString(dateStr) {
|
|
158
|
-
var _a = dateStr.split('-'), year = _a[0], _month = _a[1], _day = _a[2];
|
|
159
|
-
return Number(year);
|
|
160
|
-
}
|
|
161
|
-
export function getMonthInDateString(dateStr) {
|
|
162
|
-
var _a = dateStr.split('-'), _year = _a[0], month = _a[1], _day = _a[2];
|
|
163
|
-
return month;
|
|
164
|
-
}
|
|
165
|
-
export function getDayInDateString(dateStr) {
|
|
166
|
-
var _a = dateStr.split('-'), _year = _a[0], _month = _a[1], day = _a[2];
|
|
167
|
-
return day;
|
|
168
|
-
}
|
|
169
|
-
export function getDaysInMonthWithWeekday(year, month) {
|
|
170
|
-
var days = [];
|
|
171
|
-
var monthIndex = parseInt(month, 10) - 1; // JavaScript months are 0-based
|
|
172
|
-
var date = new Date(year, monthIndex, 1);
|
|
173
|
-
var weekdayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
|
|
174
|
-
while (date.getMonth() === monthIndex) {
|
|
175
|
-
var day = String(date.getDate()).padStart(2, '0');
|
|
176
|
-
var weekday = weekdayNames[date.getDay()];
|
|
177
|
-
var formattedDate = "".concat(year, "-").concat(month, "-").concat(day);
|
|
178
|
-
days.push({ date: formattedDate, weekday: weekday });
|
|
179
|
-
date.setDate(date.getDate() + 1);
|
|
180
|
-
}
|
|
181
|
-
return days;
|
|
182
|
-
}
|
|
183
|
-
export function getDateNow() {
|
|
184
|
-
var dateNow = new Date();
|
|
185
|
-
var year = dateNow.getFullYear();
|
|
186
|
-
var month = "".concat(dateNow.getMonth() + 1).padStart(2, '0');
|
|
187
|
-
var date = "".concat(dateNow.getDate()).padStart(2, '0');
|
|
188
|
-
return "".concat(year, "-").concat(month, "-").concat(date);
|
|
189
|
-
}
|
|
190
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputDate/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
@import '../extend.scss';
|
|
2
|
-
|
|
3
|
-
.DBui-inputDate {
|
|
4
|
-
@extend .DBui-input;
|
|
5
|
-
height: 35px;
|
|
6
|
-
display: flex;
|
|
7
|
-
align-items: center;
|
|
8
|
-
cursor: pointer;
|
|
9
|
-
|
|
10
|
-
&[data-disabled='true'] {
|
|
11
|
-
@extend .DBui-disabled;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.DBui-clearIconInputDate {
|
|
15
|
-
width: 20px;
|
|
16
|
-
|
|
17
|
-
&[data-hidden='true'] {
|
|
18
|
-
display: none !important;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
&:hover {
|
|
22
|
-
opacity: 0.8;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.DBui-inputDateWrapperCalendar {
|
|
28
|
-
display: flex;
|
|
29
|
-
flex-direction: column;
|
|
30
|
-
gap: 0.3em;
|
|
31
|
-
padding: 2em 0;
|
|
32
|
-
justify-content: center;
|
|
33
|
-
align-items: center;
|
|
34
|
-
|
|
35
|
-
.DBui-inputDateRowMonthYear,
|
|
36
|
-
.DBui-inputDateRowHeaderDay,
|
|
37
|
-
.DBui-inputDateRowDay {
|
|
38
|
-
display: flex;
|
|
39
|
-
flex-direction: row;
|
|
40
|
-
gap: 0.8em;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.DBui-inputDateRowMonthYear {
|
|
44
|
-
gap: 0.5em;
|
|
45
|
-
margin-left: 0.5em;
|
|
46
|
-
align-items: center;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.DBui-inputDateRowHeaderDay,
|
|
50
|
-
.DBui-inputDateRowDay {
|
|
51
|
-
|
|
52
|
-
.DBui-inputDateHeader,
|
|
53
|
-
.DBui-inputDateDay {
|
|
54
|
-
width: 30px;
|
|
55
|
-
height: 30px;
|
|
56
|
-
text-align: center;
|
|
57
|
-
display: flex;
|
|
58
|
-
align-items: center;
|
|
59
|
-
justify-content: center;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.DBui-inputDateDay {
|
|
63
|
-
cursor: not-allowed;
|
|
64
|
-
|
|
65
|
-
&[data-hidden-hover='false'] {
|
|
66
|
-
cursor: pointer;
|
|
67
|
-
|
|
68
|
-
&:hover {
|
|
69
|
-
background-color: #03287E;
|
|
70
|
-
border-radius: 100%;
|
|
71
|
-
color: #FFFFFF;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
&[data-checked='true'] {
|
|
76
|
-
background-color: #03287E;
|
|
77
|
-
color: #FFFFFF;
|
|
78
|
-
border-radius: 100%;
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.DBui-inputDateRowMonthYearSelected {
|
|
85
|
-
cursor: pointer;
|
|
86
|
-
text-align: center;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.DBui-inputDateRowMonthYearOption {
|
|
90
|
-
cursor: pointer;
|
|
91
|
-
padding: 0.5em 1em;
|
|
92
|
-
|
|
93
|
-
&:hover {
|
|
94
|
-
background-color: #03287E;
|
|
95
|
-
color: #FFFFFF;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
&[data-checked='true'] {
|
|
99
|
-
background-color: #03287E;
|
|
100
|
-
color: #FFFFFF;
|
|
101
|
-
}
|
|
102
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.type.js","sourceRoot":"","sources":["../../../../src/components/Input/InputDate/index.type.tsx"],"names":[],"mappings":""}
|