@datability/8ui 0.1.40 → 0.1.42

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.
@@ -4,8 +4,8 @@ import React from 'react';
4
4
  // Include in project
5
5
  import './index.scss';
6
6
  var Blackdrop = function (_a) {
7
- var children = _a.children, open = _a.open;
8
- return (React.createElement("div", { className: "DBui-blackdrop", "data-hidden": !open }, children));
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
9
  };
10
10
  export default Blackdrop;
11
11
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
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,EAAkB;QAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;IAC3D,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB,iBAAc,CAAC,IAAI,IAC/C,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
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"}
@@ -2,4 +2,5 @@
2
2
  export type PropsBlackdrop = {
3
3
  children: JSX.Element | JSX.Element[];
4
4
  open: boolean;
5
+ onClose?: () => void;
5
6
  };
@@ -3,7 +3,7 @@ export type PropsButton = {
3
3
  name?: string;
4
4
  type?: 'button' | 'submit';
5
5
  disabled?: boolean;
6
- onClick?: () => void;
6
+ onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
7
7
  startIcon?: string | ElementType;
8
8
  endIcon?: string | ElementType;
9
9
  className?: string;
@@ -6,10 +6,10 @@ import { getIn, useFormikContext } from 'formik';
6
6
  import './index.scss';
7
7
  import InputBase from '../InputBase';
8
8
  var InputNumber = 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, _e = _a.isPhoneNumber, isPhoneNumber = _e === void 0 ? false : _e;
10
- var _f = useFormikContext(), values = _f.values, touched = _f.touched, errors = _f.errors, setFieldValue = _f.setFieldValue;
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, _e = _a.isPhoneNumber, isPhoneNumber = _e === void 0 ? false : _e, _f = _a.isAvailableMinus, isAvailableMinus = _f === void 0 ? false : _f;
10
+ var _g = useFormikContext(), values = _g.values, touched = _g.touched, errors = _g.errors, setFieldValue = _g.setFieldValue;
11
11
  var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
12
- var _g = useState(getIn(values, name)), showValue = _g[0], setShowValue = _g[1];
12
+ var _h = useState(getIn(values, name)), showValue = _h[0], setShowValue = _h[1];
13
13
  useEffect(function () {
14
14
  setShowValue(getIn(values, name));
15
15
  }, [getIn(values, name)]);
@@ -31,15 +31,17 @@ var InputNumber = function (_a) {
31
31
  }
32
32
  else {
33
33
  var rawValue = value.split(',').join('');
34
- var regex = /^[0-9]*\.?[0-9]*$/;
34
+ // ถ้าอนุญาตให้ติดลบ ให้รวมเครื่องหมาย - ด้วย
35
+ var regex = isAvailableMinus ? /^-?[0-9]*\.?[0-9]*$/ : /^[0-9]*\.?[0-9]*$/;
35
36
  if (regex.test(rawValue)) {
36
- if (rawValue.search('0') === 0) {
37
+ // ถ้าเริ่มต้นด้วย 0 แล้วไม่ใช่ทศนิยม เช่น "0123"
38
+ if (!rawValue.includes('.') && rawValue.search('0') === 0 && rawValue.length > 1 && rawValue[1] !== '.') {
37
39
  var subFirstString = rawValue.substring(1);
38
40
  setFieldValue(name, Number(subFirstString));
39
41
  setShowValue(subFirstString);
40
42
  }
41
43
  else {
42
- setFieldValue(name, Number(rawValue));
44
+ setFieldValue(name, Number(rawValue === '-' ? '0' : rawValue));
43
45
  setShowValue(rawValue);
44
46
  }
45
47
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputNumber/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputNumber/index.tsx"],"names":[],"mappings":"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"}
@@ -6,4 +6,5 @@ export type PropsInputNumber = {
6
6
  require?: boolean;
7
7
  fullWidth?: boolean;
8
8
  isPhoneNumber?: boolean;
9
+ isAvailableMinus?: boolean;
9
10
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@datability/8ui",
3
- "version": "0.1.40",
3
+ "version": "0.1.42",
4
4
  "description": "",
5
5
  "main": "dist/components/index.js",
6
6
  "types": "dist/components/index.d.ts",