period-ui 0.4.1 → 0.4.2
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/signature/signature-file-utils.d.ts +8 -0
- package/dist/components/atoms/signature/signature-file-utils.d.ts.map +1 -0
- package/dist/components/atoms/signature/signature-file-utils.js +36 -0
- package/dist/components/atoms/signature/signature-file-utils.js.map +1 -0
- package/dist/components/atoms/signature/signature-types.d.ts +2 -0
- package/dist/components/atoms/signature/signature-types.d.ts.map +1 -1
- package/dist/components/atoms/signature/signature.d.ts +2 -1
- package/dist/components/atoms/signature/signature.d.ts.map +1 -1
- package/dist/components/atoms/signature/signature.js +4 -3
- package/dist/components/atoms/signature/signature.js.map +1 -1
- package/dist/components/atoms/signature/use-signature.d.ts +4 -2
- package/dist/components/atoms/signature/use-signature.d.ts.map +1 -1
- package/dist/components/atoms/signature/use-signature.js +62 -10
- package/dist/components/atoms/signature/use-signature.js.map +1 -1
- package/dist/components/organisms/tool-tip/tool-tip.d.ts +2 -1
- package/dist/components/organisms/tool-tip/tool-tip.d.ts.map +1 -1
- package/dist/components/organisms/tool-tip/tool-tip.js +3 -2
- package/dist/components/organisms/tool-tip/tool-tip.js.map +1 -1
- package/dist/components/organisms/tool-tip/use-tool-tip.d.ts +2 -1
- package/dist/components/organisms/tool-tip/use-tool-tip.d.ts.map +1 -1
- package/dist/components/organisms/tool-tip/use-tool-tip.js +2 -2
- package/dist/components/organisms/tool-tip/use-tool-tip.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5668 -5599
- package/package.json +1 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { SignatureImageSource } from './signature-types';
|
|
2
|
+
export declare function canvasToPngFile(canvasElement: HTMLCanvasElement, fileName: string): Promise<File>;
|
|
3
|
+
export declare function signatureSourceToFile(source: SignatureImageSource, fileName: string): Promise<File>;
|
|
4
|
+
export declare function resolveSignatureSourcePreviewUrl(source: SignatureImageSource): {
|
|
5
|
+
previewUrl: string;
|
|
6
|
+
revoke?: () => void;
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=signature-file-utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"signature-file-utils.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature-file-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAI9D,wBAAgB,eAAe,CAC7B,aAAa,EAAE,iBAAiB,EAChC,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,IAAI,CAAC,CAWf;AAED,wBAAsB,qBAAqB,CACzC,MAAM,EAAE,oBAAoB,EAC5B,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,IAAI,CAAC,CAaf;AAED,wBAAgB,gCAAgC,CAAC,MAAM,EAAE,oBAAoB,GAAG;IAC9E,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAQA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.canvasToPngFile = canvasToPngFile;
|
|
4
|
+
exports.signatureSourceToFile = signatureSourceToFile;
|
|
5
|
+
exports.resolveSignatureSourcePreviewUrl = resolveSignatureSourcePreviewUrl;
|
|
6
|
+
const DEFAULT_PNG_TYPE = 'image/png';
|
|
7
|
+
function canvasToPngFile(canvasElement, fileName) {
|
|
8
|
+
return new Promise((resolve, reject) => {
|
|
9
|
+
canvasElement.toBlob((blob) => {
|
|
10
|
+
if (!blob) {
|
|
11
|
+
reject(new Error('No se pudo generar la imagen PNG de la firma.'));
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
resolve(new File([blob], fileName, { type: DEFAULT_PNG_TYPE }));
|
|
15
|
+
}, DEFAULT_PNG_TYPE);
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
async function signatureSourceToFile(source, fileName) {
|
|
19
|
+
if (source instanceof File) {
|
|
20
|
+
return source;
|
|
21
|
+
}
|
|
22
|
+
if (source instanceof Blob) {
|
|
23
|
+
return new File([source], fileName, { type: source.type || DEFAULT_PNG_TYPE });
|
|
24
|
+
}
|
|
25
|
+
const response = await fetch(source);
|
|
26
|
+
const blob = await response.blob();
|
|
27
|
+
return new File([blob], fileName, { type: blob.type || DEFAULT_PNG_TYPE });
|
|
28
|
+
}
|
|
29
|
+
function resolveSignatureSourcePreviewUrl(source) {
|
|
30
|
+
if (typeof source === 'string') {
|
|
31
|
+
return { previewUrl: source };
|
|
32
|
+
}
|
|
33
|
+
const objectUrl = URL.createObjectURL(source);
|
|
34
|
+
return { previewUrl: objectUrl, revoke: () => URL.revokeObjectURL(objectUrl) };
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=signature-file-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"signature-file-utils.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature-file-utils.ts"],"names":[],"mappings":";;AAIA,0CAcC;AAED,sDAgBC;AAED,4EAWC;AA/CD,MAAM,gBAAgB,GAAG,WAAW,CAAC;AAErC,SAAgB,eAAe,CAC7B,aAAgC,EAChC,QAAgB;IAEhB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;YAC5B,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,MAAM,CAAC,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC,CAAC;gBACnE,OAAO;YACT,CAAC;YAED,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;QAClE,CAAC,EAAE,gBAAgB,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;AACL,CAAC;AAEM,KAAK,UAAU,qBAAqB,CACzC,MAA4B,EAC5B,QAAgB;IAEhB,IAAI,MAAM,YAAY,IAAI,EAAE,CAAC;QAC3B,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,MAAM,YAAY,IAAI,EAAE,CAAC;QAC3B,OAAO,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,gBAAgB,EAAE,CAAC,CAAC;IACjF,CAAC;IAED,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;IAEnC,OAAO,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,gBAAgB,EAAE,CAAC,CAAC;AAC7E,CAAC;AAED,SAAgB,gCAAgC,CAAC,MAA4B;IAI3E,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;IAChC,CAAC;IAED,MAAM,SAAS,GAAG,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IAE9C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC;AACjF,CAAC"}
|
|
@@ -6,6 +6,7 @@ export type SignaturePoint = {
|
|
|
6
6
|
};
|
|
7
7
|
export type SignatureData = SignaturePoint[][];
|
|
8
8
|
export type SignatureImageFormat = 'image/png' | 'image/jpeg';
|
|
9
|
+
export type SignatureImageSource = File | Blob | string;
|
|
9
10
|
export type SignatureRef = {
|
|
10
11
|
clear: () => void;
|
|
11
12
|
undo: () => void;
|
|
@@ -15,5 +16,6 @@ export type SignatureRef = {
|
|
|
15
16
|
getData: () => SignatureData;
|
|
16
17
|
loadData: (data: SignatureData) => void;
|
|
17
18
|
loadDataURL: (dataURL: string) => Promise<void>;
|
|
19
|
+
getSignatureFile: (fileName?: string) => Promise<File | undefined>;
|
|
18
20
|
};
|
|
19
21
|
//# sourceMappingURL=signature-types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signature-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,cAAc,EAAE,EAAE,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,YAAY,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,oBAAoB,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACxE,KAAK,EAAE,MAAM,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,aAAa,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"signature-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,cAAc,EAAE,EAAE,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,YAAY,CAAC;AAE9D,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAExD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,oBAAoB,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACxE,KAAK,EAAE,MAAM,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,aAAa,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,gBAAgB,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC;CACpE,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import type { SignatureData, SignatureRef } from './signature-types';
|
|
1
|
+
import type { SignatureData, SignatureImageSource, SignatureRef } from './signature-types';
|
|
2
2
|
type Props = {
|
|
3
3
|
value?: SignatureData;
|
|
4
4
|
defaultValue?: SignatureData;
|
|
5
|
+
initialSignatureFile?: SignatureImageSource;
|
|
5
6
|
onChange?: (data: SignatureData) => void;
|
|
6
7
|
onStart?: () => void;
|
|
7
8
|
onEnd?: (data: SignatureData) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signature.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"signature.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG3F,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,SAAS,gGAkFpB,CAAC;AAEH,YAAY,EAAE,KAAK,IAAI,cAAc,EAAE,CAAC"}
|
|
@@ -7,17 +7,18 @@ const components_1 = require("../../../components");
|
|
|
7
7
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
8
8
|
const signature_styles_1 = require("./signature-styles");
|
|
9
9
|
const use_signature_1 = require("./use-signature");
|
|
10
|
-
exports.Signature = (0, react_1.forwardRef)(function Signature({ value, defaultValue, onChange, onStart, onEnd, placeholder, clearLabel, helperText, disabled = false, readOnly = false, className, canvasClassName, }, forwardedRef) {
|
|
11
|
-
const { clear, canvasElementRef, isCanvasEmpty } = (0, use_signature_1.useSignature)({
|
|
10
|
+
exports.Signature = (0, react_1.forwardRef)(function Signature({ value, defaultValue, initialSignatureFile, onChange, onStart, onEnd, placeholder, clearLabel, helperText, disabled = false, readOnly = false, className, canvasClassName, }, forwardedRef) {
|
|
11
|
+
const { clear, canvasElementRef, isCanvasEmpty, initialSignaturePreviewUrl } = (0, use_signature_1.useSignature)({
|
|
12
12
|
forwardedRef,
|
|
13
13
|
value,
|
|
14
14
|
defaultValue,
|
|
15
|
+
initialSignatureFile,
|
|
15
16
|
onChange,
|
|
16
17
|
onStart,
|
|
17
18
|
onEnd,
|
|
18
19
|
disabled,
|
|
19
20
|
readOnly,
|
|
20
21
|
});
|
|
21
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col gap-3', className), children: [clearLabel && ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-end", children: (0, jsx_runtime_1.jsx)(components_1.TextButton, { label: clearLabel, isDisabled: isCanvasEmpty || disabled, onClick: clear }) })), (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)((0, signature_styles_1.signatureContainerStyles)({ isEmpty: isCanvasEmpty, disabled })), onContextMenu: (event) => event.preventDefault(), children: [(0, jsx_runtime_1.jsx)("canvas", { ref: canvasElementRef, role: disabled || readOnly ? 'img' : 'application', "aria-disabled": disabled || undefined, className: (0, tailwind_utils_1.tailwind)('block w-full touch-none select-none md:h-[200px] h-[120px]', disabled && 'cursor-not-allowed opacity-50', readOnly && 'cursor-default', canvasClassName) }), isCanvasEmpty && placeholder && ((0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, color: disabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, className: "select-none", children: placeholder }) }))] }), helperText && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HELPER, color: components_1.TextColors.BLACK_02, children: helperText }))] }));
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col gap-3', className), children: [clearLabel && ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-end", children: (0, jsx_runtime_1.jsx)(components_1.TextButton, { label: clearLabel, isDisabled: isCanvasEmpty || disabled, onClick: clear }) })), (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)((0, signature_styles_1.signatureContainerStyles)({ isEmpty: isCanvasEmpty, disabled })), onContextMenu: (event) => event.preventDefault(), children: [(0, jsx_runtime_1.jsx)("canvas", { ref: canvasElementRef, role: disabled || readOnly ? 'img' : 'application', "aria-disabled": disabled || undefined, className: (0, tailwind_utils_1.tailwind)('block w-full touch-none select-none md:h-[200px] h-[120px]', disabled && 'cursor-not-allowed opacity-50', readOnly && 'cursor-default', canvasClassName) }), initialSignaturePreviewUrl && ((0, jsx_runtime_1.jsx)("img", { src: initialSignaturePreviewUrl, alt: "", className: "absolute inset-0 h-full w-full select-none object-contain pointer-events-none" })), isCanvasEmpty && placeholder && ((0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, color: disabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, className: "select-none", children: placeholder }) }))] }), helperText && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HELPER, color: components_1.TextColors.BLACK_02, children: helperText }))] }));
|
|
22
23
|
});
|
|
23
24
|
//# sourceMappingURL=signature.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signature.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmC;AACnC,oDAAgF;AAChF,kEAAyD;AACzD,yDAA8D;AAE9D,mDAA+C;
|
|
1
|
+
{"version":3,"file":"signature.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmC;AACnC,oDAAgF;AAChF,kEAAyD;AACzD,yDAA8D;AAE9D,mDAA+C;AAmBlC,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAsB,SAAS,SAAS,CACzE,EACE,KAAK,EACL,YAAY,EACZ,oBAAoB,EACpB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,WAAW,EACX,UAAU,EACV,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,eAAe,GAChB,EACD,YAAY;IAEZ,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,0BAA0B,EAAE,GAAG,IAAA,4BAAY,EAAC;QAC1F,YAAY;QACZ,KAAK;QACL,YAAY;QACZ,oBAAoB;QACpB,QAAQ;QACR,OAAO;QACP,KAAK;QACL,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,qBAAqB,EAAE,SAAS,CAAC,aACvD,UAAU,IAAI,CACb,gCAAK,SAAS,EAAC,kBAAkB,YAC/B,uBAAC,uBAAU,IAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,IAAI,QAAQ,EAAE,OAAO,EAAE,KAAK,GAAI,GACpF,CACP,EAED,iCACE,SAAS,EAAE,IAAA,yBAAQ,EAAC,IAAA,2CAAwB,EAAC,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC,EACnF,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,aAEhD,mCACE,GAAG,EAAE,gBAAgB,EACrB,IAAI,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,mBACnC,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,IAAA,yBAAQ,EACjB,4DAA4D,EAC5D,QAAQ,IAAI,+BAA+B,EAC3C,QAAQ,IAAI,gBAAgB,EAC5B,eAAe,CAChB,GACD,EAED,0BAA0B,IAAI,CAC7B,gCACE,GAAG,EAAE,0BAA0B,EAC/B,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,+EAA+E,GACzF,CACH,EAEA,aAAa,IAAI,WAAW,IAAI,CAC/B,gCAAK,SAAS,EAAC,uEAAuE,YACpF,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,EACxD,SAAS,EAAC,aAAa,YAEtB,WAAW,GACP,GACH,CACP,IACG,EAEL,UAAU,IAAI,CACb,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,MAAM,EAAE,KAAK,EAAE,uBAAU,CAAC,QAAQ,YAC1D,UAAU,GACN,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { ForwardedRef, RefObject } from 'react';
|
|
2
|
-
import type { SignatureData, SignatureRef } from './signature-types';
|
|
2
|
+
import type { SignatureData, SignatureImageSource, SignatureRef } from './signature-types';
|
|
3
3
|
type UseSignatureProps = {
|
|
4
4
|
forwardedRef: ForwardedRef<SignatureRef>;
|
|
5
5
|
value?: SignatureData;
|
|
6
6
|
defaultValue?: SignatureData;
|
|
7
|
+
initialSignatureFile?: SignatureImageSource;
|
|
7
8
|
disabled: boolean;
|
|
8
9
|
readOnly: boolean;
|
|
9
10
|
onStart?: () => void;
|
|
@@ -14,7 +15,8 @@ type UseSignatureReturn = {
|
|
|
14
15
|
clear: () => void;
|
|
15
16
|
canvasElementRef: RefObject<HTMLCanvasElement>;
|
|
16
17
|
isCanvasEmpty: boolean;
|
|
18
|
+
initialSignaturePreviewUrl: string | null;
|
|
17
19
|
};
|
|
18
|
-
export declare function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, onStart, onEnd, onChange, }: UseSignatureProps): UseSignatureReturn;
|
|
20
|
+
export declare function useSignature({ forwardedRef, value, defaultValue, initialSignatureFile, disabled, readOnly, onStart, onEnd, onChange, }: UseSignatureProps): UseSignatureReturn;
|
|
19
21
|
export {};
|
|
20
22
|
//# sourceMappingURL=use-signature.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-signature.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/use-signature.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"use-signature.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/use-signature.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EACV,aAAa,EAEb,oBAAoB,EACpB,YAAY,EACb,MAAM,mBAAmB,CAAC;AAM3B,KAAK,iBAAiB,GAAG;IACvB,YAAY,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,gBAAgB,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,aAAa,EAAE,OAAO,CAAC;IACvB,0BAA0B,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3C,CAAC;AA+CF,wBAAgB,YAAY,CAAC,EAC3B,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,oBAAoB,EACpB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,GACT,EAAE,iBAAiB,GAAG,kBAAkB,CAwQxC"}
|
|
@@ -7,6 +7,7 @@ exports.useSignature = useSignature;
|
|
|
7
7
|
const react_1 = require("react");
|
|
8
8
|
const signature_pad_1 = __importDefault(require("signature_pad"));
|
|
9
9
|
const colors_1 = require("../../../styles/colors");
|
|
10
|
+
const signature_file_utils_1 = require("./signature-file-utils");
|
|
10
11
|
const DEFAULT_PEN_COLOR = colors_1.ColorsHex.GRAY_01;
|
|
11
12
|
const DEFAULT_MIN_WIDTH = 0.5;
|
|
12
13
|
const DEFAULT_MAX_WIDTH = 2.5;
|
|
@@ -43,7 +44,7 @@ function scaleCanvas(canvasElement, signaturePad) {
|
|
|
43
44
|
signaturePad.fromData(strokeData);
|
|
44
45
|
}
|
|
45
46
|
}
|
|
46
|
-
function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, onStart, onEnd, onChange, }) {
|
|
47
|
+
function useSignature({ forwardedRef, value, defaultValue, initialSignatureFile, disabled, readOnly, onStart, onEnd, onChange, }) {
|
|
47
48
|
const canvasElementRef = (0, react_1.useRef)(null);
|
|
48
49
|
const signaturePadRef = (0, react_1.useRef)(null);
|
|
49
50
|
const lastSyncedRef = (0, react_1.useRef)('[]');
|
|
@@ -54,9 +55,23 @@ function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, o
|
|
|
54
55
|
onStartRef.current = onStart;
|
|
55
56
|
onEndRef.current = onEnd;
|
|
56
57
|
onChangeRef.current = onChange;
|
|
57
|
-
const [
|
|
58
|
+
const [isStrokesEmpty, setIsStrokesEmpty] = (0, react_1.useState)(!defaultValue?.length);
|
|
59
|
+
const [hasInitialSignature, setHasInitialSignature] = (0, react_1.useState)(Boolean(initialSignatureFile));
|
|
60
|
+
const [initialSignaturePreviewUrl, setInitialSignaturePreviewUrl] = (0, react_1.useState)(null);
|
|
61
|
+
const hasInitialSignatureRef = (0, react_1.useRef)(hasInitialSignature);
|
|
62
|
+
const initialSignatureFileRef = (0, react_1.useRef)(initialSignatureFile);
|
|
63
|
+
const revokeInitialSignaturePreviewRef = (0, react_1.useRef)(null);
|
|
64
|
+
hasInitialSignatureRef.current = hasInitialSignature;
|
|
65
|
+
initialSignatureFileRef.current = initialSignatureFile;
|
|
66
|
+
const isCanvasEmpty = isStrokesEmpty && !hasInitialSignature;
|
|
67
|
+
const clearInitialSignature = (0, react_1.useCallback)(() => {
|
|
68
|
+
setHasInitialSignature(false);
|
|
69
|
+
setInitialSignaturePreviewUrl(null);
|
|
70
|
+
revokeInitialSignaturePreviewRef.current?.();
|
|
71
|
+
revokeInitialSignaturePreviewRef.current = null;
|
|
72
|
+
}, []);
|
|
58
73
|
const applySignatureData = (0, react_1.useCallback)((signatureData) => {
|
|
59
|
-
|
|
74
|
+
setIsStrokesEmpty(signatureData.length === 0);
|
|
60
75
|
onChangeRef.current?.(signatureData);
|
|
61
76
|
}, []);
|
|
62
77
|
(0, react_1.useEffect)(() => {
|
|
@@ -81,6 +96,21 @@ function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, o
|
|
|
81
96
|
signaturePadRef.current = null;
|
|
82
97
|
};
|
|
83
98
|
}, []);
|
|
99
|
+
(0, react_1.useEffect)(() => {
|
|
100
|
+
if (!initialSignatureFile) {
|
|
101
|
+
return;
|
|
102
|
+
}
|
|
103
|
+
const { previewUrl, revoke } = (0, signature_file_utils_1.resolveSignatureSourcePreviewUrl)(initialSignatureFile);
|
|
104
|
+
revokeInitialSignaturePreviewRef.current = revoke ?? null;
|
|
105
|
+
signaturePadRef.current?.clear();
|
|
106
|
+
lastSyncedRef.current = '[]';
|
|
107
|
+
setIsStrokesEmpty(true);
|
|
108
|
+
setInitialSignaturePreviewUrl(previewUrl);
|
|
109
|
+
setHasInitialSignature(true);
|
|
110
|
+
return () => {
|
|
111
|
+
revoke?.();
|
|
112
|
+
};
|
|
113
|
+
}, [initialSignatureFile]);
|
|
84
114
|
(0, react_1.useEffect)(() => {
|
|
85
115
|
const signaturePad = signaturePadRef.current;
|
|
86
116
|
if (!signaturePad) {
|
|
@@ -88,7 +118,10 @@ function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, o
|
|
|
88
118
|
}
|
|
89
119
|
const handleBeginStroke = () => {
|
|
90
120
|
isStrokeActiveRef.current = true;
|
|
91
|
-
|
|
121
|
+
setIsStrokesEmpty(false);
|
|
122
|
+
if (hasInitialSignatureRef.current) {
|
|
123
|
+
clearInitialSignature();
|
|
124
|
+
}
|
|
92
125
|
onStartRef.current?.();
|
|
93
126
|
};
|
|
94
127
|
const handleEndStroke = () => {
|
|
@@ -104,7 +137,7 @@ function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, o
|
|
|
104
137
|
signaturePad.removeEventListener('beginStroke', handleBeginStroke);
|
|
105
138
|
signaturePad.removeEventListener('endStroke', handleEndStroke);
|
|
106
139
|
};
|
|
107
|
-
}, [applySignatureData]);
|
|
140
|
+
}, [applySignatureData, clearInitialSignature]);
|
|
108
141
|
(0, react_1.useEffect)(() => {
|
|
109
142
|
const signaturePad = signaturePadRef.current;
|
|
110
143
|
if (!signaturePad) {
|
|
@@ -121,7 +154,10 @@ function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, o
|
|
|
121
154
|
if (value === undefined) {
|
|
122
155
|
return;
|
|
123
156
|
}
|
|
124
|
-
|
|
157
|
+
setIsStrokesEmpty(value.length === 0);
|
|
158
|
+
if (hasInitialSignatureRef.current) {
|
|
159
|
+
clearInitialSignature();
|
|
160
|
+
}
|
|
125
161
|
const signaturePad = signaturePadRef.current;
|
|
126
162
|
if (!signaturePad || isStrokeActiveRef.current) {
|
|
127
163
|
return;
|
|
@@ -132,7 +168,7 @@ function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, o
|
|
|
132
168
|
}
|
|
133
169
|
lastSyncedRef.current = serialized;
|
|
134
170
|
signaturePad.fromData(toPointGroups(value));
|
|
135
|
-
}, [value]);
|
|
171
|
+
}, [value, clearInitialSignature]);
|
|
136
172
|
(0, react_1.useEffect)(() => {
|
|
137
173
|
const canvasElement = canvasElementRef.current;
|
|
138
174
|
if (!canvasElement) {
|
|
@@ -150,8 +186,11 @@ function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, o
|
|
|
150
186
|
const clear = (0, react_1.useCallback)(() => {
|
|
151
187
|
signaturePadRef.current?.clear();
|
|
152
188
|
lastSyncedRef.current = '[]';
|
|
189
|
+
if (hasInitialSignatureRef.current) {
|
|
190
|
+
clearInitialSignature();
|
|
191
|
+
}
|
|
153
192
|
applySignatureData([]);
|
|
154
|
-
}, [applySignatureData]);
|
|
193
|
+
}, [applySignatureData, clearInitialSignature]);
|
|
155
194
|
const undo = (0, react_1.useCallback)(() => {
|
|
156
195
|
const signaturePad = signaturePadRef.current;
|
|
157
196
|
if (!signaturePad) {
|
|
@@ -170,7 +209,7 @@ function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, o
|
|
|
170
209
|
(0, react_1.useImperativeHandle)(forwardedRef, () => ({
|
|
171
210
|
clear,
|
|
172
211
|
undo,
|
|
173
|
-
isEmpty: () => signaturePadRef.current?.isEmpty() ?? true,
|
|
212
|
+
isEmpty: () => !hasInitialSignatureRef.current && (signaturePadRef.current?.isEmpty() ?? true),
|
|
174
213
|
getDataURL(format = 'image/png', quality) {
|
|
175
214
|
return signaturePadRef.current?.toDataURL(format, quality) ?? '';
|
|
176
215
|
},
|
|
@@ -185,7 +224,20 @@ function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, o
|
|
|
185
224
|
lastSyncedRef.current = JSON.stringify(signatureData);
|
|
186
225
|
},
|
|
187
226
|
loadDataURL: (dataURL) => signaturePadRef.current?.fromDataURL(dataURL) ?? Promise.resolve(),
|
|
227
|
+
async getSignatureFile(fileName = 'signature.png') {
|
|
228
|
+
if (hasInitialSignatureRef.current) {
|
|
229
|
+
return initialSignatureFileRef.current
|
|
230
|
+
? (0, signature_file_utils_1.signatureSourceToFile)(initialSignatureFileRef.current, fileName)
|
|
231
|
+
: undefined;
|
|
232
|
+
}
|
|
233
|
+
const signaturePad = signaturePadRef.current;
|
|
234
|
+
const canvasElement = canvasElementRef.current;
|
|
235
|
+
if (!signaturePad || !canvasElement || signaturePad.isEmpty()) {
|
|
236
|
+
return undefined;
|
|
237
|
+
}
|
|
238
|
+
return (0, signature_file_utils_1.canvasToPngFile)(canvasElement, fileName);
|
|
239
|
+
},
|
|
188
240
|
}), [clear, undo]);
|
|
189
|
-
return { clear, canvasElementRef, isCanvasEmpty };
|
|
241
|
+
return { clear, canvasElementRef, isCanvasEmpty, initialSignaturePreviewUrl };
|
|
190
242
|
}
|
|
191
243
|
//# sourceMappingURL=use-signature.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-signature.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/use-signature.ts"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"use-signature.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/use-signature.ts"],"names":[],"mappings":"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"}
|
|
@@ -16,10 +16,11 @@ export type Props = {
|
|
|
16
16
|
textClassName?: string;
|
|
17
17
|
understoodLabel?: string;
|
|
18
18
|
modalTooltipTitle?: string;
|
|
19
|
+
modalOnlyOnMobile?: boolean;
|
|
19
20
|
containerClassName?: string;
|
|
20
21
|
arrowClassName?: string;
|
|
21
22
|
onClick?: () => void;
|
|
22
23
|
};
|
|
23
|
-
export declare function Tooltip({ text, children, iconProps, textClassName, arrowClassName, understoodLabel, modalTooltipTitle, containerClassName, isMessageShowed, toolTipType, position, onClick, }: Props): JSX.Element;
|
|
24
|
+
export declare function Tooltip({ text, children, iconProps, textClassName, arrowClassName, understoodLabel, modalTooltipTitle, containerClassName, isMessageShowed, toolTipType, position, modalOnlyOnMobile, onClick, }: Props): JSX.Element;
|
|
24
25
|
export type { Props as ToolTipProps };
|
|
25
26
|
//# sourceMappingURL=tool-tip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/tool-tip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAC7C,OAAO,EAIL,SAAS,EACT,QAAQ,EACR,UAAU,EAIV,eAAe,EAGf,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,UAAU,CAAC;QAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,eAAsB,EACtB,WAAiC,EACjC,QAAoC,EACpC,OAAkB,GACnB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/tool-tip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAC7C,OAAO,EAIL,SAAS,EACT,QAAQ,EACR,UAAU,EAIV,eAAe,EAGf,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,UAAU,CAAC;QAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,eAAsB,EACtB,WAAiC,EACjC,QAAoC,EACpC,iBAAwB,EACxB,OAAkB,GACnB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA6FrB;AAED,YAAY,EAAE,KAAK,IAAI,YAAY,EAAE,CAAC"}
|
|
@@ -6,13 +6,14 @@ const react_1 = require("react");
|
|
|
6
6
|
const components_1 = require("../../../components");
|
|
7
7
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
8
8
|
const use_tool_tip_1 = require("./use-tool-tip");
|
|
9
|
-
function Tooltip({ text, children, iconProps, textClassName, arrowClassName, understoodLabel, modalTooltipTitle, containerClassName, isMessageShowed = true, toolTipType = components_1.ToolTipType.DEFAULT, position = components_1.PopOverPosition.TOP_RIGHT, onClick = () => { }, }) {
|
|
9
|
+
function Tooltip({ text, children, iconProps, textClassName, arrowClassName, understoodLabel, modalTooltipTitle, containerClassName, isMessageShowed = true, toolTipType = components_1.ToolTipType.DEFAULT, position = components_1.PopOverPosition.TOP_RIGHT, modalOnlyOnMobile = true, onClick = () => { }, }) {
|
|
10
10
|
const buttonRef = (0, react_1.useRef)(null);
|
|
11
11
|
const { isMobile, isModalTooltip, isFilledTooltip, isMessageVisible, pointerActionEnabled, openTooltip, closeTooltip, handleOnClick, } = (0, use_tool_tip_1.useTooltip)({
|
|
12
12
|
modalTooltipTitle,
|
|
13
13
|
toolTipType,
|
|
14
|
+
modalOnlyOnMobile,
|
|
14
15
|
onClick,
|
|
15
16
|
});
|
|
16
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "relative inline-block", children: [isFilledTooltip ? ((0, jsx_runtime_1.jsx)(components_1.IconButton, { ref: buttonRef, isFocusable: false, isClickable: false, onClick: handleOnClick, onFocus: !isModalTooltip ? openTooltip : undefined, onBlur: !isModalTooltip ? closeTooltip : undefined, variant: components_1.IconButtonVariant.FILLED, onPointerEnter: pointerActionEnabled ? openTooltip : undefined, onPointerLeave: pointerActionEnabled ? closeTooltip : undefined, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, icon: components_1.IconSymbol.X, ...iconProps, className: (0, tailwind_utils_1.tailwind)('self-center outline-none focus-visible:none m-1', iconProps?.className) })) : ((0, jsx_runtime_1.jsx)("button", { ref: buttonRef, type: "button", onFocus: !isModalTooltip ? openTooltip : undefined, onBlur: !isModalTooltip ? closeTooltip : undefined, onClick: handleOnClick, onPointerEnter: pointerActionEnabled ? openTooltip : undefined, onPointerLeave: pointerActionEnabled ? closeTooltip : undefined, className: (0, tailwind_utils_1.tailwind)('w-[24px] h-[24px] outline-none inline-flex items-center justify-center'), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.INFO_FILLED, color: components_1.IconColor.BLUE_01, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, ...iconProps }) })), isModalTooltip && modalTooltipTitle ? ((0, jsx_runtime_1.jsxs)(components_1.Modal, { mobileFullScreen: false, title: modalTooltipTitle, variant: components_1.ModalVariant.INFO, isOpen: isMessageVisible && isMessageShowed, onClose: closeTooltip, children: [(0, jsx_runtime_1.jsx)(components_1.Modal.Content, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, children: text ?? children }) }), (0, jsx_runtime_1.jsx)(components_1.Modal.Footer, { primaryButton: { children: understoodLabel, onClick: closeTooltip } })] })) : ((0, jsx_runtime_1.jsx)(components_1.PopOver, { text: text, position: position, arrowClassName: arrowClassName, textClassName: textClassName, containerClassName: containerClassName, isVisible: isMessageVisible && isMessageShowed, onPointerEnter: !isMobile ? openTooltip : undefined, onPointerLeave: !isMobile ? closeTooltip : undefined, children: children }))] }));
|
|
17
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "relative inline-block", children: [isFilledTooltip ? ((0, jsx_runtime_1.jsx)(components_1.IconButton, { ref: buttonRef, isFocusable: false, isClickable: false, onClick: handleOnClick, onFocus: !isModalTooltip ? openTooltip : undefined, onBlur: !isModalTooltip ? closeTooltip : undefined, variant: components_1.IconButtonVariant.FILLED, onPointerEnter: pointerActionEnabled ? openTooltip : undefined, onPointerLeave: pointerActionEnabled ? closeTooltip : undefined, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, icon: components_1.IconSymbol.X, ...iconProps, className: (0, tailwind_utils_1.tailwind)('self-center outline-none focus-visible:none m-1', iconProps?.className) })) : ((0, jsx_runtime_1.jsx)("button", { ref: buttonRef, type: "button", onFocus: !isModalTooltip ? openTooltip : undefined, onBlur: !isModalTooltip ? closeTooltip : undefined, onClick: handleOnClick, onPointerEnter: pointerActionEnabled ? openTooltip : undefined, onPointerLeave: pointerActionEnabled ? closeTooltip : undefined, className: (0, tailwind_utils_1.tailwind)('w-[24px] h-[24px] outline-none inline-flex items-center justify-center'), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.INFO_FILLED, color: components_1.IconColor.BLUE_01, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, ...iconProps }) })), isModalTooltip && modalTooltipTitle ? ((0, jsx_runtime_1.jsxs)(components_1.Modal, { mobileFullScreen: false, title: modalTooltipTitle, variant: components_1.ModalVariant.INFO, isOpen: isMessageVisible && isMessageShowed, onClose: closeTooltip, children: [(0, jsx_runtime_1.jsx)(components_1.Modal.Content, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: "whitespace-normal", children: text ?? children }) }), (0, jsx_runtime_1.jsx)(components_1.Modal.Footer, { primaryButton: { children: understoodLabel, onClick: closeTooltip } })] })) : ((0, jsx_runtime_1.jsx)(components_1.PopOver, { text: text, position: position, arrowClassName: arrowClassName, textClassName: textClassName, containerClassName: containerClassName, isVisible: isMessageVisible && isMessageShowed, onPointerEnter: !isMobile ? openTooltip : undefined, onPointerLeave: !isMobile ? closeTooltip : undefined, children: children }))] }));
|
|
17
18
|
}
|
|
18
19
|
//# sourceMappingURL=tool-tip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tool-tip.js","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/tool-tip.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"tool-tip.js","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/tool-tip.tsx"],"names":[],"mappings":";;AAyCA,0BA2GC;;AApJD,iCAA6C;AAC7C,oDAc6B;AAC7B,kEAAyD;AACzD,iDAA4C;AAwB5C,SAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,GAAG,IAAI,EACtB,WAAW,GAAG,wBAAW,CAAC,OAAO,EACjC,QAAQ,GAAG,4BAAe,CAAC,SAAS,EACpC,iBAAiB,GAAG,IAAI,EACxB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACZ;IACN,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,EACJ,QAAQ,EACR,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,aAAa,GACd,GAAG,IAAA,yBAAU,EAAC;QACb,iBAAiB;QACjB,WAAW;QACX,iBAAiB;QACjB,OAAO;KACR,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAC,uBAAuB,aACnC,eAAe,CAAC,CAAC,CAAC,CACjB,uBAAC,uBAAU,IACT,GAAG,EAAE,SAAS,EACd,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,KAAK,EAClB,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAClD,MAAM,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAClD,OAAO,EAAE,8BAAiB,CAAC,MAAM,EACjC,cAAc,EAAE,oBAAoB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC9D,cAAc,EAAE,oBAAoB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC/D,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,IAAI,EAAE,uBAAU,CAAC,CAAC,KACd,SAAS,EACb,SAAS,EAAE,IAAA,yBAAQ,EACjB,iDAAiD,EACjD,SAAS,EAAE,SAAS,CACrB,GACD,CACH,CAAC,CAAC,CAAC,CACF,mCACE,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAClD,MAAM,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAClD,OAAO,EAAE,aAAa,EACtB,cAAc,EAAE,oBAAoB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC9D,cAAc,EAAE,oBAAoB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC/D,SAAS,EAAE,IAAA,yBAAQ,EACjB,wEAAwE,CACzE,YAED,uBAAC,sBAAS,IACR,IAAI,EAAE,uBAAU,CAAC,WAAW,EAC5B,KAAK,EAAE,sBAAS,CAAC,OAAO,EACxB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,KACtC,SAAS,GACb,GACK,CACV,EAEA,cAAc,IAAI,iBAAiB,CAAC,CAAC,CAAC,CACrC,wBAAC,kBAAK,IACJ,gBAAgB,EAAE,KAAK,EACvB,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAE,yBAAY,CAAC,IAAI,EAC1B,MAAM,EAAE,gBAAgB,IAAI,eAAe,EAC3C,OAAO,EAAE,YAAY,aAErB,uBAAC,kBAAK,CAAC,OAAO,cACZ,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,EAAE,SAAS,EAAC,mBAAmB,YAC3D,IAAI,IAAI,QAAQ,GACZ,GACO,EAEhB,uBAAC,kBAAK,CAAC,MAAM,IAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,YAAY,EAAE,GAAI,IAC/E,CACT,CAAC,CAAC,CAAC,CACF,uBAAC,oBAAO,IACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,gBAAgB,IAAI,eAAe,EAC9C,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACnD,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,YAEnD,QAAQ,GACD,CACX,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -12,8 +12,9 @@ type UseTooltipHook = {
|
|
|
12
12
|
type Props = {
|
|
13
13
|
toolTipType: ToolTipType;
|
|
14
14
|
modalTooltipTitle?: string;
|
|
15
|
+
modalOnlyOnMobile?: boolean;
|
|
15
16
|
onClick: () => void;
|
|
16
17
|
};
|
|
17
|
-
export declare function useTooltip({ modalTooltipTitle, toolTipType, onClick }: Props): UseTooltipHook;
|
|
18
|
+
export declare function useTooltip({ modalTooltipTitle, toolTipType, modalOnlyOnMobile, onClick, }: Props): UseTooltipHook;
|
|
18
19
|
export {};
|
|
19
20
|
//# sourceMappingURL=use-tool-tip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tool-tip.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/use-tool-tip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,WAAW,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"use-tool-tip.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/use-tool-tip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,WAAW,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,iBAAiB,EACjB,WAAW,EACX,iBAAwB,EACxB,OAAO,GACR,EAAE,KAAK,GAAG,cAAc,CAmCxB"}
|
|
@@ -4,10 +4,10 @@ exports.useTooltip = useTooltip;
|
|
|
4
4
|
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const tool_tip_type_1 = require("./tool-tip-type");
|
|
7
|
-
function useTooltip({ modalTooltipTitle, toolTipType, onClick }) {
|
|
7
|
+
function useTooltip({ modalTooltipTitle, toolTipType, modalOnlyOnMobile = true, onClick, }) {
|
|
8
8
|
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
9
9
|
const [isMessageVisible, setIsMessageVisible] = (0, react_1.useState)(false);
|
|
10
|
-
const isModalTooltip = toolTipType === tool_tip_type_1.ToolTipType.MODAL && !!modalTooltipTitle;
|
|
10
|
+
const isModalTooltip = toolTipType === tool_tip_type_1.ToolTipType.MODAL && !!modalTooltipTitle && (!modalOnlyOnMobile || isMobile);
|
|
11
11
|
const isFilledTooltip = toolTipType === tool_tip_type_1.ToolTipType.FILLED;
|
|
12
12
|
const pointerActionEnabled = !isMobile && !isModalTooltip;
|
|
13
13
|
const openTooltip = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/use-tool-tip.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"use-tool-tip.js","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/use-tool-tip.tsx"],"names":[],"mappings":";;AAsBA,gCAwCC;AA9DD,6EAAsE;AACtE,iCAAiC;AACjC,mDAA8C;AAoB9C,SAAgB,UAAU,CAAC,EACzB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,GAAG,IAAI,EACxB,OAAO,GACD;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,cAAc,GAClB,WAAW,KAAK,2BAAW,CAAC,KAAK,IAAI,CAAC,CAAC,iBAAiB,IAAI,CAAC,CAAC,iBAAiB,IAAI,QAAQ,CAAC,CAAC;IAC/F,MAAM,eAAe,GAAG,WAAW,KAAK,2BAAW,CAAC,MAAM,CAAC;IAC3D,MAAM,oBAAoB,GAAG,CAAC,QAAQ,IAAI,CAAC,cAAc,CAAC;IAE1D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,SAAS,aAAa;QACpB,IAAI,cAAc,EAAE,CAAC;YACnB,WAAW,EAAE,CAAC;QAChB,CAAC;QACD,OAAO,EAAE,EAAE,CAAC;IACd,CAAC;IAED,OAAO;QACL,QAAQ;QACR,cAAc;QACd,eAAe;QACf,oBAAoB;QACpB,gBAAgB;QAChB,WAAW;QACX,YAAY;QACZ,aAAa;KACd,CAAC;AACJ,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const _periodUI_marker = true;
|
|
2
2
|
export { Signature } from './components';
|
|
3
|
-
export type { SignatureProps, SignatureRef, SignatureData, SignatureImageFormat, } from './components';
|
|
4
|
-
export { Badge, BadgeVariant, BilloIcon, IconColor, IconSymbol, IconSize, Button, ButtonVariant, Checkbox, RadioButton, CheckboxVariant, Chip, ChipList, DropDownMenu, MenuItemVariant, IconButton, IconButtonVariant, SearchBar, Text, TextVariant, TextColors, TextButton, TextButtonVariant, PopOver, PopOverPosition, Tooltip, ProgressIndicator, ProgressIndicatorVariant, SpinnerVariant, AccordionItem, Accordion, Divider, DividerVariant, DatePicker, DatePickerVariants, } from './components';
|
|
3
|
+
export type { SignatureProps, SignatureRef, SignatureData, SignatureImageFormat, SignatureImageSource, } from './components';
|
|
4
|
+
export { Badge, BadgeVariant, BilloIcon, IconColor, IconSymbol, IconSize, Button, ButtonVariant, Checkbox, RadioButton, CheckboxVariant, Chip, ChipList, DropDownMenu, MenuItemVariant, IconButton, IconButtonVariant, SearchBar, Text, TextVariant, TextColors, TextButton, TextButtonVariant, PopOver, PopOverPosition, Tooltip, ToolTipType, ProgressIndicator, ProgressIndicatorVariant, SpinnerVariant, AccordionItem, Accordion, Divider, DividerVariant, DatePicker, DatePickerVariants, } from './components';
|
|
5
5
|
export { Form, Drawer, DrawerVariant, DrawerDirection, Modal, ModalVariant, FilterVariant, Select, TextField, FormSelect, FilterModal, FormCheckBox, FormTextField, StatusSelector, StatusSelectorVariant, FormRadioButton, FormDatePicker, Callout, CalloutVariant, ThreeDotMenu, } from './components';
|
|
6
6
|
export { DropdownButton } from './components';
|
|
7
7
|
export { FormControl, FormInputWidth } from './containers';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,YAAY,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACb,oBAAoB,GACrB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,KAAK,EACL,YAAY,EACZ,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,WAAW,EACX,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,EACd,UAAU,EACV,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,eAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,OAAO,EACP,cAAc,EACd,YAAY,GACb,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,YAAY,EACV,UAAU,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EAQzB,WAAW,EAGX,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EAGtB,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EAGV,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EAGnB,iBAAiB,EAGjB,mBAAmB,GACpB,MAAM,cAAc,CAAC;AAGtB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,YAAY,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,KAAK,EACL,YAAY,EACZ,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,WAAW,EACX,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,EACd,UAAU,EACV,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,eAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,OAAO,EACP,cAAc,EACd,YAAY,GACb,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,YAAY,EACV,UAAU,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EAQzB,WAAW,EAGX,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EAGtB,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EAGV,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EAGnB,iBAAiB,EAGjB,mBAAmB,GACpB,MAAM,cAAc,CAAC;AAGtB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.FormInputWidth = exports.FormControl = exports.DropdownButton = exports.ThreeDotMenu = exports.CalloutVariant = exports.Callout = exports.FormDatePicker = exports.FormRadioButton = exports.StatusSelectorVariant = exports.StatusSelector = void 0;
|
|
3
|
+
exports.FormCheckBox = exports.FilterModal = exports.FormSelect = exports.TextField = exports.Select = exports.FilterVariant = exports.ModalVariant = exports.Modal = exports.DrawerDirection = exports.DrawerVariant = exports.Drawer = exports.Form = exports.DatePickerVariants = exports.DatePicker = exports.DividerVariant = exports.Divider = exports.Accordion = exports.AccordionItem = exports.SpinnerVariant = exports.ProgressIndicatorVariant = exports.ProgressIndicator = exports.ToolTipType = exports.Tooltip = exports.PopOverPosition = exports.PopOver = exports.TextButtonVariant = exports.TextButton = exports.TextColors = exports.TextVariant = exports.Text = exports.SearchBar = exports.IconButtonVariant = exports.IconButton = exports.MenuItemVariant = exports.DropDownMenu = exports.ChipList = exports.Chip = exports.CheckboxVariant = exports.RadioButton = exports.Checkbox = exports.ButtonVariant = exports.Button = exports.IconSize = exports.IconSymbol = exports.IconColor = exports.BilloIcon = exports.BadgeVariant = exports.Badge = exports.Signature = exports._periodUI_marker = void 0;
|
|
4
|
+
exports.FormInputWidth = exports.FormControl = exports.DropdownButton = exports.ThreeDotMenu = exports.CalloutVariant = exports.Callout = exports.FormDatePicker = exports.FormRadioButton = exports.StatusSelectorVariant = exports.StatusSelector = exports.FormTextField = void 0;
|
|
5
5
|
exports._periodUI_marker = true;
|
|
6
6
|
var components_1 = require("./components");
|
|
7
7
|
Object.defineProperty(exports, "Signature", { enumerable: true, get: function () { return components_1.Signature; } });
|
|
@@ -32,6 +32,7 @@ Object.defineProperty(exports, "TextButtonVariant", { enumerable: true, get: fun
|
|
|
32
32
|
Object.defineProperty(exports, "PopOver", { enumerable: true, get: function () { return components_2.PopOver; } });
|
|
33
33
|
Object.defineProperty(exports, "PopOverPosition", { enumerable: true, get: function () { return components_2.PopOverPosition; } });
|
|
34
34
|
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return components_2.Tooltip; } });
|
|
35
|
+
Object.defineProperty(exports, "ToolTipType", { enumerable: true, get: function () { return components_2.ToolTipType; } });
|
|
35
36
|
Object.defineProperty(exports, "ProgressIndicator", { enumerable: true, get: function () { return components_2.ProgressIndicator; } });
|
|
36
37
|
Object.defineProperty(exports, "ProgressIndicatorVariant", { enumerable: true, get: function () { return components_2.ProgressIndicatorVariant; } });
|
|
37
38
|
Object.defineProperty(exports, "SpinnerVariant", { enumerable: true, get: function () { return components_2.SpinnerVariant; } });
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AACa,QAAA,gBAAgB,GAAG,IAAI,CAAC;AAGrC,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AACa,QAAA,gBAAgB,GAAG,IAAI,CAAC;AAGrC,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAUlB,2CAqCsB;AApCpB,mGAAA,KAAK,OAAA;AACL,0GAAA,YAAY,OAAA;AACZ,uGAAA,SAAS,OAAA;AACT,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,sGAAA,QAAQ,OAAA;AACR,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,sGAAA,QAAQ,OAAA;AACR,yGAAA,WAAW,OAAA;AACX,6GAAA,eAAe,OAAA;AACf,kGAAA,IAAI,OAAA;AACJ,sGAAA,QAAQ,OAAA;AACR,0GAAA,YAAY,OAAA;AACZ,6GAAA,eAAe,OAAA;AACf,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,uGAAA,SAAS,OAAA;AACT,kGAAA,IAAI,OAAA;AACJ,yGAAA,WAAW,OAAA;AACX,wGAAA,UAAU,OAAA;AACV,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,qGAAA,OAAO,OAAA;AACP,6GAAA,eAAe,OAAA;AACf,qGAAA,OAAO,OAAA;AACP,yGAAA,WAAW,OAAA;AACX,+GAAA,iBAAiB,OAAA;AACjB,sHAAA,wBAAwB,OAAA;AACxB,4GAAA,cAAc,OAAA;AACd,2GAAA,aAAa,OAAA;AACb,uGAAA,SAAS,OAAA;AACT,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AACd,wGAAA,UAAU,OAAA;AACV,gHAAA,kBAAkB,OAAA;AAIpB,2CAqBsB;AApBpB,kGAAA,IAAI,OAAA;AACJ,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,6GAAA,eAAe,OAAA;AACf,mGAAA,KAAK,OAAA;AACL,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,oGAAA,MAAM,OAAA;AACN,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,yGAAA,WAAW,OAAA;AACX,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,4GAAA,cAAc,OAAA;AACd,mHAAA,qBAAqB,OAAA;AACrB,6GAAA,eAAe,OAAA;AACf,4GAAA,cAAc,OAAA;AACd,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AACd,0GAAA,YAAY,OAAA;AAId,2CAA8C;AAArC,4GAAA,cAAc,OAAA;AAGvB,2CAA2D;AAAlD,yGAAA,WAAW,OAAA;AAAE,4GAAA,cAAc,OAAA"}
|