period-ui 0.4.3 → 0.4.5
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/dist/components/atoms/base-input/base-input.d.ts +8 -0
- package/dist/components/atoms/base-input/base-input.d.ts.map +1 -1
- package/dist/components/atoms/base-input/base-input.js +4 -3
- package/dist/components/atoms/base-input/base-input.js.map +1 -1
- package/dist/components/index.d.ts +6 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +6 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/molecules/empty-state/empty-state-constants.d.ts +6 -0
- package/dist/components/molecules/empty-state/empty-state-constants.d.ts.map +1 -0
- package/dist/components/molecules/empty-state/empty-state-constants.js +9 -0
- package/dist/components/molecules/empty-state/empty-state-constants.js.map +1 -0
- package/dist/components/molecules/empty-state/empty-state-styles.d.ts +9 -0
- package/dist/components/molecules/empty-state/empty-state-styles.d.ts.map +1 -0
- package/dist/components/molecules/empty-state/empty-state-styles.js +12 -0
- package/dist/components/molecules/empty-state/empty-state-styles.js.map +1 -0
- package/dist/components/molecules/empty-state/empty-state-types.d.ts +21 -0
- package/dist/components/molecules/empty-state/empty-state-types.d.ts.map +1 -0
- package/dist/components/molecules/empty-state/empty-state-types.js +3 -0
- package/dist/components/molecules/empty-state/empty-state-types.js.map +1 -0
- package/dist/components/molecules/empty-state/empty-state.d.ts +3 -0
- package/dist/components/molecules/empty-state/empty-state.d.ts.map +1 -0
- package/dist/components/molecules/empty-state/empty-state.js +31 -0
- package/dist/components/molecules/empty-state/empty-state.js.map +1 -0
- package/dist/components/molecules/empty-state/index.d.ts +3 -0
- package/dist/components/molecules/empty-state/index.d.ts.map +1 -0
- package/dist/components/molecules/empty-state/index.js +19 -0
- package/dist/components/molecules/empty-state/index.js.map +1 -0
- package/dist/components/molecules/form/form-password-field/form-password-field.d.ts +11 -0
- package/dist/components/molecules/form/form-password-field/form-password-field.d.ts.map +1 -0
- package/dist/components/molecules/form/form-password-field/form-password-field.js +24 -0
- package/dist/components/molecules/form/form-password-field/form-password-field.js.map +1 -0
- package/dist/components/molecules/form/form-password-field/index.d.ts +2 -0
- package/dist/components/molecules/form/form-password-field/index.d.ts.map +1 -0
- package/dist/components/molecules/form/form-password-field/index.js +18 -0
- package/dist/components/molecules/form/form-password-field/index.js.map +1 -0
- package/dist/components/molecules/form/form-phone-field/form-phone-field.d.ts +11 -0
- package/dist/components/molecules/form/form-phone-field/form-phone-field.d.ts.map +1 -0
- package/dist/components/molecules/form/form-phone-field/form-phone-field.js +24 -0
- package/dist/components/molecules/form/form-phone-field/form-phone-field.js.map +1 -0
- package/dist/components/molecules/form/form-phone-field/index.d.ts +2 -0
- package/dist/components/molecules/form/form-phone-field/index.d.ts.map +1 -0
- package/dist/components/molecules/form/form-phone-field/index.js +18 -0
- package/dist/components/molecules/form/form-phone-field/index.js.map +1 -0
- package/dist/components/molecules/password-field/index.d.ts +2 -0
- package/dist/components/molecules/password-field/index.d.ts.map +1 -0
- package/dist/components/molecules/password-field/index.js +18 -0
- package/dist/components/molecules/password-field/index.js.map +1 -0
- package/dist/components/molecules/password-field/password-field.d.ts +10 -0
- package/dist/components/molecules/password-field/password-field.d.ts.map +1 -0
- package/dist/components/molecules/password-field/password-field.js +14 -0
- package/dist/components/molecules/password-field/password-field.js.map +1 -0
- package/dist/components/molecules/phone-field/index.d.ts +2 -0
- package/dist/components/molecules/phone-field/index.d.ts.map +1 -0
- package/dist/components/molecules/phone-field/index.js +18 -0
- package/dist/components/molecules/phone-field/index.js.map +1 -0
- package/dist/components/molecules/phone-field/phone-field.d.ts +8 -0
- package/dist/components/molecules/phone-field/phone-field.d.ts.map +1 -0
- package/dist/components/molecules/phone-field/phone-field.js +10 -0
- package/dist/components/molecules/phone-field/phone-field.js.map +1 -0
- package/dist/components/molecules/text-field/components/text-field-input.d.ts +3 -0
- package/dist/components/molecules/text-field/components/text-field-input.d.ts.map +1 -1
- package/dist/components/molecules/text-field/components/text-field-input.js +2 -2
- package/dist/components/molecules/text-field/components/text-field-input.js.map +1 -1
- package/dist/components/molecules/text-field/text-field.d.ts +3 -0
- package/dist/components/molecules/text-field/text-field.d.ts.map +1 -1
- package/dist/components/molecules/text-field/text-field.js +2 -2
- package/dist/components/molecules/text-field/text-field.js.map +1 -1
- package/dist/components/organisms/document-field/document-field-constants.d.ts +5 -0
- package/dist/components/organisms/document-field/document-field-constants.d.ts.map +1 -0
- package/dist/components/organisms/document-field/document-field-constants.js +21 -0
- package/dist/components/organisms/document-field/document-field-constants.js.map +1 -0
- package/dist/components/organisms/document-field/document-field-types.d.ts +7 -0
- package/dist/components/organisms/document-field/document-field-types.d.ts.map +1 -0
- package/dist/components/organisms/document-field/document-field-types.js +11 -0
- package/dist/components/organisms/document-field/document-field-types.js.map +1 -0
- package/dist/components/organisms/document-field/document-field-validation.d.ts +17 -0
- package/dist/components/organisms/document-field/document-field-validation.d.ts.map +1 -0
- package/dist/components/organisms/document-field/document-field-validation.js +61 -0
- package/dist/components/organisms/document-field/document-field-validation.js.map +1 -0
- package/dist/components/organisms/document-field/document-field.d.ts +29 -0
- package/dist/components/organisms/document-field/document-field.d.ts.map +1 -0
- package/dist/components/organisms/document-field/document-field.js +25 -0
- package/dist/components/organisms/document-field/document-field.js.map +1 -0
- package/dist/components/organisms/document-field/index.d.ts +5 -0
- package/dist/components/organisms/document-field/index.d.ts.map +1 -0
- package/dist/components/organisms/document-field/index.js +21 -0
- package/dist/components/organisms/document-field/index.js.map +1 -0
- package/dist/components/organisms/document-field/use-document-field.d.ts +17 -0
- package/dist/components/organisms/document-field/use-document-field.d.ts.map +1 -0
- package/dist/components/organisms/document-field/use-document-field.js +34 -0
- package/dist/components/organisms/document-field/use-document-field.js.map +1 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +15 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5303 -4802
- package/package.json +5 -4
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import { ChangeEvent, ComponentProps } from 'react';
|
|
2
|
+
export type MaskOptions = {
|
|
3
|
+
mask: string;
|
|
4
|
+
definitions?: Record<string, RegExp>;
|
|
5
|
+
prepare?: (value: string) => string;
|
|
6
|
+
blocks?: Record<string, unknown>;
|
|
7
|
+
lazy?: boolean;
|
|
8
|
+
};
|
|
2
9
|
export type BaseInputProps = Omit<ComponentProps<'input'>, 'onChange'> & {
|
|
3
10
|
mask?: string;
|
|
11
|
+
maskOptions?: MaskOptions;
|
|
4
12
|
onValueChange?: (value: string) => void;
|
|
5
13
|
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
6
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/base-input/base-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAA4B,MAAM,OAAO,CAAC;AAG9E,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,GAAG;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/base-input/base-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAA4B,MAAM,OAAO,CAAC;AAG9E,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,GAAG;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,SAAS,0HA2CpB,CAAC"}
|
|
@@ -4,9 +4,10 @@ exports.BaseInput = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const react_imask_1 = require("react-imask");
|
|
7
|
-
exports.BaseInput = (0, react_1.forwardRef)(function BaseInput({ mask, onValueChange, onChange, value = '', name, ...rest }, ref) {
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
exports.BaseInput = (0, react_1.forwardRef)(function BaseInput({ mask, maskOptions, onValueChange, onChange, value = '', name, ...rest }, ref) {
|
|
8
|
+
const resolvedMaskOptions = maskOptions ?? (mask ? { mask } : undefined);
|
|
9
|
+
if (resolvedMaskOptions) {
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(react_imask_1.IMaskInput, { ...rest, ...resolvedMaskOptions, inputRef: ref, name: name, value: String(value), autoComplete: "off", onAccept: (acceptedValue) => {
|
|
10
11
|
if (acceptedValue === String(value))
|
|
11
12
|
return;
|
|
12
13
|
onValueChange?.(acceptedValue);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-input.js","sourceRoot":"","sources":["../../../../src/components/atoms/base-input/base-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8E;AAC9E,6CAAyC;
|
|
1
|
+
{"version":3,"file":"base-input.js","sourceRoot":"","sources":["../../../../src/components/atoms/base-input/base-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8E;AAC9E,6CAAyC;AAiB5B,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAC,SAAS,SAAS,CACpD,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,EAAE,GAAG,IAAI,EAAkB,EACzF,GAAmC;IAEnC,MAAM,mBAAmB,GAAG,WAAW,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEzE,IAAI,mBAAmB,EAAE,CAAC;QACxB,OAAO,CACL,uBAAC,wBAAU,OACL,IAAI,KACJ,mBAAmB,EACvB,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACpB,YAAY,EAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,aAAqB,EAAE,EAAE;gBAClC,IAAI,aAAa,KAAK,MAAM,CAAC,KAAK,CAAC;oBAAE,OAAO;gBAC5C,aAAa,EAAE,CAAC,aAAa,CAAC,CAAC;gBAC/B,QAAQ,EAAE,CAAC;oBACT,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAoC;iBACxC,CAAC,CAAC;YACtC,CAAC,GACD,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,qCACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;YAEzC,aAAa,EAAE,CAAC,aAAa,CAAC,CAAC;YAC/B,QAAQ,EAAE,CAAC;gBACT,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAoC;aACxC,CAAC,CAAC;QACtC,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -26,7 +26,12 @@ export * from './molecules/form/form-date-picker';
|
|
|
26
26
|
export * from './molecules/select';
|
|
27
27
|
export * from './molecules/status-selector';
|
|
28
28
|
export * from './molecules/text-field';
|
|
29
|
+
export * from './molecules/password-field';
|
|
30
|
+
export * from './molecules/phone-field';
|
|
31
|
+
export * from './molecules/form/form-password-field';
|
|
32
|
+
export * from './molecules/form/form-phone-field';
|
|
29
33
|
export * from './molecules/callout';
|
|
34
|
+
export * from './molecules/empty-state';
|
|
30
35
|
export * from './molecules/accordion';
|
|
31
36
|
export * from './molecules/search-bar';
|
|
32
37
|
export * from './molecules/pop-over';
|
|
@@ -34,4 +39,5 @@ export * from './molecules/three-dot-menu';
|
|
|
34
39
|
export * from './organisms/tool-tip';
|
|
35
40
|
export * from './organisms/filter-modal';
|
|
36
41
|
export * from './organisms/dropdown-button';
|
|
42
|
+
export * from './organisms/document-field';
|
|
37
43
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -42,7 +42,12 @@ __exportStar(require("./molecules/form/form-date-picker"), exports);
|
|
|
42
42
|
__exportStar(require("./molecules/select"), exports);
|
|
43
43
|
__exportStar(require("./molecules/status-selector"), exports);
|
|
44
44
|
__exportStar(require("./molecules/text-field"), exports);
|
|
45
|
+
__exportStar(require("./molecules/password-field"), exports);
|
|
46
|
+
__exportStar(require("./molecules/phone-field"), exports);
|
|
47
|
+
__exportStar(require("./molecules/form/form-password-field"), exports);
|
|
48
|
+
__exportStar(require("./molecules/form/form-phone-field"), exports);
|
|
45
49
|
__exportStar(require("./molecules/callout"), exports);
|
|
50
|
+
__exportStar(require("./molecules/empty-state"), exports);
|
|
46
51
|
__exportStar(require("./molecules/accordion"), exports);
|
|
47
52
|
__exportStar(require("./molecules/search-bar"), exports);
|
|
48
53
|
__exportStar(require("./molecules/pop-over"), exports);
|
|
@@ -50,4 +55,5 @@ __exportStar(require("./molecules/three-dot-menu"), exports);
|
|
|
50
55
|
__exportStar(require("./organisms/tool-tip"), exports);
|
|
51
56
|
__exportStar(require("./organisms/filter-modal"), exports);
|
|
52
57
|
__exportStar(require("./organisms/dropdown-button"), exports);
|
|
58
|
+
__exportStar(require("./organisms/document-field"), exports);
|
|
53
59
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,qDAAmC;AACnC,gDAA8B;AAC9B,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AAGpC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,sDAAoC;AACpC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAG3C,uDAAqC;AACrC,2DAAyC;AACzC,8DAA4C"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,qDAAmC;AACnC,gDAA8B;AAC9B,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AAGpC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,6DAA2C;AAC3C,0DAAwC;AACxC,uEAAqD;AACrD,oEAAkD;AAClD,sDAAoC;AACpC,0DAAwC;AACxC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAG3C,uDAAqC;AACrC,2DAAyC;AACzC,8DAA4C;AAC5C,6DAA2C"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { IconColor, IconSize } from '../../atoms/billo-icon';
|
|
2
|
+
export declare const DEFAULT_MAX_WIDTH = 440;
|
|
3
|
+
export declare const DEFAULT_ICON_SIZE = IconSize.SEVEN_XL;
|
|
4
|
+
export declare const DEFAULT_MOBILE_ICON_SIZE = IconSize.FIVE_XL;
|
|
5
|
+
export declare const DEFAULT_ICON_COLOR = IconColor.GRAY_04;
|
|
6
|
+
//# sourceMappingURL=empty-state-constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state-constants.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/empty-state-constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAE7D,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,iBAAiB,oBAAoB,CAAC;AACnD,eAAO,MAAM,wBAAwB,mBAAmB,CAAC;AACzD,eAAO,MAAM,kBAAkB,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DEFAULT_ICON_COLOR = exports.DEFAULT_MOBILE_ICON_SIZE = exports.DEFAULT_ICON_SIZE = exports.DEFAULT_MAX_WIDTH = void 0;
|
|
4
|
+
const billo_icon_1 = require("../../atoms/billo-icon");
|
|
5
|
+
exports.DEFAULT_MAX_WIDTH = 440;
|
|
6
|
+
exports.DEFAULT_ICON_SIZE = billo_icon_1.IconSize.SEVEN_XL;
|
|
7
|
+
exports.DEFAULT_MOBILE_ICON_SIZE = billo_icon_1.IconSize.FIVE_XL;
|
|
8
|
+
exports.DEFAULT_ICON_COLOR = billo_icon_1.IconColor.GRAY_04;
|
|
9
|
+
//# sourceMappingURL=empty-state-constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state-constants.js","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/empty-state-constants.ts"],"names":[],"mappings":";;;AAAA,uDAA6D;AAEhD,QAAA,iBAAiB,GAAG,GAAG,CAAC;AACxB,QAAA,iBAAiB,GAAG,qBAAQ,CAAC,QAAQ,CAAC;AACtC,QAAA,wBAAwB,GAAG,qBAAQ,CAAC,OAAO,CAAC;AAC5C,QAAA,kBAAkB,GAAG,sBAAS,CAAC,OAAO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/empty-state-styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;;;;CAO5B,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.emptyStateStyles = void 0;
|
|
4
|
+
exports.emptyStateStyles = {
|
|
5
|
+
container: 'flex h-full w-full flex-col items-center justify-center text-center',
|
|
6
|
+
content: 'flex flex-col items-center gap-6 md:gap-8',
|
|
7
|
+
textBlock: 'flex flex-col items-center gap-2',
|
|
8
|
+
captionText: 'text-center whitespace-normal',
|
|
9
|
+
captionNode: 'text-center whitespace-pre-line',
|
|
10
|
+
actions: 'mt-8 flex w-full flex-col gap-4 md:mt-[62px] md:w-auto md:flex-row',
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=empty-state-styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state-styles.js","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/empty-state-styles.ts"],"names":[],"mappings":";;;AAAa,QAAA,gBAAgB,GAAG;IAC9B,SAAS,EAAE,qEAAqE;IAChF,OAAO,EAAE,2CAA2C;IACpD,SAAS,EAAE,kCAAkC;IAC7C,WAAW,EAAE,+BAA+B;IAC5C,WAAW,EAAE,iCAAiC;IAC9C,OAAO,EAAE,oEAAoE;CAC9E,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { IconColor, IconSize, IconSymbol } from '../../atoms/billo-icon';
|
|
3
|
+
export type EmptyStateAction = {
|
|
4
|
+
label: string;
|
|
5
|
+
onClick: () => void;
|
|
6
|
+
isDisabled?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export type EmptyStateProps = {
|
|
9
|
+
icon?: IconSymbol;
|
|
10
|
+
iconSize?: IconSize;
|
|
11
|
+
mobileIconSize?: IconSize;
|
|
12
|
+
iconColor?: IconColor;
|
|
13
|
+
title?: string;
|
|
14
|
+
caption?: string | ReactNode;
|
|
15
|
+
primaryAction?: EmptyStateAction;
|
|
16
|
+
secondaryAction?: EmptyStateAction;
|
|
17
|
+
customAction?: ReactNode;
|
|
18
|
+
maxWidth?: number;
|
|
19
|
+
className?: string;
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=empty-state-types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state-types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/empty-state-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state-types.js","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/empty-state-types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { EmptyStateProps } from './empty-state-types';
|
|
2
|
+
export declare function EmptyState({ icon, iconSize, mobileIconSize, iconColor, title, caption, primaryAction, secondaryAction, customAction, maxWidth, className, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=empty-state.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/empty-state.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAoB,eAAe,EAAE,MAAM,qBAAqB,CAAC;AASxE,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAA4B,EAC5B,cAAyC,EACzC,SAA8B,EAC9B,KAAK,EACL,OAAO,EACP,aAAa,EACb,eAAe,EACf,YAAY,EACZ,QAA4B,EAC5B,SAAS,GACV,EAAE,eAAe,2CAoEjB"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.EmptyState = EmptyState;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
6
|
+
const billo_icon_1 = require("../../atoms/billo-icon");
|
|
7
|
+
const button_1 = require("../../atoms/button");
|
|
8
|
+
const text_1 = require("../../atoms/text");
|
|
9
|
+
const empty_state_styles_1 = require("./empty-state-styles");
|
|
10
|
+
const empty_state_constants_1 = require("./empty-state-constants");
|
|
11
|
+
function EmptyState({ icon, iconSize = empty_state_constants_1.DEFAULT_ICON_SIZE, mobileIconSize = empty_state_constants_1.DEFAULT_MOBILE_ICON_SIZE, iconColor = empty_state_constants_1.DEFAULT_ICON_COLOR, title, caption, primaryAction, secondaryAction, customAction, maxWidth = empty_state_constants_1.DEFAULT_MAX_WIDTH, className, }) {
|
|
12
|
+
const hasActions = Boolean(customAction || primaryAction);
|
|
13
|
+
const renderIcon = () => {
|
|
14
|
+
if (!icon) {
|
|
15
|
+
return null;
|
|
16
|
+
}
|
|
17
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(billo_icon_1.BilloIcon, { icon: icon, size: mobileIconSize, color: iconColor, className: "md:hidden" }), (0, jsx_runtime_1.jsx)(billo_icon_1.BilloIcon, { icon: icon, size: iconSize, color: iconColor, className: "hidden md:block" })] }));
|
|
18
|
+
};
|
|
19
|
+
const renderCaption = () => {
|
|
20
|
+
if (!caption) {
|
|
21
|
+
return null;
|
|
22
|
+
}
|
|
23
|
+
if (typeof caption === 'string') {
|
|
24
|
+
return ((0, jsx_runtime_1.jsx)(text_1.Text, { variant: text_1.TextVariant.BODY, className: empty_state_styles_1.emptyStateStyles.captionText, children: caption }));
|
|
25
|
+
}
|
|
26
|
+
return (0, jsx_runtime_1.jsx)("div", { className: empty_state_styles_1.emptyStateStyles.captionNode, children: caption });
|
|
27
|
+
};
|
|
28
|
+
const renderActionButton = (action, variant) => ((0, jsx_runtime_1.jsx)(button_1.Button, { variant: variant, onClick: action.onClick, disabled: action.isDisabled, children: action.label }));
|
|
29
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)(empty_state_styles_1.emptyStateStyles.container, className), children: [(0, jsx_runtime_1.jsxs)("div", { className: empty_state_styles_1.emptyStateStyles.content, style: { maxWidth }, children: [renderIcon(), (title || caption) && ((0, jsx_runtime_1.jsxs)("div", { className: empty_state_styles_1.emptyStateStyles.textBlock, children: [title && ((0, jsx_runtime_1.jsx)(text_1.Text, { variant: text_1.TextVariant.SUBTITLE, className: "whitespace-normal", children: title })), renderCaption()] }))] }), hasActions && ((0, jsx_runtime_1.jsx)("div", { className: empty_state_styles_1.emptyStateStyles.actions, children: customAction ?? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [secondaryAction && renderActionButton(secondaryAction, button_1.ButtonVariant.SECONDARY), primaryAction && renderActionButton(primaryAction, button_1.ButtonVariant.PRIMARY)] })) }))] }));
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=empty-state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/empty-state.tsx"],"names":[],"mappings":";;AAaA,gCAgFC;;AA7FD,kEAAyD;AACzD,uDAAmD;AACnD,+CAA2D;AAC3D,2CAAqD;AAErD,6DAAwD;AACxD,mEAKiC;AAEjC,SAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,GAAG,yCAAiB,EAC5B,cAAc,GAAG,gDAAwB,EACzC,SAAS,GAAG,0CAAkB,EAC9B,KAAK,EACL,OAAO,EACP,aAAa,EACb,eAAe,EACf,YAAY,EACZ,QAAQ,GAAG,yCAAiB,EAC5B,SAAS,GACO;IAChB,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,IAAI,aAAa,CAAC,CAAC;IAE1D,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,6DACE,uBAAC,sBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAC,WAAW,GAAG,EACvF,uBAAC,sBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAC,iBAAiB,GAAG,IACtF,CACJ,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,OAAO,CACL,uBAAC,WAAI,IAAC,OAAO,EAAE,kBAAW,CAAC,IAAI,EAAE,SAAS,EAAE,qCAAgB,CAAC,WAAW,YACrE,OAAO,GACH,CACR,CAAC;QACJ,CAAC;QAED,OAAO,gCAAK,SAAS,EAAE,qCAAgB,CAAC,WAAW,YAAG,OAAO,GAAO,CAAC;IACvE,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,MAAwB,EAAE,OAAsB,EAAE,EAAE,CAAC,CAC/E,uBAAC,eAAM,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,YAC3E,MAAM,CAAC,KAAK,GACN,CACV,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,qCAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,aAC7D,iCAAK,SAAS,EAAE,qCAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,aAC1D,UAAU,EAAE,EAEZ,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CACrB,iCAAK,SAAS,EAAE,qCAAgB,CAAC,SAAS,aACvC,KAAK,IAAI,CACR,uBAAC,WAAI,IAAC,OAAO,EAAE,kBAAW,CAAC,QAAQ,EAAE,SAAS,EAAC,mBAAmB,YAC/D,KAAK,GACD,CACR,EAEA,aAAa,EAAE,IACZ,CACP,IACG,EAEL,UAAU,IAAI,CACb,gCAAK,SAAS,EAAE,qCAAgB,CAAC,OAAO,YACrC,YAAY,IAAI,CACf,6DACG,eAAe,IAAI,kBAAkB,CAAC,eAAe,EAAE,sBAAa,CAAC,SAAS,CAAC,EAC/E,aAAa,IAAI,kBAAkB,CAAC,aAAa,EAAE,sBAAa,CAAC,OAAO,CAAC,IACzE,CACJ,GACG,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./empty-state"), exports);
|
|
18
|
+
__exportStar(require("./empty-state-types"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,sDAAoC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { PasswordFieldProps } from '../../../../components';
|
|
2
|
+
import { FormControlProps, FormInputWidth } from '../../../../containers';
|
|
3
|
+
export type FormPasswordFieldProps = FormControlProps & Omit<PasswordFieldProps, 'width'> & {
|
|
4
|
+
formControlClassName?: string;
|
|
5
|
+
width?: FormInputWidth;
|
|
6
|
+
};
|
|
7
|
+
export declare const FormPasswordField: import("react").ForwardRefExoticComponent<FormControlProps & Omit<PasswordFieldProps, "width"> & {
|
|
8
|
+
formControlClassName?: string;
|
|
9
|
+
width?: FormInputWidth;
|
|
10
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
11
|
+
//# sourceMappingURL=form-password-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-password-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-password-field/form-password-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAe,gBAAgB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,GACnD,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,GAAG;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB,CAAC;AAEJ,eAAO,MAAM,iBAAiB;2BALH,MAAM;YAErB,cAAc;oDA2ExB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FormPasswordField = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const components_1 = require("../../../../components");
|
|
7
|
+
const containers_1 = require("../../../../containers");
|
|
8
|
+
exports.FormPasswordField = (0, react_1.forwardRef)(function FormPasswordField({ label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, inputWidth, formName, formProps, formControlClassName, id, width, isRequired, isDisabled, ...passwordFieldProps }, ref) {
|
|
9
|
+
const isFormMode = !!(formProps && formName);
|
|
10
|
+
function handleChange(event) {
|
|
11
|
+
passwordFieldProps.onChange?.(event);
|
|
12
|
+
if (formProps && formName) {
|
|
13
|
+
void formProps.setFieldValue(formName, event.target.value ?? '');
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
function handleBlur(event) {
|
|
17
|
+
passwordFieldProps.onBlur?.(event);
|
|
18
|
+
if (formProps && formName) {
|
|
19
|
+
void formProps.setFieldTouched(formName, true, true);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { id: id, label: label, helperText: helperText, optionalLabel: optionalLabel, hideRequiredMark: hideRequiredMark, containerClassName: containerClassName, toolTipProps: toolTipProps, inputWidth: inputWidth ?? width, formName: formName, formProps: formProps, isRequired: isRequired, isDisabled: isDisabled, errorText: errorText || formProps?.errors[formName ?? ''], className: formControlClassName, children: ({ isErrorVisible, inputId, describedBy }) => ((0, jsx_runtime_1.jsx)(components_1.PasswordField, { ...passwordFieldProps, ref: ref, id: inputId, "aria-describedby": describedBy, isRequired: isRequired, isDisabled: isDisabled, isErrorVisible: isErrorVisible, value: isFormMode ? (formProps?.values[formName ?? ''] ?? '') : passwordFieldProps.value, onChange: handleChange, onBlur: handleBlur })) }));
|
|
23
|
+
});
|
|
24
|
+
//# sourceMappingURL=form-password-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-password-field.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-password-field/form-password-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0E;AAC1E,uDAA2E;AAC3E,uDAAuF;AAS1E,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAAC,SAAS,iBAAiB,CACpE,EACE,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,EAAE,EACF,KAAK,EACL,UAAU,EACV,UAAU,EACV,GAAG,kBAAkB,EACE,EACzB,GAAmC;IAEnC,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC;IAE7C,SAAS,YAAY,CAAC,KAAoC;QACxD,kBAAkB,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;QAErC,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC1B,KAAK,SAAS,CAAC,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QACnE,CAAC;IACH,CAAC;IAED,SAAS,UAAU,CAAC,KAAmC;QACrD,kBAAkB,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;QAEnC,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC1B,KAAK,SAAS,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,IACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,IAAI,KAAK,EAC/B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAwB,EACjF,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAC7C,uBAAC,0BAAa,OACR,kBAAkB,EACtB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,OAAO,sBACO,WAAW,EAC7B,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,EACxF,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,GAClB,CACH,GACW,CACf,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-password-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./form-password-field"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-password-field/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAsC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { PhoneFieldProps } from '../../../../components';
|
|
2
|
+
import { FormControlProps, FormInputWidth } from '../../../../containers';
|
|
3
|
+
export type FormPhoneFieldProps = FormControlProps & Omit<PhoneFieldProps, 'width'> & {
|
|
4
|
+
formControlClassName?: string;
|
|
5
|
+
width?: FormInputWidth;
|
|
6
|
+
};
|
|
7
|
+
export declare const FormPhoneField: import("react").ForwardRefExoticComponent<FormControlProps & Omit<PhoneFieldProps, "width"> & {
|
|
8
|
+
formControlClassName?: string;
|
|
9
|
+
width?: FormInputWidth;
|
|
10
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
11
|
+
//# sourceMappingURL=form-phone-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-phone-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-phone-field/form-phone-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAe,gBAAgB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAChD,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG;IAC/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB,CAAC;AAEJ,eAAO,MAAM,cAAc;2BALA,MAAM;YAErB,cAAc;oDA2ExB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FormPhoneField = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const components_1 = require("../../../../components");
|
|
7
|
+
const containers_1 = require("../../../../containers");
|
|
8
|
+
exports.FormPhoneField = (0, react_1.forwardRef)(function FormPhoneField({ label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, inputWidth, formName, formProps, formControlClassName, id, width, isRequired, isDisabled, ...phoneFieldProps }, ref) {
|
|
9
|
+
const isFormMode = !!(formProps && formName);
|
|
10
|
+
function handleChange(event) {
|
|
11
|
+
phoneFieldProps.onChange?.(event);
|
|
12
|
+
if (formProps && formName) {
|
|
13
|
+
void formProps.setFieldValue(formName, event.target.value ?? '');
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
function handleBlur(event) {
|
|
17
|
+
phoneFieldProps.onBlur?.(event);
|
|
18
|
+
if (formProps && formName) {
|
|
19
|
+
void formProps.setFieldTouched(formName, true, true);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { id: id, label: label, helperText: helperText, optionalLabel: optionalLabel, hideRequiredMark: hideRequiredMark, containerClassName: containerClassName, toolTipProps: toolTipProps, inputWidth: inputWidth ?? width, formName: formName, formProps: formProps, isRequired: isRequired, isDisabled: isDisabled, errorText: errorText || formProps?.errors[formName ?? ''], className: formControlClassName, children: ({ isErrorVisible, inputId, describedBy }) => ((0, jsx_runtime_1.jsx)(components_1.PhoneField, { ...phoneFieldProps, ref: ref, id: inputId, "aria-describedby": describedBy, isRequired: isRequired, isDisabled: isDisabled, isErrorVisible: isErrorVisible, value: isFormMode ? (formProps?.values[formName ?? ''] ?? '') : phoneFieldProps.value, onChange: handleChange, onBlur: handleBlur })) }));
|
|
23
|
+
});
|
|
24
|
+
//# sourceMappingURL=form-phone-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-phone-field.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-phone-field/form-phone-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0E;AAC1E,uDAAqE;AACrE,uDAAuF;AAS1E,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAC,SAAS,cAAc,CAC9D,EACE,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,EAAE,EACF,KAAK,EACL,UAAU,EACV,UAAU,EACV,GAAG,eAAe,EACE,EACtB,GAAmC;IAEnC,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC;IAE7C,SAAS,YAAY,CAAC,KAAoC;QACxD,eAAe,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;QAElC,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC1B,KAAK,SAAS,CAAC,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QACnE,CAAC;IACH,CAAC;IAED,SAAS,UAAU,CAAC,KAAmC;QACrD,eAAe,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;QAEhC,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC1B,KAAK,SAAS,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,IACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,IAAI,KAAK,EAC/B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAwB,EACjF,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAC7C,uBAAC,uBAAU,OACL,eAAe,EACnB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,OAAO,sBACO,WAAW,EAC7B,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,EACrF,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,GAClB,CACH,GACW,CACf,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-phone-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./form-phone-field"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-phone-field/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/password-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./password-field"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/password-field/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { TextFieldProps } from '../../../components';
|
|
2
|
+
export type PasswordFieldProps = Omit<TextFieldProps, 'type' | 'trailingElement'> & {
|
|
3
|
+
showPasswordLabel?: string;
|
|
4
|
+
hidePasswordLabel?: string;
|
|
5
|
+
};
|
|
6
|
+
export declare const PasswordField: import("react").ForwardRefExoticComponent<Omit<TextFieldProps, "type" | "trailingElement"> & {
|
|
7
|
+
showPasswordLabel?: string;
|
|
8
|
+
hidePasswordLabel?: string;
|
|
9
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
10
|
+
//# sourceMappingURL=password-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/password-field/password-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqC,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAExF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,iBAAiB,CAAC,GAAG;IAClF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa;wBAJJ,MAAM;wBACN,MAAM;oDAmC1B,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PasswordField = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const components_1 = require("../../../components");
|
|
7
|
+
exports.PasswordField = (0, react_1.forwardRef)(function PasswordField({ isDisabled, showPasswordLabel = 'Show password', hidePasswordLabel = 'Hide password', ...textFieldProps }, ref) {
|
|
8
|
+
const [isPasswordVisible, setIsPasswordVisible] = (0, react_1.useState)(false);
|
|
9
|
+
function togglePasswordVisibility() {
|
|
10
|
+
setIsPasswordVisible((previousVisibility) => !previousVisibility);
|
|
11
|
+
}
|
|
12
|
+
return ((0, jsx_runtime_1.jsx)(components_1.TextField, { ...textFieldProps, ref: ref, isDisabled: isDisabled, type: isPasswordVisible ? 'text' : 'password', trailingElement: (0, jsx_runtime_1.jsx)(components_1.IconButton, { isDisabled: isDisabled, isClickable: !isDisabled, "aria-label": isPasswordVisible ? hidePasswordLabel : showPasswordLabel, icon: isPasswordVisible ? components_1.IconSymbol.EYE_SLASH : components_1.IconSymbol.EYE, onClick: togglePasswordVisibility }) }));
|
|
13
|
+
});
|
|
14
|
+
//# sourceMappingURL=password-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"password-field.js","sourceRoot":"","sources":["../../../../src/components/molecules/password-field/password-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2D;AAC3D,oDAAwF;AAO3E,QAAA,aAAa,GAAG,IAAA,kBAAU,EAAC,SAAS,aAAa,CAC5D,EACE,UAAU,EACV,iBAAiB,GAAG,eAAe,EACnC,iBAAiB,GAAG,eAAe,EACnC,GAAG,cAAc,EACE,EACrB,GAAmC;IAEnC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElE,SAAS,wBAAwB;QAC/B,oBAAoB,CAAC,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,CACL,uBAAC,sBAAS,OACJ,cAAc,EAClB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAC7C,eAAe,EACb,uBAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,CAAC,UAAU,gBACZ,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EACrE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,uBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAU,CAAC,GAAG,EAC/D,OAAO,EAAE,wBAAwB,GACjC,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/phone-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./phone-field"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/phone-field/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TextFieldProps } from '../../../components';
|
|
2
|
+
export type PhoneFieldProps = Omit<TextFieldProps, 'leadingElement' | 'type'> & {
|
|
3
|
+
countryCode?: string;
|
|
4
|
+
};
|
|
5
|
+
export declare const PhoneField: import("react").ForwardRefExoticComponent<Omit<TextFieldProps, "type" | "leadingElement"> & {
|
|
6
|
+
countryCode?: string;
|
|
7
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
8
|
+
//# sourceMappingURL=phone-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"phone-field.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/phone-field/phone-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,cAAc,EAAe,MAAM,qBAAqB,CAAC;AAEnF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,gBAAgB,GAAG,MAAM,CAAC,GAAG;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,UAAU;kBAHP,MAAM;oDAkBpB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PhoneField = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const components_1 = require("../../../components");
|
|
7
|
+
exports.PhoneField = (0, react_1.forwardRef)(function PhoneField({ countryCode, inputMode = 'tel', ...textFieldProps }, ref) {
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)(components_1.TextField, { ...textFieldProps, ref: ref, type: "tel", inputMode: inputMode, leadingElement: countryCode ? (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, children: countryCode }) : undefined }));
|
|
9
|
+
});
|
|
10
|
+
//# sourceMappingURL=phone-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"phone-field.js","sourceRoot":"","sources":["../../../../src/components/molecules/phone-field/phone-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiD;AACjD,oDAAmF;AAMtE,QAAA,UAAU,GAAG,IAAA,kBAAU,EAAC,SAAS,UAAU,CACtD,EAAE,WAAW,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,cAAc,EAAmB,EACtE,GAAmC;IAEnC,OAAO,CACL,uBAAC,sBAAS,OACJ,cAAc,EAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EACZ,WAAW,CAAC,CAAC,CAAC,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,YAAG,WAAW,GAAQ,CAAC,CAAC,CAAC,SAAS,GAEjF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
|
+
import { MaskOptions } from '../../../../components';
|
|
2
3
|
export type TextFieldInputProps = Omit<ComponentProps<'input'>, 'disabled' | 'required' | 'ref'> & {
|
|
3
4
|
mask?: string;
|
|
5
|
+
maskOptions?: MaskOptions;
|
|
4
6
|
isRequired?: boolean;
|
|
5
7
|
isDisabled?: boolean;
|
|
6
8
|
};
|
|
7
9
|
export declare const TextFieldInput: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "disabled" | "ref" | "required"> & {
|
|
8
10
|
mask?: string;
|
|
11
|
+
maskOptions?: MaskOptions;
|
|
9
12
|
isRequired?: boolean;
|
|
10
13
|
isDisabled?: boolean;
|
|
11
14
|
} & import("react").RefAttributes<HTMLInputElement>>;
|