period-ui 0.9.0 → 0.10.1
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/organisms/payment-card-fields/payment-card-fields-types.d.ts +2 -2
- package/dist/components/organisms/payment-card-fields/payment-card-fields-types.d.ts.map +1 -1
- package/dist/components/organisms/tool-tip/index.d.ts +0 -1
- package/dist/components/organisms/tool-tip/index.d.ts.map +1 -1
- package/dist/components/organisms/tool-tip/index.js +0 -1
- package/dist/components/organisms/tool-tip/index.js.map +1 -1
- package/dist/components/organisms/tool-tip/tool-tip-styles.d.ts +4 -0
- package/dist/components/organisms/tool-tip/tool-tip-styles.d.ts.map +1 -0
- package/dist/components/organisms/tool-tip/tool-tip-styles.js +7 -0
- package/dist/components/organisms/tool-tip/tool-tip-styles.js.map +1 -0
- package/dist/components/organisms/tool-tip/tool-tip.d.ts +6 -20
- package/dist/components/organisms/tool-tip/tool-tip.d.ts.map +1 -1
- package/dist/components/organisms/tool-tip/tool-tip.js +5 -10
- package/dist/components/organisms/tool-tip/tool-tip.js.map +1 -1
- package/dist/components/organisms/tool-tip/use-tool-tip.d.ts +2 -13
- package/dist/components/organisms/tool-tip/use-tool-tip.d.ts.map +1 -1
- package/dist/components/organisms/tool-tip/use-tool-tip.js +8 -22
- package/dist/components/organisms/tool-tip/use-tool-tip.js.map +1 -1
- package/dist/containers/form-control/components/form-label.d.ts +2 -2
- package/dist/containers/form-control/components/form-label.d.ts.map +1 -1
- package/dist/containers/form-control/components/form-label.js +1 -3
- package/dist/containers/form-control/components/form-label.js.map +1 -1
- package/dist/containers/form-control/form-control-types.d.ts +4 -0
- package/dist/containers/form-control/form-control-types.d.ts.map +1 -1
- package/dist/containers/form-control/form-control-types.js.map +1 -1
- package/dist/containers/form-control/form-control.d.ts +3 -3
- package/dist/containers/form-control/form-control.d.ts.map +1 -1
- package/dist/containers/form-control/form-control.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3788 -3840
- package/package.json +1 -1
- package/tailwind.preset.cjs +1 -1
- package/dist/components/organisms/tool-tip/tool-tip-type.d.ts +0 -6
- package/dist/components/organisms/tool-tip/tool-tip-type.d.ts.map +0 -1
- package/dist/components/organisms/tool-tip/tool-tip-type.js +0 -10
- package/dist/components/organisms/tool-tip/tool-tip-type.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FormTooltipProps } from '../../../containers/form-control/form-control-types';
|
|
2
2
|
export declare enum CardBrand {
|
|
3
3
|
VISA = "VISA",
|
|
4
4
|
MASTERCARD = "MASTERCARD",
|
|
@@ -30,6 +30,6 @@ export type PaymentCardFieldContent = {
|
|
|
30
30
|
placeholder?: string;
|
|
31
31
|
};
|
|
32
32
|
export type PaymentCardCvvFieldContent = PaymentCardFieldContent & {
|
|
33
|
-
toolTipProps?:
|
|
33
|
+
toolTipProps?: FormTooltipProps;
|
|
34
34
|
};
|
|
35
35
|
//# sourceMappingURL=payment-card-fields-types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"payment-card-fields-types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/payment-card-fields-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"payment-card-fields-types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/payment-card-fields-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAEvF,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,KAAK,UAAU;CAChB;AAED,oBAAY,oBAAoB;IAC9B,YAAY,eAAe;IAC3B,WAAW,eAAe;IAC1B,eAAe,mBAAmB;IAClC,GAAG,QAAQ;CACZ;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,CAAC,oBAAoB,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC5C,CAAC,oBAAoB,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC3C,CAAC,oBAAoB,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAC/C,CAAC,oBAAoB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,uBAAuB,GAAG;IACjE,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -15,5 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./tool-tip"), exports);
|
|
18
|
-
__exportStar(require("./tool-tip-type"), exports);
|
|
19
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tool-tip-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/tool-tip-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AAErD,eAAO,MAAM,kBAAkB,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.modalContentStyles = exports.popOverContentStyles = void 0;
|
|
4
|
+
const text_types_1 = require("../../atoms/text/text-types");
|
|
5
|
+
exports.popOverContentStyles = text_types_1.TextColors.WHITE;
|
|
6
|
+
exports.modalContentStyles = text_types_1.TextColors.BLACK;
|
|
7
|
+
//# sourceMappingURL=tool-tip-styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tool-tip-styles.js","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/tool-tip-styles.ts"],"names":[],"mappings":";;;AAAA,4DAAyD;AAE5C,QAAA,oBAAoB,GAAG,uBAAU,CAAC,KAAK,CAAC;AAExC,QAAA,kBAAkB,GAAG,uBAAU,CAAC,KAAK,CAAC"}
|
|
@@ -1,26 +1,12 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { PopOverPosition } from '../../../components';
|
|
3
3
|
export type Props = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
isMessageShowed?: boolean;
|
|
4
|
+
title: string;
|
|
5
|
+
closeLabel: string;
|
|
6
|
+
content: string | ReactElement;
|
|
8
7
|
position?: PopOverPosition;
|
|
9
|
-
|
|
10
|
-
iconProps?: {
|
|
11
|
-
icon?: IconSymbol;
|
|
12
|
-
size?: IconSize;
|
|
13
|
-
color?: IconColor;
|
|
14
|
-
className?: string;
|
|
15
|
-
};
|
|
16
|
-
textClassName?: string;
|
|
17
|
-
understoodLabel?: string;
|
|
18
|
-
modalTooltipTitle?: string;
|
|
19
|
-
modalOnlyOnMobile?: boolean;
|
|
20
|
-
containerClassName?: string;
|
|
21
|
-
arrowClassName?: string;
|
|
22
|
-
onClick?: () => void;
|
|
8
|
+
className?: string;
|
|
23
9
|
};
|
|
24
|
-
export declare function Tooltip({
|
|
10
|
+
export declare function Tooltip({ title, closeLabel, content, position, className, }: Props): JSX.Element;
|
|
25
11
|
export type { Props as ToolTipProps };
|
|
26
12
|
//# 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,
|
|
1
|
+
{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/tool-tip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAQL,eAAe,EAGhB,MAAM,qBAAqB,CAAC;AAK7B,MAAM,MAAM,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,YAAY,CAAC;IAC/B,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAoC,EACpC,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAsDrB;AAED,YAAY,EAAE,KAAK,IAAI,YAAY,EAAE,CAAC"}
|
|
@@ -2,18 +2,13 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Tooltip = Tooltip;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
6
5
|
const components_1 = require("../../../components");
|
|
7
6
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
|
+
const tool_tip_styles_1 = require("./tool-tip-styles");
|
|
8
8
|
const use_tool_tip_1 = require("./use-tool-tip");
|
|
9
|
-
function Tooltip({
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
toolTipType,
|
|
14
|
-
modalOnlyOnMobile,
|
|
15
|
-
onClick,
|
|
16
|
-
});
|
|
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, 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 }))] }));
|
|
9
|
+
function Tooltip({ title, closeLabel, content, position = components_1.PopOverPosition.TOP_RIGHT, className, }) {
|
|
10
|
+
const { isMobile, isOpen, openTooltip, closeTooltip } = (0, use_tool_tip_1.useTooltip)();
|
|
11
|
+
const isTextContent = typeof content === 'string';
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('relative inline-block', className), children: [(0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": title, onClick: isMobile ? openTooltip : undefined, onFocus: isMobile ? undefined : openTooltip, onBlur: isMobile ? undefined : closeTooltip, onPointerEnter: isMobile ? undefined : openTooltip, onPointerLeave: isMobile ? undefined : closeTooltip, className: "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 }) }), isMobile ? ((0, jsx_runtime_1.jsxs)(components_1.Modal, { mobileFullScreen: false, title: title, variant: components_1.ModalVariant.INFO, isOpen: isOpen, onClose: closeTooltip, children: [(0, jsx_runtime_1.jsx)(components_1.Modal.Content, { children: isTextContent ? ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, children: content })) : ((0, jsx_runtime_1.jsx)("div", { className: tool_tip_styles_1.modalContentStyles, children: content })) }), (0, jsx_runtime_1.jsx)(components_1.Modal.Footer, { primaryButton: { children: closeLabel, onClick: closeTooltip } })] })) : ((0, jsx_runtime_1.jsx)(components_1.PopOver, { text: isTextContent ? content : undefined, position: position, isVisible: isOpen, onPointerEnter: openTooltip, onPointerLeave: closeTooltip, children: isTextContent ? undefined : (0, jsx_runtime_1.jsx)("div", { className: tool_tip_styles_1.popOverContentStyles, children: content }) }))] }));
|
|
18
13
|
}
|
|
19
14
|
//# 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":";;AAyBA,0BA4DC;;AApFD,oDAW6B;AAC7B,kEAAyD;AACzD,uDAA6E;AAC7E,iDAA4C;AAU5C,SAAgB,OAAO,CAAC,EACtB,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,GAAG,4BAAe,CAAC,SAAS,EACpC,SAAS,GACH;IACN,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAA,yBAAU,GAAE,CAAC;IACrE,MAAM,aAAa,GAAG,OAAO,OAAO,KAAK,QAAQ,CAAC;IAElD,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,uBAAuB,EAAE,SAAS,CAAC,aAC1D,mCACE,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC3C,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC3C,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EAC3C,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAClD,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EACnD,SAAS,EAAC,wEAAwE,YAElF,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,GAC1C,GACK,EAER,QAAQ,CAAC,CAAC,CAAC,CACV,wBAAC,kBAAK,IACJ,gBAAgB,EAAE,KAAK,EACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,yBAAY,CAAC,IAAI,EAC1B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,YAAY,aAErB,uBAAC,kBAAK,CAAC,OAAO,cACX,aAAa,CAAC,CAAC,CAAC,CACf,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,YAAG,OAAO,GAAQ,CAClD,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAE,oCAAkB,YAAG,OAAO,GAAO,CACpD,GACa,EAEhB,uBAAC,kBAAK,CAAC,MAAM,IAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,GAAI,IAC1E,CACT,CAAC,CAAC,CAAC,CACF,uBAAC,oBAAO,IACN,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,WAAW,EAC3B,cAAc,EAAE,YAAY,YAE3B,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAE,sCAAoB,YAAG,OAAO,GAAO,GAC1E,CACX,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,20 +1,9 @@
|
|
|
1
|
-
import { ToolTipType } from './tool-tip-type';
|
|
2
1
|
type UseTooltipHook = {
|
|
3
2
|
isMobile: boolean;
|
|
4
|
-
|
|
5
|
-
isFilledTooltip: boolean;
|
|
6
|
-
pointerActionEnabled: boolean;
|
|
7
|
-
isMessageVisible: boolean;
|
|
3
|
+
isOpen: boolean;
|
|
8
4
|
openTooltip: () => void;
|
|
9
5
|
closeTooltip: () => void;
|
|
10
|
-
handleOnClick: () => void;
|
|
11
6
|
};
|
|
12
|
-
|
|
13
|
-
toolTipType: ToolTipType;
|
|
14
|
-
modalTooltipTitle?: string;
|
|
15
|
-
modalOnlyOnMobile?: boolean;
|
|
16
|
-
onClick: () => void;
|
|
17
|
-
};
|
|
18
|
-
export declare function useTooltip({ modalTooltipTitle, toolTipType, modalOnlyOnMobile, onClick, }: Props): UseTooltipHook;
|
|
7
|
+
export declare function useTooltip(): UseTooltipHook;
|
|
19
8
|
export {};
|
|
20
9
|
//# 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":"
|
|
1
|
+
{"version":3,"file":"use-tool-tip.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/use-tool-tip.tsx"],"names":[],"mappings":"AAGA,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,wBAAgB,UAAU,IAAI,cAAc,CAkB3C"}
|
|
@@ -3,34 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.useTooltip = useTooltip;
|
|
4
4
|
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
-
|
|
7
|
-
function useTooltip({ modalTooltipTitle, toolTipType, modalOnlyOnMobile = true, onClick, }) {
|
|
6
|
+
function useTooltip() {
|
|
8
7
|
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
9
|
-
const [
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
};
|
|
16
|
-
const closeTooltip = () => {
|
|
17
|
-
setIsMessageVisible(false);
|
|
18
|
-
};
|
|
19
|
-
function handleOnClick() {
|
|
20
|
-
if (isModalTooltip) {
|
|
21
|
-
openTooltip();
|
|
22
|
-
}
|
|
23
|
-
onClick?.();
|
|
8
|
+
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
9
|
+
function openTooltip() {
|
|
10
|
+
setIsOpen(true);
|
|
11
|
+
}
|
|
12
|
+
function closeTooltip() {
|
|
13
|
+
setIsOpen(false);
|
|
24
14
|
}
|
|
25
15
|
return {
|
|
26
16
|
isMobile,
|
|
27
|
-
|
|
28
|
-
isFilledTooltip,
|
|
29
|
-
pointerActionEnabled,
|
|
30
|
-
isMessageVisible,
|
|
17
|
+
isOpen,
|
|
31
18
|
openTooltip,
|
|
32
19
|
closeTooltip,
|
|
33
|
-
handleOnClick,
|
|
34
20
|
};
|
|
35
21
|
}
|
|
36
22
|
//# sourceMappingURL=use-tool-tip.js.map
|
|
@@ -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":";;AAUA,gCAkBC;AA5BD,6EAAsE;AACtE,iCAAiC;AASjC,SAAgB,UAAU;IACxB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,WAAW;QAClB,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC;IAED,SAAS,YAAY;QACnB,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC;IAED,OAAO;QACL,QAAQ;QACR,MAAM;QACN,WAAW;QACX,YAAY;KACb,CAAC;AACJ,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FormTooltipProps } from '../form-control-types';
|
|
2
2
|
type Props = {
|
|
3
3
|
isRequired?: boolean;
|
|
4
4
|
hideRequiredMark?: boolean;
|
|
5
5
|
label: string;
|
|
6
6
|
optionalLabel?: string;
|
|
7
7
|
className?: string;
|
|
8
|
-
toolTipProps?:
|
|
8
|
+
toolTipProps?: FormTooltipProps;
|
|
9
9
|
htmlFor?: string;
|
|
10
10
|
id?: string;
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-label.d.ts","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-label.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"form-label.d.ts","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-label.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,UAAiB,EACjB,gBAAwB,EACxB,KAAK,EACL,SAAS,EACT,aAAa,EACb,YAAY,EACZ,OAAO,EACP,EAAE,GACH,EAAE,KAAK,2CA+CP"}
|
|
@@ -2,11 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.FormLabel = FormLabel;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
6
5
|
const components_1 = require("../../../components");
|
|
7
6
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
8
7
|
function FormLabel({ isRequired = true, hideRequiredMark = false, label, className, optionalLabel, toolTipProps, htmlFor, id, }) {
|
|
9
|
-
|
|
10
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row items-center', className), children: [(0, jsx_runtime_1.jsxs)(components_1.Text, { as: "label", htmlFor: htmlFor, id: id, className: "inline", children: [!hideRequiredMark && isRequired && ((0, jsx_runtime_1.jsx)(components_1.Text, { as: "span", "aria-hidden": true, variant: components_1.TextVariant.BODY, color: components_1.TextColors.PURPLE, className: "mr-1 inline", children: '*' })), (0, jsx_runtime_1.jsx)(components_1.Text, { as: "span", variant: components_1.TextVariant.BODY, className: "inline", children: label }), !hideRequiredMark && !isRequired && ((0, jsx_runtime_1.jsx)(components_1.Text, { as: "span", variant: components_1.TextVariant.BODY, color: components_1.TextColors.BLACK_02, className: "ml-1 inline", children: optionalLabel }))] }), toolTipProps && ((0, jsx_runtime_1.jsx)("div", { className: "ml-2", children: (0, jsx_runtime_1.jsx)(components_1.Tooltip, { ...toolTipProps, position: toolTipProps.position ?? components_1.PopOverPosition.RIGHT, toolTipType: isMobile ? components_1.ToolTipType.MODAL : toolTipProps.toolTipType }) }))] }));
|
|
8
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row items-center', className), children: [(0, jsx_runtime_1.jsxs)(components_1.Text, { as: "label", htmlFor: htmlFor, id: id, className: "inline", children: [!hideRequiredMark && isRequired && ((0, jsx_runtime_1.jsx)(components_1.Text, { as: "span", "aria-hidden": true, variant: components_1.TextVariant.BODY, color: components_1.TextColors.PURPLE, className: "mr-1 inline", children: '*' })), (0, jsx_runtime_1.jsx)(components_1.Text, { as: "span", variant: components_1.TextVariant.BODY, className: "inline", children: label }), !hideRequiredMark && !isRequired && ((0, jsx_runtime_1.jsx)(components_1.Text, { as: "span", variant: components_1.TextVariant.BODY, color: components_1.TextColors.BLACK_02, className: "ml-1 inline", children: optionalLabel }))] }), toolTipProps && ((0, jsx_runtime_1.jsx)("div", { className: "ml-2", children: (0, jsx_runtime_1.jsx)(components_1.Tooltip, { ...toolTipProps, title: toolTipProps.title ?? label, position: toolTipProps.position ?? components_1.PopOverPosition.RIGHT }) }))] }));
|
|
11
9
|
}
|
|
12
10
|
//# sourceMappingURL=form-label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-label.js","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-label.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"form-label.js","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-label.tsx"],"names":[],"mappings":";;AAeA,8BAwDC;;AAvED,oDAA8F;AAC9F,kEAAyD;AAczD,SAAgB,SAAS,CAAC,EACxB,UAAU,GAAG,IAAI,EACjB,gBAAgB,GAAG,KAAK,EACxB,KAAK,EACL,SAAS,EACT,aAAa,EACb,YAAY,EACZ,OAAO,EACP,EAAE,GACI;IACN,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,4BAA4B,EAAE,SAAS,CAAC,aAC/D,wBAAC,iBAAI,IAAC,EAAE,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,QAAQ,aAE1D,CAAC,gBAAgB,IAAI,UAAU,IAAI,CAClC,uBAAC,iBAAI,IACH,EAAE,EAAC,MAAM,uBAET,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,KAAK,EAAE,uBAAU,CAAC,MAAM,EACxB,SAAS,EAAC,aAAa,YAEtB,GAAG,GACC,CACR,EAGD,uBAAC,iBAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,EAAE,SAAS,EAAC,QAAQ,YAC1D,KAAK,GACD,EAGN,CAAC,gBAAgB,IAAI,CAAC,UAAU,IAAI,CACnC,uBAAC,iBAAI,IACH,EAAE,EAAC,MAAM,EACT,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,KAAK,EAAE,uBAAU,CAAC,QAAQ,EAC1B,SAAS,EAAC,aAAa,YAEtB,aAAa,GACT,CACR,IACI,EAGN,YAAY,IAAI,CACf,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,oBAAO,OACF,YAAY,EAChB,KAAK,EAAE,YAAY,CAAC,KAAK,IAAI,KAAK,EAClC,QAAQ,EAAE,YAAY,CAAC,QAAQ,IAAI,4BAAe,CAAC,KAAK,GACxD,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ToolTipProps } from '../../components/organisms/tool-tip';
|
|
1
2
|
export declare enum FormInputWidth {
|
|
2
3
|
ONE_COLUMN = "ONE_COLUMN",
|
|
3
4
|
TWO_COLUMN = "TWO_COLUMN",
|
|
@@ -10,4 +11,7 @@ export declare enum FormInputWidth {
|
|
|
10
11
|
export declare const FormInputWidthClassNames: {
|
|
11
12
|
[type in FormInputWidth]: string;
|
|
12
13
|
};
|
|
14
|
+
export type FormTooltipProps = Omit<ToolTipProps, 'title'> & {
|
|
15
|
+
title?: string;
|
|
16
|
+
};
|
|
13
17
|
//# sourceMappingURL=form-control-types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control-types.d.ts","sourceRoot":"","sources":["../../../src/containers/form-control/form-control-types.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,IAAI,SAAS;CACd;AAED,eAAO,MAAM,wBAAwB,EAAE;KACpC,IAAI,IAAI,cAAc,GAAG,MAAM;CASjC,CAAC"}
|
|
1
|
+
{"version":3,"file":"form-control-types.d.ts","sourceRoot":"","sources":["../../../src/containers/form-control/form-control-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,oBAAY,cAAc;IACxB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,IAAI,SAAS;CACd;AAED,eAAO,MAAM,wBAAwB,EAAE;KACpC,IAAI,IAAI,cAAc,GAAG,MAAM;CASjC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,GAAG;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control-types.js","sourceRoot":"","sources":["../../../src/containers/form-control/form-control-types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"form-control-types.js","sourceRoot":"","sources":["../../../src/containers/form-control/form-control-types.ts"],"names":[],"mappings":";;;AAEA,IAAY,cAQX;AARD,WAAY,cAAc;IACxB,2CAAyB,CAAA;IACzB,2CAAyB,CAAA;IACzB,+CAA6B,CAAA;IAC7B,6CAA2B,CAAA;IAC3B,6CAA2B,CAAA;IAC3B,2CAAyB,CAAA;IACzB,+BAAa,CAAA;AACf,CAAC,EARW,cAAc,8BAAd,cAAc,QAQzB;AAEY,QAAA,wBAAwB,GAEjC;IACF,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,2BAA2B;IACxD,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,0CAA0C;IACvE,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,uDAAuD;IACtF,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,uDAAuD;IACrF,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,uDAAuD;IACrF,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,uDAAuD;IACpF,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,QAAQ;CAChC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { FormRenderProps
|
|
3
|
-
import { FormInputWidth } from './form-control-types';
|
|
2
|
+
import { FormRenderProps } from '../../';
|
|
3
|
+
import { FormInputWidth, FormTooltipProps } from './form-control-types';
|
|
4
4
|
type ChildrenRenderProps = {
|
|
5
5
|
isErrorVisible: boolean;
|
|
6
6
|
inputId: string;
|
|
@@ -22,7 +22,7 @@ type Props = {
|
|
|
22
22
|
inputWidth?: FormInputWidth;
|
|
23
23
|
containerClassName?: string;
|
|
24
24
|
formProps?: FormRenderProps<any>;
|
|
25
|
-
toolTipProps?:
|
|
25
|
+
toolTipProps?: FormTooltipProps;
|
|
26
26
|
associateLabelWithInput?: boolean;
|
|
27
27
|
children?: (renderProps: ChildrenRenderProps) => React.ReactElement;
|
|
28
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../../src/containers/form-control/form-control.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAc,
|
|
1
|
+
{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../../src/containers/form-control/form-control.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAc,MAAM,QAAQ,CAAC;AAKrD,OAAO,EAAE,cAAc,EAA4B,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAElG,KAAK,mBAAmB,GAAG;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,KAAK,KAAK,CAAC,YAAY,CAAC;CACrE,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,UAAU,EACV,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,uBAA8B,EAC9B,UAAuC,EACvC,QAAQ,GACT,EAAE,KAAK,2CAoDP;AAED,YAAY,EAAE,KAAK,IAAI,gBAAgB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control.js","sourceRoot":"","sources":["../../../src/containers/form-control/form-control.tsx"],"names":[],"mappings":";;;;;AAoCA,kCAqEC;;AAxGD,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"form-control.js","sourceRoot":"","sources":["../../../src/containers/form-control/form-control.tsx"],"names":[],"mappings":";;;;;AAoCA,kCAqEC;;AAxGD,kDAA0B;AAC1B,8BAAqD;AACrD,+DAAsD;AACtD,wDAAoD;AACpD,0DAAsD;AACtD,wDAAoD;AACpD,6DAAkG;AA6BlG,SAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,UAAU,EACV,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,GAAG,IAAI,EAC9B,UAAU,GAAG,mCAAc,CAAC,WAAW,EACvC,QAAQ,GACF;IACN,MAAM,WAAW,GAAG,eAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,MAAM,GAAG,EAAE,IAAI,QAAQ,IAAI,WAAW,CAAC;IAC7C,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;IAClC,MAAM,QAAQ,GAAG,GAAG,MAAM,SAAS,CAAC;IAEpC,MAAM,cAAc,GAAG,6CAAwB,CAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAClF,MAAM,cAAc,GAAG,CAAC,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,CAAC;IAClD,MAAM,eAAe,GAAG,CAAC,cAAc,IAAI,CAAC,CAAC,UAAU,CAAC;IACxD,MAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAEtF,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,gCAAgC,EAAE,kBAAkB,CAAC,aAC5E,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,yBAAyB,EAAE,SAAS,CAAC,aAE3D,KAAK,IAAI,CACR,uBAAC,sBAAS,IACR,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACtD,EAAE,EAAE,OAAO,EACX,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,GAC1B,CACH,EAEA,QAAQ,IAAI,CACX,gCAAK,SAAS,EAAE,cAAc,YAC3B,QAAQ,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,GACjE,CACP,IACG,EAEN,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,EAAE,MAAM,EAAE,CAAC,eAAe,IAAI,CAAC,cAAc,EAAE,CAAC,aAEtE,eAAe,IAAI,CAClB,uBAAC,wBAAU,IACT,EAAE,EAAE,QAAQ,EACZ,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,cAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAU,CAAC,QAAQ,GAC7D,CACH,EAGA,cAAc,IAAI,uBAAC,sBAAS,IAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,GAAI,IAClF,IACF,CACP,CAAC;AACJ,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
export declare const _periodUI_marker = true;
|
|
2
2
|
export { Signature } from './components';
|
|
3
3
|
export type { SignatureProps, SignatureRef, SignatureData, SignatureImageFormat, SignatureImageSource, } from './components';
|
|
4
|
-
export { Skeleton, SkeletonVariant, Badge, BadgeVariant, BadgeSize, BilloIcon, IconColor, IconSymbol, IconSize, Button, ButtonVariant, Checkbox, RadioButton, CheckboxVariant, Chip, ChipList, DropDownMenu, MenuItemVariant, IconButton, IconButtonVariant, SearchBar, Text, TextVariant, TextColors, TextButton, TextButtonVariant, PopOver, PopOverPosition, Tooltip,
|
|
4
|
+
export { Skeleton, SkeletonVariant, Badge, BadgeVariant, BadgeSize, 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, SegmentedButton, } from './components';
|
|
5
5
|
export { Form, Drawer, DrawerVariant, DrawerDirection, Modal, ModalVariant, FilterVariant, Select, TextField, PasswordField, PhoneField, FormPasswordField, FormPhoneField, FormSelect, FilterModal, areFiltersAtDefault, FormCheckBox, FormTextField, StatusSelector, StatusSelectorVariant, FormRadioButton, FormDatePicker, FormFileUploader, FormImageUploader, Callout, CalloutVariant, EmptyState, Table, TableColumnAlign, HeaderWidth, ThreeDotMenu, } from './components';
|
|
6
6
|
export { DropdownButton, FileUploader, FileUploaderState, ImageUploader, ImageUploaderState, ImageUploaderFit, FormDocumentField, DocumentType, DOCUMENT_TYPE_MASKS, DOCUMENT_TYPE_ORDER, DOCUMENT_TYPE_PATTERNS, documentValidationSchema, isValidDocumentNumber, stripDocumentNumber, FormPaymentCardFields, CardBrand, PaymentCardFieldName, paymentCardValidationSchema, getCardBrand, } from './components';
|
|
7
7
|
export { FormControl, FormInputWidth } from './containers';
|
|
8
|
-
export type { FormControlProps } from './containers';
|
|
8
|
+
export type { FormControlProps, FormTooltipProps } from './containers';
|
|
9
9
|
export type { SkeletonProps, BadgeProps, BilloIconProps, ButtonProps, ToolTipProps, ChipProps, CheckboxProps, DatePickerProps, CheckboxMultiOptions, CheckBoxFilterOptions, DropDownMenuOptionProps, RadioButtonFilterOptions, StatusSelectorOptionProps, SegmentedButtonProps, SegmentedButtonOption, DrawerProps, ModalProps, FiltersOptions, FilterModalProps, FooterContentProps, ExtendableContentProps, FormErrors, FormConfig, FormHelpers, FormNames, FormRenderProps, FormSchema, TextFieldProps, MaskOptions, PasswordFieldProps, PhoneFieldProps, FormSelectProps, FormTextFieldProps, FormPasswordFieldProps, FormPhoneFieldProps, FormDatePickerProps, EmptyStateProps, EmptyStateAction, TableProps, TableColumn, TablePagination, ThreeDotMenuProps, DropdownButtonProps, FormDocumentFieldProps, DocumentTypeOption, DocumentValidationMessages, DocumentValidationFieldNames, FormPaymentCardFieldsProps, PaymentCardFormValues, StoredPaymentCard, PaymentCardFieldContent, PaymentCardCvvFieldContent, PaymentCardValidationMessages, PaymentCardValidationOptions, FileUploaderProps, FormFileUploaderProps, ImageUploaderProps, FormImageUploaderProps, } from './components';
|
|
10
10
|
export type { MultiOptions } from './types/general';
|
|
11
11
|
//# sourceMappingURL=index.d.ts.map
|
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,EACpB,oBAAoB,GACrB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,KAAK,EACL,YAAY,EACZ,SAAS,EACT,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,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Select = exports.FilterVariant = exports.ModalVariant = exports.Modal = exports.DrawerDirection = exports.DrawerVariant = exports.Drawer = exports.Form = exports.SegmentedButton = exports.DatePickerVariants = exports.DatePicker = exports.DividerVariant = exports.Divider = exports.Accordion = exports.AccordionItem = exports.SpinnerVariant = exports.ProgressIndicatorVariant = exports.ProgressIndicator = exports.
|
|
4
|
-
exports.FormInputWidth = exports.FormControl = exports.getCardBrand = exports.paymentCardValidationSchema = exports.PaymentCardFieldName = exports.CardBrand = exports.FormPaymentCardFields = exports.stripDocumentNumber = exports.isValidDocumentNumber = exports.documentValidationSchema = exports.DOCUMENT_TYPE_PATTERNS = exports.DOCUMENT_TYPE_ORDER = exports.DOCUMENT_TYPE_MASKS = exports.DocumentType = exports.FormDocumentField = exports.ImageUploaderFit = exports.ImageUploaderState = exports.ImageUploader = exports.FileUploaderState = exports.FileUploader = exports.DropdownButton = exports.ThreeDotMenu = exports.HeaderWidth = exports.TableColumnAlign = exports.Table = exports.EmptyState = exports.CalloutVariant = exports.Callout = exports.FormImageUploader = exports.FormFileUploader = exports.FormDatePicker = exports.FormRadioButton = exports.StatusSelectorVariant = exports.StatusSelector = exports.FormTextField = exports.FormCheckBox = exports.areFiltersAtDefault = exports.FilterModal = exports.FormSelect = exports.FormPhoneField = exports.FormPasswordField = exports.PhoneField = exports.PasswordField =
|
|
3
|
+
exports.TextField = exports.Select = exports.FilterVariant = exports.ModalVariant = exports.Modal = exports.DrawerDirection = exports.DrawerVariant = exports.Drawer = exports.Form = exports.SegmentedButton = exports.DatePickerVariants = exports.DatePicker = exports.DividerVariant = exports.Divider = exports.Accordion = exports.AccordionItem = exports.SpinnerVariant = exports.ProgressIndicatorVariant = exports.ProgressIndicator = 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.BadgeSize = exports.BadgeVariant = exports.Badge = exports.SkeletonVariant = exports.Skeleton = exports.Signature = exports._periodUI_marker = void 0;
|
|
4
|
+
exports.FormInputWidth = exports.FormControl = exports.getCardBrand = exports.paymentCardValidationSchema = exports.PaymentCardFieldName = exports.CardBrand = exports.FormPaymentCardFields = exports.stripDocumentNumber = exports.isValidDocumentNumber = exports.documentValidationSchema = exports.DOCUMENT_TYPE_PATTERNS = exports.DOCUMENT_TYPE_ORDER = exports.DOCUMENT_TYPE_MASKS = exports.DocumentType = exports.FormDocumentField = exports.ImageUploaderFit = exports.ImageUploaderState = exports.ImageUploader = exports.FileUploaderState = exports.FileUploader = exports.DropdownButton = exports.ThreeDotMenu = exports.HeaderWidth = exports.TableColumnAlign = exports.Table = exports.EmptyState = exports.CalloutVariant = exports.Callout = exports.FormImageUploader = exports.FormFileUploader = exports.FormDatePicker = exports.FormRadioButton = exports.StatusSelectorVariant = exports.StatusSelector = exports.FormTextField = exports.FormCheckBox = exports.areFiltersAtDefault = exports.FilterModal = exports.FormSelect = exports.FormPhoneField = exports.FormPasswordField = exports.PhoneField = exports.PasswordField = 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; } });
|
|
@@ -35,7 +35,6 @@ Object.defineProperty(exports, "TextButtonVariant", { enumerable: true, get: fun
|
|
|
35
35
|
Object.defineProperty(exports, "PopOver", { enumerable: true, get: function () { return components_2.PopOver; } });
|
|
36
36
|
Object.defineProperty(exports, "PopOverPosition", { enumerable: true, get: function () { return components_2.PopOverPosition; } });
|
|
37
37
|
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return components_2.Tooltip; } });
|
|
38
|
-
Object.defineProperty(exports, "ToolTipType", { enumerable: true, get: function () { return components_2.ToolTipType; } });
|
|
39
38
|
Object.defineProperty(exports, "ProgressIndicator", { enumerable: true, get: function () { return components_2.ProgressIndicator; } });
|
|
40
39
|
Object.defineProperty(exports, "ProgressIndicatorVariant", { enumerable: true, get: function () { return components_2.ProgressIndicatorVariant; } });
|
|
41
40
|
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;AAUlB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|