period-ui 0.3.2 → 0.3.4
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/check-box/check-box.js +1 -1
- package/dist/components/atoms/check-box/check-box.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.d.ts +15 -0
- package/dist/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.d.ts.map +1 -0
- package/dist/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.js +14 -0
- package/dist/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.js.map +1 -0
- package/dist/components/atoms/drop-down-menu/components/index.d.ts +1 -0
- package/dist/components/atoms/drop-down-menu/components/index.d.ts.map +1 -1
- package/dist/components/atoms/drop-down-menu/components/index.js +1 -0
- package/dist/components/atoms/drop-down-menu/components/index.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu-types.d.ts +1 -0
- package/dist/components/atoms/drop-down-menu/drop-down-menu-types.d.ts.map +1 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts +3 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu.d.ts.map +1 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js +5 -2
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js.map +1 -1
- package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.js +2 -2
- package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.js.map +1 -1
- package/dist/components/atoms/radio-button/radio-button.d.ts +3 -1
- package/dist/components/atoms/radio-button/radio-button.d.ts.map +1 -1
- package/dist/components/atoms/radio-button/radio-button.js +3 -3
- package/dist/components/atoms/radio-button/radio-button.js.map +1 -1
- package/dist/components/atoms/signature/index.d.ts +3 -0
- package/dist/components/atoms/signature/index.d.ts.map +1 -0
- package/dist/components/atoms/signature/index.js +19 -0
- package/dist/components/atoms/signature/index.js.map +1 -0
- package/dist/components/atoms/signature/signature-styles.d.ts +5 -0
- package/dist/components/atoms/signature/signature-styles.d.ts.map +1 -0
- package/dist/components/atoms/signature/signature-styles.js +18 -0
- package/dist/components/atoms/signature/signature-styles.js.map +1 -0
- package/dist/components/atoms/signature/signature-types.d.ts +19 -0
- package/dist/components/atoms/signature/signature-types.d.ts.map +1 -0
- package/dist/components/atoms/signature/signature-types.js +3 -0
- package/dist/components/atoms/signature/signature-types.js.map +1 -0
- package/dist/components/atoms/signature/signature.d.ts +19 -0
- package/dist/components/atoms/signature/signature.d.ts.map +1 -0
- package/dist/components/atoms/signature/signature.js +23 -0
- package/dist/components/atoms/signature/signature.js.map +1 -0
- package/dist/components/atoms/signature/use-signature.d.ts +20 -0
- package/dist/components/atoms/signature/use-signature.d.ts.map +1 -0
- package/dist/components/atoms/signature/use-signature.js +191 -0
- package/dist/components/atoms/signature/use-signature.js.map +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/molecules/drawer/components/drawer-component.d.ts +2 -1
- package/dist/components/molecules/drawer/components/drawer-component.d.ts.map +1 -1
- package/dist/components/molecules/drawer/components/drawer-component.js +2 -2
- package/dist/components/molecules/drawer/components/drawer-component.js.map +1 -1
- package/dist/components/molecules/drawer/drawer.d.ts +2 -1
- package/dist/components/molecules/drawer/drawer.d.ts.map +1 -1
- package/dist/components/molecules/drawer/drawer.js +2 -2
- package/dist/components/molecules/drawer/drawer.js.map +1 -1
- package/dist/components/molecules/search-bar/search-bar.d.ts +2 -1
- package/dist/components/molecules/search-bar/search-bar.d.ts.map +1 -1
- package/dist/components/molecules/search-bar/search-bar.js +25 -3
- package/dist/components/molecules/search-bar/search-bar.js.map +1 -1
- package/dist/components/molecules/select/use-select.d.ts.map +1 -1
- package/dist/components/molecules/select/use-select.js +7 -4
- package/dist/components/molecules/select/use-select.js.map +1 -1
- package/dist/components/molecules/text-field/components/text-field-input.d.ts +1 -1
- package/dist/components/molecules/text-field/text-field.d.ts +1 -1
- package/dist/components/molecules/three-dot-menu/index.d.ts +2 -0
- package/dist/components/molecules/three-dot-menu/index.d.ts.map +1 -0
- package/dist/components/molecules/three-dot-menu/index.js +18 -0
- package/dist/components/molecules/three-dot-menu/index.js.map +1 -0
- package/dist/components/molecules/three-dot-menu/three-dot-menu.d.ts +17 -0
- package/dist/components/molecules/three-dot-menu/three-dot-menu.d.ts.map +1 -0
- package/dist/components/molecules/three-dot-menu/three-dot-menu.js +10 -0
- package/dist/components/molecules/three-dot-menu/three-dot-menu.js.map +1 -0
- package/dist/components/organisms/filter-modal/components/filter.d.ts.map +1 -1
- package/dist/components/organisms/filter-modal/components/filter.js +11 -3
- package/dist/components/organisms/filter-modal/components/filter.js.map +1 -1
- package/dist/containers/form-control/form-control.d.ts.map +1 -1
- package/dist/containers/form-control/form-control.js +1 -1
- package/dist/containers/form-control/form-control.js.map +1 -1
- package/dist/index.css +4 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +57 -54
- package/dist/index.js.map +1 -1
- package/dist/utils/tailwind-utils.d.ts.map +1 -1
- package/dist/utils/tailwind-utils.js +8 -1
- package/dist/utils/tailwind-utils.js.map +1 -1
- package/package.json +4 -2
|
@@ -16,6 +16,6 @@ function Checkbox({ value, isDisabled = false, label, className, labelClassName,
|
|
|
16
16
|
};
|
|
17
17
|
const isIntermediate = variant === components_2.CheckboxVariant.INTERMEDIATE;
|
|
18
18
|
const checkBoxVariantStyle = components_2.checkBoxStyles[isIntermediate ? components_2.CheckboxVariant.DEFAULT : variant];
|
|
19
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row w-fit items-center', isDisabled ? 'cursor-not-allowed' : 'cursor-pointer', containerClassName), onClick: handleClick, children: [(0, jsx_runtime_1.jsxs)("button", { role: "checkbox", type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex justify-center items-center border-2 border-gray-04 rounded shrink-0', 'h-[18px] w-[18px] md:h-5 md:w-5', 'hover:border-gray-03 hover:bg-gray-05', 'disabled:bg-gray-06 disabled:border-gray-04 disabled:cursor-not-allowed', 'focus-visible:border-none focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-2 focus:outline-blue-01', value && `${checkBoxVariantStyle} border-none`, className), children: [value && !isIntermediate && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { size: isMobile ? components_1.IconSize.XXS : components_1.IconSize.XS, icon: components_1.IconSymbol.CHECK, className: "no-selectable text-white" })), value && isIntermediate && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { size: isMobile ? components_1.IconSize.XXS : components_1.IconSize.XS, icon: components_1.IconSymbol.MINUS, className: "text-white" }))] }), label && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row w-fit items-center', isDisabled ? 'cursor-not-allowed' : 'cursor-pointer', containerClassName), onClick: handleClick, children: [(0, jsx_runtime_1.jsxs)("button", { role: "checkbox", type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex justify-center items-center border-2 border-gray-04 rounded shrink-0', 'h-[18px] w-[18px] md:h-5 md:w-5', 'hover:border-gray-03 hover:bg-gray-05', 'disabled:bg-gray-06 disabled:border-gray-04 disabled:cursor-not-allowed', 'focus-visible:border-none focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-2 focus:outline-blue-01', value && `${checkBoxVariantStyle} border-none`, className), children: [value && !isIntermediate && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { size: isMobile ? components_1.IconSize.XXS : components_1.IconSize.XS, icon: components_1.IconSymbol.CHECK, className: "no-selectable text-white" })), value && isIntermediate && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { size: isMobile ? components_1.IconSize.XXS : components_1.IconSize.XS, icon: components_1.IconSymbol.MINUS, className: "text-white" }))] }), label && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('ml-2 select-none whitespace-normal', labelClassName), color: isDisabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, children: label }))] }) }));
|
|
20
20
|
}
|
|
21
21
|
//# sourceMappingURL=check-box.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"check-box.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":";;AAuBA,4BA4EC;;AAnGD,oDAO6B;AAC7B,kEAAyD;AACzD,oFAA6E;AAC7E,oDAAsE;AAatE,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,OAAO,GAAG,4BAAe,CAAC,OAAO,EACjC,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,GAClB;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,KAAK,4BAAe,CAAC,YAAY,CAAC;IAChE,MAAM,oBAAoB,GAAG,2BAAc,CAAC,cAAc,CAAC,CAAC,CAAC,4BAAe,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEhG,OAAO,CACL,2DACE,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,kCAAkC,EAClC,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,EACpD,kBAAkB,CACnB,EACD,OAAO,EAAE,WAAW,aAEpB,oCACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,2EAA2E,EAC3E,iCAAiC,EACjC,uCAAuC,EACvC,yEAAyE,EACzE,iIAAiI,EACjI,KAAK,IAAI,GAAG,oBAAoB,cAAc,EAC9C,SAAS,CACV,aAEA,KAAK,IAAI,CAAC,cAAc,IAAI,CAC3B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,0BAA0B,GACpC,CACH,EAEA,KAAK,IAAI,cAAc,IAAI,CAC1B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,YAAY,GACtB,CACH,IACM,EAER,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,
|
|
1
|
+
{"version":3,"file":"check-box.js","sourceRoot":"","sources":["../../../../src/components/atoms/check-box/check-box.tsx"],"names":[],"mappings":";;AAuBA,4BA4EC;;AAnGD,oDAO6B;AAC7B,kEAAyD;AACzD,oFAA6E;AAC7E,oDAAsE;AAatE,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,OAAO,GAAG,4BAAe,CAAC,OAAO,EACjC,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,GAClB;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,KAAK,4BAAe,CAAC,YAAY,CAAC;IAChE,MAAM,oBAAoB,GAAG,2BAAc,CAAC,cAAc,CAAC,CAAC,CAAC,4BAAe,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEhG,OAAO,CACL,2DACE,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,kCAAkC,EAClC,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,EACpD,kBAAkB,CACnB,EACD,OAAO,EAAE,WAAW,aAEpB,oCACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,2EAA2E,EAC3E,iCAAiC,EACjC,uCAAuC,EACvC,yEAAyE,EACzE,iIAAiI,EACjI,KAAK,IAAI,GAAG,oBAAoB,cAAc,EAC9C,SAAS,CACV,aAEA,KAAK,IAAI,CAAC,cAAc,IAAI,CAC3B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,0BAA0B,GACpC,CACH,EAEA,KAAK,IAAI,cAAc,IAAI,CAC1B,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC3C,IAAI,EAAE,uBAAU,CAAC,KAAK,EACtB,SAAS,EAAC,YAAY,GACtB,CACH,IACM,EAER,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,oCAAoC,EAAE,cAAc,CAAC,EACzE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,YAEzD,KAAK,GACD,CACR,IACG,GACL,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { DropDownMenuOptionProps } from '../../../../components';
|
|
3
|
+
import { MenuItemVariant } from './menu-item-types';
|
|
4
|
+
type Props = {
|
|
5
|
+
isOpen: boolean;
|
|
6
|
+
cancelLabel?: string;
|
|
7
|
+
variant?: MenuItemVariant;
|
|
8
|
+
selectedIDs?: string[];
|
|
9
|
+
emptyElement?: ReactElement;
|
|
10
|
+
options: DropDownMenuOptionProps[];
|
|
11
|
+
onClose: () => void;
|
|
12
|
+
};
|
|
13
|
+
export declare function FullScreenDropDownMenu({ isOpen, options, cancelLabel, emptyElement, selectedIDs, variant, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export type { Props as FullScreenDropDownMenuProps };
|
|
15
|
+
//# sourceMappingURL=full-screen-drop-down-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"full-screen-drop-down-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,YAAY,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAGjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,WAAW,EACX,YAAY,EACZ,WAAgB,EAChB,OAAiC,EACjC,OAAO,GACR,EAAE,KAAK,2CAiCP;AAED,YAAY,EAAE,KAAK,IAAI,2BAA2B,EAAE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FullScreenDropDownMenu = FullScreenDropDownMenu;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_2 = require("@headlessui/react");
|
|
7
|
+
const react_3 = require("react");
|
|
8
|
+
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
9
|
+
const menu_item_1 = require("./menu-item");
|
|
10
|
+
const menu_item_types_1 = require("./menu-item-types");
|
|
11
|
+
function FullScreenDropDownMenu({ isOpen, options, cancelLabel, emptyElement, selectedIDs = [], variant = menu_item_types_1.MenuItemVariant.DEFAULT, onClose, }) {
|
|
12
|
+
return ((0, jsx_runtime_1.jsx)(react_2.Transition, { show: isOpen, as: react_3.Fragment, children: (0, jsx_runtime_1.jsxs)(react_2.Dialog, { as: "div", className: "fixed z-50 inset-0", onClose: onClose, open: isOpen, static: true, children: [(0, jsx_runtime_1.jsx)("div", { className: "fixed inset-0 bg-gray-01 bg-opacity-50" }), (0, jsx_runtime_1.jsxs)("div", { className: "fixed inset-x-0 bottom-0 flex flex-col gap-2 p-4", onClick: onClose, children: [options.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col rounded-2xl overflow-hidden", children: options.map((option, index) => ((0, react_1.createElement)(menu_item_1.MenuItem, { ...option, key: option.value, id: option.value, variant: option.variant ?? variant, isSelected: selectedIDs.includes(option.value), className: (0, tailwind_utils_1.tailwind)(index !== 0 && 'border-t') }))) })) : (emptyElement), cancelLabel && ((0, jsx_runtime_1.jsx)("div", { className: "rounded-2xl overflow-hidden", children: (0, jsx_runtime_1.jsx)(menu_item_1.MenuItem, { id: "cancel", label: cancelLabel }) }))] })] }) }));
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=full-screen-drop-down-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"full-screen-drop-down-menu.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.tsx"],"names":[],"mappings":";;AAiBA,wDAyCC;;;AA1DD,6CAAuD;AACvD,iCAA+C;AAE/C,qEAA4D;AAC5D,2CAAuC;AACvC,uDAAoD;AAYpD,SAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,WAAW,EACX,YAAY,EACZ,WAAW,GAAG,EAAE,EAChB,OAAO,GAAG,iCAAe,CAAC,OAAO,EACjC,OAAO,GACD;IACN,OAAO,CACL,uBAAC,kBAAU,IAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,gBAAQ,YACpC,wBAAC,cAAM,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,mBACpF,gCAAK,SAAS,EAAC,wCAAwC,GAAG,EAE1D,iCAAK,SAAS,EAAC,kDAAkD,EAAC,OAAO,EAAE,OAAO,aAC/E,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,gCAAK,SAAS,EAAC,2CAA2C,YACvD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,2BAAC,oBAAQ,OACH,MAAM,EACV,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,EAAE,EAAE,MAAM,CAAC,KAAK,EAChB,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,OAAO,EAClC,UAAU,EAAE,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9C,SAAS,EAAE,IAAA,yBAAQ,EAAC,KAAK,KAAK,CAAC,IAAI,UAAU,CAAC,GAC9C,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,CACF,YAAY,CACb,EAEA,WAAW,IAAI,CACd,gCAAK,SAAS,EAAC,6BAA6B,YAC1C,uBAAC,oBAAQ,IAAC,EAAE,EAAC,QAAQ,EAAC,KAAK,EAAE,WAAW,GAAI,GACxC,CACP,IACG,IACC,GACE,CACd,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC"}
|
|
@@ -16,4 +16,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./menu-item"), exports);
|
|
18
18
|
__exportStar(require("./menu-item-types"), exports);
|
|
19
|
+
__exportStar(require("./full-screen-drop-down-menu"), exports);
|
|
19
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,oDAAkC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,oDAAkC;AAClC,+DAA6C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drop-down-menu-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG;IACnD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"drop-down-menu-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG;IACnD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC"}
|
|
@@ -6,6 +6,8 @@ type Props = {
|
|
|
6
6
|
isFixed?: boolean;
|
|
7
7
|
isOpen?: boolean;
|
|
8
8
|
isDisabled?: boolean;
|
|
9
|
+
fullScreen?: boolean;
|
|
10
|
+
cancelLabel?: string;
|
|
9
11
|
className?: string;
|
|
10
12
|
dropDownClassName?: string;
|
|
11
13
|
selectedIDs: string[];
|
|
@@ -21,6 +23,6 @@ export type DropDownMenuRowProps = RowComponentProps<{
|
|
|
21
23
|
selectedIDs: string[];
|
|
22
24
|
menuItemRef: LegacyRef<HTMLButtonElement>;
|
|
23
25
|
}>;
|
|
24
|
-
export declare function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElement, selectedIDs, isFixed, isDisabled, variant, children, onClose, }: Props): JSX.Element;
|
|
26
|
+
export declare function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElement, selectedIDs, isFixed, isDisabled, fullScreen, cancelLabel, variant, children, onClose, }: Props): JSX.Element;
|
|
25
27
|
export type { Props as DropDownMenuProps };
|
|
26
28
|
//# sourceMappingURL=drop-down-menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drop-down-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAQ,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"drop-down-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAQ,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAG9D,OAAO,EAAoC,eAAe,EAAE,MAAM,cAAc,CAAC;AAGjF,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,aAAa,EAAE,uBAAuB,EAAE,CAAC;IACzC,OAAO,EAAE,eAAe,CAAC;IACzB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAC3C,CAAC,CAAC;AAmCH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,WAAgB,EAChB,OAAc,EACd,UAAkB,EAClB,UAAkB,EAClB,WAAW,EACX,OAAiC,EACjC,QAAQ,EACR,OAAO,GACR,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAyDrB;AAED,YAAY,EAAE,KAAK,IAAI,iBAAiB,EAAE,CAAC"}
|
|
@@ -4,6 +4,7 @@ exports.DropDownMenu = DropDownMenu;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_window_1 = require("react-window");
|
|
6
6
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
|
+
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
7
8
|
const components_1 = require("./components");
|
|
8
9
|
const use_drop_down_menu_1 = require("./use-drop-down-menu");
|
|
9
10
|
const MAX_VISIBLE_ITEMS = 5.5;
|
|
@@ -18,7 +19,8 @@ function DropDownMenuRow({ index, style, uniqueOptions, variant, selectedIDs, me
|
|
|
18
19
|
'border-t': !isFirst,
|
|
19
20
|
}) }) }));
|
|
20
21
|
}
|
|
21
|
-
function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElement, selectedIDs = [], isFixed = true, isDisabled = false, variant = components_1.MenuItemVariant.DEFAULT, children, onClose, }) {
|
|
22
|
+
function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElement, selectedIDs = [], isFixed = true, isDisabled = false, fullScreen = false, cancelLabel, variant = components_1.MenuItemVariant.DEFAULT, children, onClose, }) {
|
|
23
|
+
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
22
24
|
const { itemHeight, menuItemRef, containerRef, isDorpDownMenuOpen, handleOpenDorpDown } = (0, use_drop_down_menu_1.useDropDownMenu)({
|
|
23
25
|
isOpen,
|
|
24
26
|
isDisabled,
|
|
@@ -26,6 +28,7 @@ function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElem
|
|
|
26
28
|
});
|
|
27
29
|
const uniqueOptions = options?.filter((_option, index, self) => self.findIndex((option) => option.value === _option.value) === index);
|
|
28
30
|
const maxHeight = itemHeight * MAX_VISIBLE_ITEMS;
|
|
29
|
-
|
|
31
|
+
const isFullScreenMenu = fullScreen && isMobile;
|
|
32
|
+
return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, className: (0, tailwind_utils_1.tailwind)('relative', className), children: [(0, jsx_runtime_1.jsx)("div", { onClick: handleOpenDorpDown, children: children }), isFullScreenMenu ? ((0, jsx_runtime_1.jsx)(components_1.FullScreenDropDownMenu, { isOpen: isDorpDownMenuOpen, options: uniqueOptions, selectedIDs: selectedIDs, variant: variant, cancelLabel: cancelLabel, emptyElement: emptyElement, onClose: handleOpenDorpDown })) : ((0, jsx_runtime_1.jsx)("div", { onClick: handleOpenDorpDown, className: (0, tailwind_utils_1.tailwind)(isFixed ? 'absolute z-30 top-full' : 'flex', 'mt-2 shadow-white-tree rounded-lg min-w-[200px] w-full', 'overflow-y-auto overflow-x-hidden h-fit', { hidden: !isDorpDownMenuOpen }, dropDownClassName), children: uniqueOptions && uniqueOptions.length > 0 ? ((0, jsx_runtime_1.jsx)(react_window_1.List, { rowHeight: itemHeight, rowComponent: DropDownMenuRow, rowCount: uniqueOptions.length, rowProps: { uniqueOptions, variant, selectedIDs, menuItemRef }, style: { maxHeight: maxHeight, width: '100%' }, className: "overflow-y-auto overflow-x-hidden" })) : (emptyElement) }))] }));
|
|
30
33
|
}
|
|
31
34
|
//# sourceMappingURL=drop-down-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drop-down-menu.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"drop-down-menu.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/drop-down-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAGrE,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,uBAAuB,EAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,QAAQ,GACT,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAGrE,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,uBAAuB,EAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,QAAQ,GACT,EAAE,qBAAqB,2CA2CvB"}
|
|
@@ -20,11 +20,11 @@ function RadioButtonGroup({ data, className, selectedData, isUnselectable, onSel
|
|
|
20
20
|
}
|
|
21
21
|
return ((0, jsx_runtime_1.jsx)("div", { className: className, children: data.map((object, key) => {
|
|
22
22
|
const isSelected = object.value === selectedData;
|
|
23
|
-
const { isDisabled, label, onSelect } = object;
|
|
23
|
+
const { isDisabled, label, labelClassName, containerClassName, onSelect } = object;
|
|
24
24
|
return ((0, jsx_runtime_1.jsx)(__1.RadioButton, { onSelect: () => {
|
|
25
25
|
onChange(!isSelected, object);
|
|
26
26
|
onSelect?.(!isSelected);
|
|
27
|
-
}, label: label, value: isSelected, isDisabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('mb-[24px]', data.length - 1 === key && 'mb-0') }, key));
|
|
27
|
+
}, label: label, labelClassName: labelClassName, containerClassName: containerClassName, value: isSelected, isDisabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('mb-[24px]', data.length - 1 === key && 'mb-0') }, key));
|
|
28
28
|
}) }));
|
|
29
29
|
}
|
|
30
30
|
//# sourceMappingURL=radio-button-group.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button-group.js","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":";;AAaA,
|
|
1
|
+
{"version":3,"file":"radio-button-group.js","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":";;AAaA,4CAiDC;;AA7DD,2BAAkC;AAElC,qEAA4D;AAU5D,SAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,QAAQ,GACc;IACtB,SAAS,QAAQ,CAAC,QAAiB,EAAE,MAAoB;QACvD,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,IAAI,cAAc,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAEpB,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC;QAErE,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,YACtB,IAAI,CAAC,GAAG,CAAC,CAAC,MAA+B,EAAE,GAAW,EAAE,EAAE;YACzD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,KAAK,YAAY,CAAC;YACjD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;YAEnF,OAAO,CACL,uBAAC,eAAW,IAEV,QAAQ,EAAE,GAAG,EAAE;oBACb,QAAQ,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;oBAC9B,QAAQ,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC;gBAC1B,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,yBAAQ,EAAC,WAAW,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,GAAG,IAAI,MAAM,CAAC,IAV9D,GAAG,CAWR,CACH,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -3,8 +3,10 @@ export type RadioButtonProps = {
|
|
|
3
3
|
value: boolean;
|
|
4
4
|
isDisabled?: boolean;
|
|
5
5
|
className?: string;
|
|
6
|
+
labelClassName?: string;
|
|
7
|
+
containerClassName?: string;
|
|
6
8
|
radioButtonClassName?: string;
|
|
7
9
|
onSelect?: (event: boolean) => void;
|
|
8
10
|
};
|
|
9
|
-
export declare function RadioButton({ label, className, value, isDisabled, radioButtonClassName, onSelect, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function RadioButton({ label, className, value, isDisabled, labelClassName, containerClassName, radioButtonClassName, onSelect, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
10
12
|
//# sourceMappingURL=radio-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/radio-button/radio-button.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,KAAa,EACb,UAAkB,EAClB,oBAAoB,EACpB,QAAQ,GACT,EAAE,gBAAgB,2CAkDlB"}
|
|
1
|
+
{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/radio-button/radio-button.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,KAAa,EACb,UAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,QAAQ,GACT,EAAE,gBAAgB,2CAkDlB"}
|
|
@@ -4,14 +4,14 @@ exports.RadioButton = RadioButton;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const components_1 = require("../../../components");
|
|
6
6
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
|
-
function RadioButton({ label, className, value = false, isDisabled = false, radioButtonClassName, onSelect, }) {
|
|
7
|
+
function RadioButton({ label, className, value = false, isDisabled = false, labelClassName, containerClassName, radioButtonClassName, onSelect, }) {
|
|
8
8
|
const handleClick = () => {
|
|
9
9
|
if (isDisabled) {
|
|
10
10
|
return;
|
|
11
11
|
}
|
|
12
12
|
onSelect?.(value);
|
|
13
13
|
};
|
|
14
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col', isDisabled ? 'cursor-not-allowed' : 'cursor-pointer', className), onClick: handleClick, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row w-fit items-center'), children: [(0, jsx_runtime_1.jsx)("button", { role: "radio-button", type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex justify-center items-center md:h-[20px] md:w-[20px] h-[18px] w-[18px] border-2 rounded-full cursor-pointer shrink-0', 'border-gray-04 bg-white', 'hover:bg-gray-05', 'disabled:cursor-not-allowed disabled:border-gray-05 disabled:bg-white', 'focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-2 focus-visible:border-none focus:outline-blue-01', value &&
|
|
15
|
-
'border-none bg-blue-01 hover:bg-blue-02 focus-visible:bg-blue-02 disabled:bg-blue-03', radioButtonClassName), children: value && ((0, jsx_runtime_1.jsx)("div", { className: "bg-white rounded-full md:w-[10px] md:h-[10px] w-[9px] h-[9px]" })) }), label && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('ml-2 select-none whitespace-normal'), color: isDisabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, children: label }))] }) }));
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col', isDisabled ? 'cursor-not-allowed' : 'cursor-pointer', className), onClick: handleClick, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row w-fit items-center', containerClassName), children: [(0, jsx_runtime_1.jsx)("button", { role: "radio-button", type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex justify-center items-center md:h-[20px] md:w-[20px] h-[18px] w-[18px] border-2 rounded-full cursor-pointer shrink-0', 'border-gray-04 bg-white', 'hover:bg-gray-05', 'disabled:cursor-not-allowed disabled:border-gray-05 disabled:bg-white', 'focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-2 focus-visible:border-none focus:outline-blue-01', value &&
|
|
15
|
+
'border-none bg-blue-01 hover:bg-blue-02 focus-visible:bg-blue-02 disabled:bg-blue-03', radioButtonClassName), children: value && ((0, jsx_runtime_1.jsx)("div", { className: "bg-white rounded-full md:w-[10px] md:h-[10px] w-[9px] h-[9px]" })) }), label && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('ml-2 select-none whitespace-normal', labelClassName), color: isDisabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, children: label }))] }) }));
|
|
16
16
|
}
|
|
17
17
|
//# sourceMappingURL=radio-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/radio-button/radio-button.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/radio-button/radio-button.tsx"],"names":[],"mappings":";;AAcA,kCA2DC;;AAzED,oDAAoE;AACpE,kEAAyD;AAazD,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,KAAK,GAAG,KAAK,EACb,UAAU,GAAG,KAAK,EAClB,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,QAAQ,GACS;IACjB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,eAAe,EACf,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,EACpD,SAAS,CACV,EACD,OAAO,EAAE,WAAW,YAEpB,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,kCAAkC,EAAE,kBAAkB,CAAC,aAC9E,mCACE,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,0HAA0H,EAC1H,yBAAyB,EACzB,kBAAkB,EAClB,uEAAuE,EACvE,iIAAiI,EACjI,KAAK;wBACH,sFAAsF,EACxF,oBAAoB,CACrB,YAEA,KAAK,IAAI,CACR,gCAAK,SAAS,EAAC,+DAA+D,GAAG,CAClF,GACM,EACR,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,oCAAoC,EAAE,cAAc,CAAC,EACzE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,YAEzD,KAAK,GACD,CACR,IACG,GACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./signature"), exports);
|
|
18
|
+
__exportStar(require("./signature-types"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,oDAAkC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const signatureContainerStyles: (props?: ({
|
|
2
|
+
isEmpty?: boolean | null | undefined;
|
|
3
|
+
disabled?: boolean | null | undefined;
|
|
4
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
5
|
+
//# sourceMappingURL=signature-styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"signature-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB;;;mFAYnC,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.signatureContainerStyles = void 0;
|
|
4
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
|
5
|
+
exports.signatureContainerStyles = (0, class_variance_authority_1.cva)('relative w-full overflow-hidden rounded-xl', {
|
|
6
|
+
variants: {
|
|
7
|
+
isEmpty: {
|
|
8
|
+
true: 'bg-white signature-dashed',
|
|
9
|
+
false: 'bg-white border border-gray-04',
|
|
10
|
+
},
|
|
11
|
+
disabled: {
|
|
12
|
+
true: 'bg-gray-06 border-none signature-dashed',
|
|
13
|
+
false: '',
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
defaultVariants: { isEmpty: true, disabled: false },
|
|
17
|
+
});
|
|
18
|
+
//# sourceMappingURL=signature-styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"signature-styles.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature-styles.ts"],"names":[],"mappings":";;;AAAA,uEAA+C;AAElC,QAAA,wBAAwB,GAAG,IAAA,8BAAG,EAAC,4CAA4C,EAAE;IACxF,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,2BAA2B;YACjC,KAAK,EAAE,gCAAgC;SACxC;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,yCAAyC;YAC/C,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;CACpD,CAAC,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export type SignaturePoint = {
|
|
2
|
+
x: number;
|
|
3
|
+
y: number;
|
|
4
|
+
pressure: number;
|
|
5
|
+
time: number;
|
|
6
|
+
};
|
|
7
|
+
export type SignatureData = SignaturePoint[][];
|
|
8
|
+
export type SignatureImageFormat = 'image/png' | 'image/jpeg';
|
|
9
|
+
export type SignatureRef = {
|
|
10
|
+
clear: () => void;
|
|
11
|
+
undo: () => void;
|
|
12
|
+
isEmpty: () => boolean;
|
|
13
|
+
getDataURL: (format?: SignatureImageFormat, quality?: number) => string;
|
|
14
|
+
toSVG: () => string;
|
|
15
|
+
getData: () => SignatureData;
|
|
16
|
+
loadData: (data: SignatureData) => void;
|
|
17
|
+
loadDataURL: (dataURL: string) => Promise<void>;
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=signature-types.d.ts.map
|
|
@@ -0,0 +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;CACjD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"signature-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/signature/signature-types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { SignatureData, SignatureRef } from './signature-types';
|
|
2
|
+
type Props = {
|
|
3
|
+
value?: SignatureData;
|
|
4
|
+
defaultValue?: SignatureData;
|
|
5
|
+
onChange?: (data: SignatureData) => void;
|
|
6
|
+
onStart?: () => void;
|
|
7
|
+
onEnd?: (data: SignatureData) => void;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
clearLabel?: string;
|
|
10
|
+
helperText?: string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
readOnly?: boolean;
|
|
13
|
+
className?: string;
|
|
14
|
+
canvasClassName?: string;
|
|
15
|
+
'aria-label'?: string;
|
|
16
|
+
};
|
|
17
|
+
export declare const Signature: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SignatureRef>>;
|
|
18
|
+
export type { Props as SignatureProps };
|
|
19
|
+
//# sourceMappingURL=signature.d.ts.map
|
|
@@ -0,0 +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;AAGrE,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,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,gGAwEpB,CAAC;AAEH,YAAY,EAAE,KAAK,IAAI,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Signature = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const components_1 = require("../../../components");
|
|
7
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
8
|
+
const signature_styles_1 = require("./signature-styles");
|
|
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)({
|
|
12
|
+
forwardedRef,
|
|
13
|
+
value,
|
|
14
|
+
defaultValue,
|
|
15
|
+
onChange,
|
|
16
|
+
onStart,
|
|
17
|
+
onEnd,
|
|
18
|
+
disabled,
|
|
19
|
+
readOnly,
|
|
20
|
+
});
|
|
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
|
+
});
|
|
23
|
+
//# sourceMappingURL=signature.js.map
|
|
@@ -0,0 +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;AAkBlC,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAsB,SAAS,SAAS,CACzE,EACE,KAAK,EACL,YAAY,EACZ,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,GAAG,IAAA,4BAAY,EAAC;QAC9D,YAAY;QACZ,KAAK;QACL,YAAY;QACZ,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,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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ForwardedRef, RefObject } from 'react';
|
|
2
|
+
import type { SignatureData, SignatureRef } from './signature-types';
|
|
3
|
+
type UseSignatureProps = {
|
|
4
|
+
forwardedRef: ForwardedRef<SignatureRef>;
|
|
5
|
+
value?: SignatureData;
|
|
6
|
+
defaultValue?: SignatureData;
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
readOnly: boolean;
|
|
9
|
+
onStart?: () => void;
|
|
10
|
+
onEnd?: (data: SignatureData) => void;
|
|
11
|
+
onChange?: (data: SignatureData) => void;
|
|
12
|
+
};
|
|
13
|
+
type UseSignatureReturn = {
|
|
14
|
+
clear: () => void;
|
|
15
|
+
canvasElementRef: RefObject<HTMLCanvasElement>;
|
|
16
|
+
isCanvasEmpty: boolean;
|
|
17
|
+
};
|
|
18
|
+
export declare function useSignature({ forwardedRef, value, defaultValue, disabled, readOnly, onStart, onEnd, onChange, }: UseSignatureProps): UseSignatureReturn;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=use-signature.d.ts.map
|
|
@@ -0,0 +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;AAIf,OAAO,KAAK,EAAE,aAAa,EAAwB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAM3F,KAAK,iBAAiB,GAAG;IACvB,YAAY,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,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;CACxB,CAAC;AA+CF,wBAAgB,YAAY,CAAC,EAC3B,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,GACT,EAAE,iBAAiB,GAAG,kBAAkB,CAiMxC"}
|