period-ui 0.3.3 → 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/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -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/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.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- 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 +1 -1
|
@@ -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"}
|
|
@@ -29,6 +29,7 @@ export * from './molecules/callout';
|
|
|
29
29
|
export * from './molecules/accordion';
|
|
30
30
|
export * from './molecules/search-bar';
|
|
31
31
|
export * from './molecules/pop-over';
|
|
32
|
+
export * from './molecules/three-dot-menu';
|
|
32
33
|
export * from './organisms/tool-tip';
|
|
33
34
|
export * from './organisms/filter-modal';
|
|
34
35
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -45,6 +45,7 @@ __exportStar(require("./molecules/callout"), exports);
|
|
|
45
45
|
__exportStar(require("./molecules/accordion"), exports);
|
|
46
46
|
__exportStar(require("./molecules/search-bar"), exports);
|
|
47
47
|
__exportStar(require("./molecules/pop-over"), exports);
|
|
48
|
+
__exportStar(require("./molecules/three-dot-menu"), exports);
|
|
48
49
|
__exportStar(require("./organisms/tool-tip"), exports);
|
|
49
50
|
__exportStar(require("./organisms/filter-modal"), exports);
|
|
50
51
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AAGpC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,sDAAoC;AACpC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AAGpC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,sDAAoC;AACpC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAG3C,uDAAqC;AACrC,2DAAyC"}
|
|
@@ -4,12 +4,13 @@ type Props = {
|
|
|
4
4
|
isPanel: boolean;
|
|
5
5
|
title: string;
|
|
6
6
|
options?: DropDownMenuOptionProps[];
|
|
7
|
+
optionsCancelLabel?: string;
|
|
7
8
|
titleVariant?: TextVariant;
|
|
8
9
|
children: ReactElement | ReactElement[];
|
|
9
10
|
isRightDirection?: boolean;
|
|
10
11
|
className?: string;
|
|
11
12
|
onClose?: () => void;
|
|
12
13
|
};
|
|
13
|
-
export declare function DrawerComponent({ title, isPanel, options, titleVariant, children, className, isRightDirection, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function DrawerComponent({ title, isPanel, options, optionsCancelLabel, titleVariant, children, className, isRightDirection, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export {};
|
|
15
16
|
//# sourceMappingURL=drawer-component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-component.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/drawer-component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,
|
|
1
|
+
{"version":3,"file":"drawer-component.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/drawer-component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EACL,uBAAuB,EAMvB,WAAW,EAEZ,MAAM,UAAU,CAAC;AAGlB,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,OAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAO,GACR,EAAE,KAAK,2CA2CP"}
|
|
@@ -4,12 +4,12 @@ exports.DrawerComponent = DrawerComponent;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const __1 = require("../../..");
|
|
6
6
|
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
7
|
-
function DrawerComponent({ title, isPanel, options = [], titleVariant, children, className, isRightDirection, onClose, }) {
|
|
7
|
+
function DrawerComponent({ title, isPanel, options = [], optionsCancelLabel, titleVariant, children, className, isRightDirection, onClose, }) {
|
|
8
8
|
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col p-8 w-[440px] h-full', 'transform bg-white', {
|
|
9
9
|
'rounded-l-2xl': !isPanel,
|
|
10
10
|
'border border-y-transparent': isPanel,
|
|
11
11
|
'border-l-gray-four border-r-transparent': isPanel && isRightDirection,
|
|
12
12
|
'border-l-transparent border-r-gray-four': isPanel && !isRightDirection,
|
|
13
|
-
}, className), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row sticky justify-start items-center bg-white', children && 'mb-6'), children: [(onClose || !isPanel) && ((0, jsx_runtime_1.jsx)(__1.IconButton, { onClick: onClose, icon: __1.IconSymbol.CHEVRON_LEFT, className: "shrink-0", size: __1.IconSize.XL })), (0, jsx_runtime_1.jsx)(__1.Text, { variant: titleVariant, className: (0, tailwind_utils_1.tailwind)('mx-1 truncate'), color: __1.TextColors.BLACK, children: title }), options.length > 0 && ((0, jsx_runtime_1.jsx)(__1.
|
|
13
|
+
}, className), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row sticky justify-start items-center bg-white', children && 'mb-6'), children: [(onClose || !isPanel) && ((0, jsx_runtime_1.jsx)(__1.IconButton, { onClick: onClose, icon: __1.IconSymbol.CHEVRON_LEFT, className: "shrink-0", size: __1.IconSize.XL })), (0, jsx_runtime_1.jsx)(__1.Text, { variant: titleVariant, className: (0, tailwind_utils_1.tailwind)('mx-1 truncate'), color: __1.TextColors.BLACK, children: title }), options.length > 0 && optionsCancelLabel && ((0, jsx_runtime_1.jsx)(__1.ThreeDotMenu, { options: options, cancelLabel: optionsCancelLabel, className: "ml-auto" }))] }), children] }));
|
|
14
14
|
}
|
|
15
15
|
//# sourceMappingURL=drawer-component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/drawer-component.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"drawer-component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/drawer-component.tsx"],"names":[],"mappings":";;AAyBA,0CAqDC;;AA7ED,gCASkB;AAClB,qEAA4D;AAc5D,SAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,OAAO,GAAG,EAAE,EACZ,kBAAkB,EAClB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAO,GACD;IACN,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,oCAAoC,EACpC,oBAAoB,EACpB;YACE,eAAe,EAAE,CAAC,OAAO;YACzB,6BAA6B,EAAE,OAAO;YACtC,yCAAyC,EAAE,OAAO,IAAI,gBAAgB;YACtE,yCAAyC,EAAE,OAAO,IAAI,CAAC,gBAAgB;SACxE,EACD,SAAS,CACV,aAED,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,0DAA0D,EAC1D,QAAQ,IAAI,MAAM,CACnB,aAEA,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CACxB,uBAAC,cAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAU,CAAC,YAAY,EAC7B,SAAS,EAAC,UAAU,EACpB,IAAI,EAAE,YAAQ,CAAC,EAAE,GACjB,CACH,EAED,uBAAC,QAAI,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,IAAA,yBAAQ,EAAC,eAAe,CAAC,EAAE,KAAK,EAAE,cAAU,CAAC,KAAK,YACvF,KAAK,GACD,EAEN,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,kBAAkB,IAAI,CAC3C,uBAAC,gBAAY,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAC,SAAS,GAAG,CACxF,IACG,EAGL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -10,10 +10,11 @@ type Props = {
|
|
|
10
10
|
titleVariant?: TextVariant;
|
|
11
11
|
children: ReactElement | ReactElement[];
|
|
12
12
|
options?: DropDownMenuOptionProps[];
|
|
13
|
+
optionsCancelLabel?: string;
|
|
13
14
|
className?: string;
|
|
14
15
|
onClose?: () => void;
|
|
15
16
|
};
|
|
16
|
-
export declare function Drawer({ title, options, children, className, isOpen, direction, variant, titleVariant, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare function Drawer({ title, options, optionsCancelLabel, children, className, isOpen, direction, variant, titleVariant, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
17
18
|
export declare namespace Drawer {
|
|
18
19
|
var Footer: typeof FooterContentView;
|
|
19
20
|
var Content: typeof ExtendableContentView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAiC,WAAW,EAAE,MAAM,OAAO,CAAC;AAE5F,OAAO,EAAmB,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGzF,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAc,EACd,SAAiC,EACjC,OAA6B,EAC7B,YAAmC,EACnC,OAAO,GACR,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAiC,WAAW,EAAE,MAAM,OAAO,CAAC;AAE5F,OAAO,EAAmB,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGzF,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,MAAc,EACd,SAAiC,EACjC,OAA6B,EAC7B,YAAmC,EACnC,OAAO,GACR,EAAE,KAAK,2CA2CP;yBAtDe,MAAM;;;;AA2DtB,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,CAAC"}
|
|
@@ -7,14 +7,14 @@ const __1 = require("../..");
|
|
|
7
7
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
8
8
|
const components_1 = require("./components");
|
|
9
9
|
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
10
|
-
function Drawer({ title, options, children, className, isOpen = false, direction = _1.DrawerDirection.RIGHT, variant = _1.DrawerVariant.MODAL, titleVariant = __1.TextVariant.SUBTITLE, onClose, }) {
|
|
10
|
+
function Drawer({ title, options, optionsCancelLabel, children, className, isOpen = false, direction = _1.DrawerDirection.RIGHT, variant = _1.DrawerVariant.MODAL, titleVariant = __1.TextVariant.SUBTITLE, onClose, }) {
|
|
11
11
|
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
12
12
|
const isPanel = variant === _1.DrawerVariant.PANEL;
|
|
13
13
|
const isRightDirection = direction === _1.DrawerDirection.RIGHT || !isPanel;
|
|
14
14
|
if (isMobile) {
|
|
15
15
|
return ((0, jsx_runtime_1.jsx)(__1.FullScreenModal, { isOpen: isOpen, title: title, className: className, onClose: onClose, children: children }));
|
|
16
16
|
}
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isPanel ? ((0, jsx_runtime_1.jsx)(components_1.DrawerComponent, { isPanel: isPanel, isRightDirection: isRightDirection, title: title, titleVariant: titleVariant, options: options, children: children, onClose: onClose, className: className })) : ((0, jsx_runtime_1.jsx)(__1.ModalOverlay, { isOpen: isOpen, contentClassName: (0, tailwind_utils_1.tailwind)('justify-end'), children: (0, jsx_runtime_1.jsx)(components_1.DrawerComponent, { isPanel: isPanel, title: title, titleVariant: titleVariant, options: options, children: children, onClose: onClose, className: className }) })) }));
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isPanel ? ((0, jsx_runtime_1.jsx)(components_1.DrawerComponent, { isPanel: isPanel, isRightDirection: isRightDirection, title: title, titleVariant: titleVariant, options: options, optionsCancelLabel: optionsCancelLabel, children: children, onClose: onClose, className: className })) : ((0, jsx_runtime_1.jsx)(__1.ModalOverlay, { isOpen: isOpen, contentClassName: (0, tailwind_utils_1.tailwind)('justify-end'), children: (0, jsx_runtime_1.jsx)(components_1.DrawerComponent, { isPanel: isPanel, title: title, titleVariant: titleVariant, options: options, optionsCancelLabel: optionsCancelLabel, children: children, onClose: onClose, className: className }) })) }));
|
|
18
18
|
}
|
|
19
19
|
Drawer.Footer = components_1.FooterContentView;
|
|
20
20
|
Drawer.Content = components_1.ExtendableContentView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../src/components/molecules/drawer/drawer.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../src/components/molecules/drawer/drawer.tsx"],"names":[],"mappings":";;AAoBA,wBAsDC;;AAzED,wBAAmD;AACnD,6BAA4F;AAC5F,kEAAyD;AACzD,6CAAyF;AACzF,6EAAsE;AAetE,SAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,kBAAe,CAAC,KAAK,EACjC,OAAO,GAAG,gBAAa,CAAC,KAAK,EAC7B,YAAY,GAAG,eAAW,CAAC,QAAQ,EACnC,OAAO,GACD;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,OAAO,GAAG,OAAO,KAAK,gBAAa,CAAC,KAAK,CAAC;IAChD,MAAM,gBAAgB,GAAG,SAAS,KAAK,kBAAe,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC;IAEzE,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,uBAAC,mBAAe,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,YAClF,QAAQ,GACO,CACnB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,2DACG,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,4BAAe,IACd,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAY,IAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,IAAA,yBAAQ,EAAC,aAAa,CAAC,YACrE,uBAAC,4BAAe,IACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,GACW,CAChB,GACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,GAAG,8BAAiB,CAAC;AAClC,MAAM,CAAC,OAAO,GAAG,kCAAqB,CAAC"}
|
|
@@ -6,7 +6,8 @@ type Props = {
|
|
|
6
6
|
onChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
7
7
|
onClear: () => void;
|
|
8
8
|
className?: string;
|
|
9
|
+
debounceDelay?: number;
|
|
9
10
|
};
|
|
10
|
-
export declare function SearchBar({ isDisabled, value, placeholder, onChange, onClear, className, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function SearchBar({ isDisabled, value, placeholder, onChange, onClear, className, debounceDelay, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
export {};
|
|
12
13
|
//# sourceMappingURL=search-bar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/search-bar/search-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/search-bar/search-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAuB,MAAM,OAAO,CAAC;AAczD,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,UAAkB,EAClB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,GACd,EAAE,KAAK,2CAwEP"}
|
|
@@ -2,13 +2,35 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.SearchBar = SearchBar;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
5
6
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
|
+
const use_debounce_1 = require("../../../utils/use-debounce");
|
|
6
8
|
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
7
9
|
const components_1 = require("../../../components");
|
|
8
10
|
const clear_button_1 = require("./components/clear-button");
|
|
9
|
-
function SearchBar({ isDisabled = false, value, placeholder, onChange, onClear, className, }) {
|
|
11
|
+
function SearchBar({ isDisabled = false, value, placeholder, onChange, onClear, className, debounceDelay, }) {
|
|
10
12
|
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
11
|
-
|
|
12
|
-
|
|
13
|
+
const [inputValue, setInputValue] = (0, react_1.useState)(value);
|
|
14
|
+
const [changeEvent, setChangeEvent] = (0, react_1.useState)();
|
|
15
|
+
const debouncedValue = (0, use_debounce_1.useDebounce)(inputValue, debounceDelay);
|
|
16
|
+
(0, react_1.useEffect)(() => {
|
|
17
|
+
setInputValue(value);
|
|
18
|
+
}, [value]);
|
|
19
|
+
(0, react_1.useEffect)(() => {
|
|
20
|
+
if (changeEvent && changeEvent.target.value === debouncedValue) {
|
|
21
|
+
onChange(changeEvent);
|
|
22
|
+
}
|
|
23
|
+
}, [debouncedValue]);
|
|
24
|
+
function handleChange(e) {
|
|
25
|
+
setInputValue(e.target.value);
|
|
26
|
+
setChangeEvent(e);
|
|
27
|
+
}
|
|
28
|
+
function handleClear() {
|
|
29
|
+
setInputValue('');
|
|
30
|
+
setChangeEvent(undefined);
|
|
31
|
+
onClear();
|
|
32
|
+
}
|
|
33
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex items-center rounded-full', 'w-[272px] md:w-[314px] lg:w-[314px] xl:w-[314px]', 'h-[50px] md:h-[56px] lg:h-[56px] xl:h-[56px]', 'border border-gray-04', inputValue ? 'pl-4 pr-2' : 'px-4', isDisabled && 'bg-gray-05 cursor-not-allowed', !isDisabled &&
|
|
34
|
+
'hover:border-blue-02 focus-within:border-blue-01 focus-within:hover:border-blue-01', className), children: [(0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.MAGNIFYING_GLASS, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, color: isDisabled ? components_1.IconColor.GRAY_03 : components_1.IconColor.GRAY_02 }), (0, jsx_runtime_1.jsx)("input", { disabled: isDisabled, type: "text", value: inputValue, placeholder: placeholder, onChange: handleChange, className: (0, tailwind_utils_1.tailwind)('flex flex-row items-center py-4 ml-2 w-full', 'bg-transparent outline-none', `${components_1.TextStyle[components_1.TextVariant.BODY]}`, 'text-gray-01', 'placeholder:text-gray-03', 'disabled:text-gray-03 disabled:cursor-not-allowed') }), (0, jsx_runtime_1.jsx)(clear_button_1.ClearButton, { isDisabled: isDisabled, size: isMobile ? components_1.IconSize.XS : components_1.IconSize.SM, onClick: handleClear, className: (0, tailwind_utils_1.tailwind)(!inputValue && 'hidden') })] }));
|
|
13
35
|
}
|
|
14
36
|
//# sourceMappingURL=search-bar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-bar.js","sourceRoot":"","sources":["../../../../src/components/molecules/search-bar/search-bar.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"search-bar.js","sourceRoot":"","sources":["../../../../src/components/molecules/search-bar/search-bar.tsx"],"names":[],"mappings":";;AAwBA,8BAgFC;;AAxGD,iCAAyD;AACzD,kEAAyD;AACzD,8DAA0D;AAC1D,oFAA6E;AAC7E,oDAO6B;AAC7B,4DAAwD;AAYxD,SAAgB,SAAS,CAAC,EACxB,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,GACP;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAiC,CAAC;IAChF,MAAM,cAAc,GAAG,IAAA,0BAAW,EAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IAE9D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,CAAC,KAAK,KAAK,cAAc,EAAE,CAAC;YAC/D,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxB,CAAC;IAEH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,SAAS,YAAY,CAAC,CAAgC;QACpD,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,cAAc,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC;IAED,SAAS,WAAW;QAClB,aAAa,CAAC,EAAE,CAAC,CAAC;QAClB,cAAc,CAAC,SAAS,CAAC,CAAC;QAC1B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,gCAAgC,EAChC,kDAAkD,EAClD,8CAA8C,EAC9C,uBAAuB,EACvB,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EACjC,UAAU,IAAI,+BAA+B,EAC7C,CAAC,UAAU;YACT,oFAAoF,EACtF,SAAS,CACV,aAED,uBAAC,sBAAS,IACR,IAAI,EAAE,uBAAU,CAAC,gBAAgB,EACjC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,GACzD,EAEF,kCACE,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,IAAA,yBAAQ,EACjB,6CAA6C,EAC7C,6BAA6B,EAC7B,GAAG,sBAAS,CAAC,wBAAW,CAAC,IAAI,CAAC,EAAE,EAChC,cAAc,EACd,0BAA0B,EAC1B,mDAAmD,CACpD,GACD,EAEF,uBAAC,0BAAW,IACV,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAA,yBAAQ,EAAC,CAAC,UAAU,IAAI,QAAQ,CAAC,GAC5C,IACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAmB,MAAM,cAAc,CAAC;AAM1F,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,eAAe,EAAE,uBAAuB,EAAE,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,aAAiB,EACjB,YAAY,EACZ,cAAc,GACf,EAAE,cAAc,GAAG,eAAe,
|
|
1
|
+
{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAmB,MAAM,cAAc,CAAC;AAM1F,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,eAAe,EAAE,uBAAuB,EAAE,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,aAAiB,EACjB,YAAY,EACZ,cAAc,GACf,EAAE,cAAc,GAAG,eAAe,CA6KlC"}
|
|
@@ -18,7 +18,10 @@ function useSelect({ options, isMultiSelect, initialValues, initialInputValue, d
|
|
|
18
18
|
const handleOptionSelect = (0, react_1.useCallback)((option) => {
|
|
19
19
|
if (option.variant !== components_1.MenuItemVariant.DEFAULT)
|
|
20
20
|
return;
|
|
21
|
-
const newOption = {
|
|
21
|
+
const newOption = {
|
|
22
|
+
value: option.value,
|
|
23
|
+
label: option.selectedLabel ?? option.label,
|
|
24
|
+
};
|
|
22
25
|
if (isMultiSelect) {
|
|
23
26
|
if (selected.some((s) => s.value === option.value))
|
|
24
27
|
return;
|
|
@@ -33,7 +36,7 @@ function useSelect({ options, isMultiSelect, initialValues, initialInputValue, d
|
|
|
33
36
|
setSearchText('');
|
|
34
37
|
setIsOpenState(false);
|
|
35
38
|
setPrefilledText('');
|
|
36
|
-
onChangeText?.(
|
|
39
|
+
onChangeText?.(newOption.label);
|
|
37
40
|
onOptionChange?.([option.value]);
|
|
38
41
|
}
|
|
39
42
|
}, [isMultiSelect, selected, onChangeText, onOptionChange]);
|
|
@@ -103,7 +106,7 @@ function useSelect({ options, isMultiSelect, initialValues, initialInputValue, d
|
|
|
103
106
|
const values = Array.isArray(initialValues) ? initialValues : [initialValues];
|
|
104
107
|
const matched = options
|
|
105
108
|
.filter((option) => values.includes(option.value))
|
|
106
|
-
.map((option) => ({ value: option.value, label: option.label }));
|
|
109
|
+
.map((option) => ({ value: option.value, label: option.selectedLabel ?? option.label }));
|
|
107
110
|
setSelected(matched);
|
|
108
111
|
}, [options, initialValues]);
|
|
109
112
|
(0, react_1.useEffect)(() => {
|
|
@@ -115,7 +118,7 @@ function useSelect({ options, isMultiSelect, initialValues, initialInputValue, d
|
|
|
115
118
|
}
|
|
116
119
|
const matched = options.find((option) => option.label === initialInputValue || option.value === initialInputValue);
|
|
117
120
|
if (matched) {
|
|
118
|
-
setSelected([{ value: matched.value, label: matched.label }]);
|
|
121
|
+
setSelected([{ value: matched.value, label: matched.selectedLabel ?? matched.label }]);
|
|
119
122
|
setPrefilledText('');
|
|
120
123
|
}
|
|
121
124
|
else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":";;AA4BA,
|
|
1
|
+
{"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/use-select.ts"],"names":[],"mappings":";;AA4BA,8BAqLC;AAjND,iCAA0E;AAC1E,6CAA0F;AAE1F,uDAAmD;AACnD,iEAA2D;AAC3D,oEAAmE;AAuBnE,SAAgB,SAAS,CAAC,EACxB,OAAO,EACP,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,aAAa,GAAG,CAAC,EACjB,YAAY,EACZ,cAAc,GACC;IACf,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,6BAAc,GAAE,CAAC;IACvC,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAGhD,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACjD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAiB,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC;IAG5E,MAAM,eAAe,GAAG,IAAA,0BAAW,EAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IAE/D,IAAA,kCAAc,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAGjC,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,MAA+B,EAAE,EAAE;QAClC,IAAI,MAAM,CAAC,OAAO,KAAK,4BAAe,CAAC,OAAO;YAAE,OAAO;QAEvD,MAAM,SAAS,GAAiB;YAC9B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,KAAK;SAC5C,CAAC;QAEF,IAAI,aAAa,EAAE,CAAC;YAClB,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC;gBAAE,OAAO;YAE3D,MAAM,WAAW,GAAG,CAAC,GAAG,QAAQ,EAAE,SAAS,CAAC,CAAC;YAC7C,WAAW,CAAC,WAAW,CAAC,CAAC;YACzB,aAAa,CAAC,EAAE,CAAC,CAAC;YAClB,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC;YACnB,cAAc,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QACpD,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;YACzB,aAAa,CAAC,EAAE,CAAC,CAAC;YAClB,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,gBAAgB,CAAC,EAAE,CAAC,CAAC;YACrB,YAAY,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAChC,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,EACD,CAAC,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,CAAC,CACxD,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,mBAAW,EAChC,CAAC,KAAa,EAAE,EAAE;QAChB,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QAC9D,WAAW,CAAC,WAAW,CAAC,CAAC;QACzB,cAAc,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IACpD,CAAC,EACD,CAAC,QAAQ,EAAE,cAAc,CAAC,CAC3B,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,IAAY,EAAE,EAAE;QACf,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,CAAC,IAAa,EAAE,EAAE;QAC9C,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,aAAa,CAAC,EAAE,CAAC,CAAC;QACpB,CAAC;QAED,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CACH,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACrB,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;KACzC,CAAC,CAAC,EACL,CAAC,QAAQ,EAAE,cAAc,CAAC,CAC3B,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,eAAO,EAA4B,GAAG,EAAE;QAC9D,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACpE,MAAM,WAAW,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC,WAAW,EAAE,CAAC;QAE7D,OAAO,OAAO;aACX,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,aAAa,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;aACpE,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;YACjB,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,OAAO,IAAI,CAAC;YACd,CAAC;YACD,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,KAAK,4BAAe,CAAC,OAAO,EAAE,CAAC;gBACjE,OAAO,IAAI,CAAC;YACd,CAAC;YAED,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;YAC/E,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW;gBACpC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC;gBACnE,CAAC,CAAC,KAAK,CAAC;YAEV,OAAO,UAAU,IAAI,WAAW,CAAC;QACnC,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACd,MAAM,YAAY,GAAG,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,4BAAe,CAAC,OAAO,EAAE,CAAC;YACvF,OAAO;gBACL,GAAG,YAAY;gBACf,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC;oBACnB,kBAAkB,CAAC,YAAY,CAAC,CAAC;gBACnC,CAAC;aACF,CAAC;QACJ,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE5E,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,IAAI,MAAM,EAAE,CAAC;YACX,OAAO,UAAU,CAAC;QACpB,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,aAAa,CAAC;IAC7C,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAEjE,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAG/E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,aAAa,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;YAC1D,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;QAC9E,MAAM,OAAO,GAAG,OAAO;aACpB,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;aACjD,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAE3F,WAAW,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,KAAK,SAAS,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,IAAI,aAAa,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;YAC1D,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAC1B,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,iBAAiB,IAAI,MAAM,CAAC,KAAK,KAAK,iBAAiB,CACrF,CAAC;QAEF,IAAI,OAAO,EAAE,CAAC;YACZ,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,aAAa,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YACvF,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;YACpC,WAAW,CAAC,EAAE,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAEhD,OAAO;QACL,MAAM;QACN,UAAU;QACV,cAAc;QACd,SAAS;QACT,eAAe;QACf,QAAQ;QACR,kBAAkB;QAClB,SAAS;KACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/three-dot-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./three-dot-menu"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/three-dot-menu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { DropDownMenuOptionProps, MenuItemVariant } from '../../../components';
|
|
3
|
+
type Props = {
|
|
4
|
+
isOpen?: boolean;
|
|
5
|
+
isDisabled?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
dropDownClassName?: string;
|
|
8
|
+
cancelLabel: string;
|
|
9
|
+
selectedIDs?: string[];
|
|
10
|
+
variant?: MenuItemVariant;
|
|
11
|
+
emptyElement?: ReactElement;
|
|
12
|
+
options: DropDownMenuOptionProps[];
|
|
13
|
+
onClose?: (value: boolean) => void;
|
|
14
|
+
};
|
|
15
|
+
export declare function ThreeDotMenu({ isOpen, isDisabled, className, dropDownClassName, cancelLabel, selectedIDs, variant, emptyElement, options, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export type { Props as ThreeDotMenuProps };
|
|
17
|
+
//# sourceMappingURL=three-dot-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"three-dot-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/three-dot-menu/three-dot-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAEL,uBAAuB,EAIvB,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAG7B,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,UAAkB,EAClB,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,WAAgB,EAChB,OAAO,EACP,YAAY,EACZ,OAAO,EACP,OAAO,GACR,EAAE,KAAK,2CAuBP;AAED,YAAY,EAAE,KAAK,IAAI,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ThreeDotMenu = ThreeDotMenu;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const components_1 = require("../../../components");
|
|
6
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
|
+
function ThreeDotMenu({ isOpen, isDisabled = false, className, dropDownClassName, cancelLabel, selectedIDs = [], variant, emptyElement, options, onClose, }) {
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { fullScreen: true, isOpen: isOpen, isDisabled: isDisabled, selectedIDs: selectedIDs, variant: variant, options: options, emptyElement: emptyElement, cancelLabel: cancelLabel, className: className, dropDownClassName: (0, tailwind_utils_1.tailwind)('right-0', dropDownClassName), onClose: onClose, children: (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: components_1.IconSymbol.THREE_DOT, isDisabled: isDisabled, className: "shrink-0 self-end", size: components_1.IconSize.XL }) }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=three-dot-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"three-dot-menu.js","sourceRoot":"","sources":["../../../../src/components/molecules/three-dot-menu/three-dot-menu.tsx"],"names":[],"mappings":";;AAwBA,oCAkCC;;AAzDD,oDAO6B;AAC7B,kEAAyD;AAezD,SAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,WAAW,GAAG,EAAE,EAChB,OAAO,EACP,YAAY,EACZ,OAAO,EACP,OAAO,GACD;IACN,OAAO,CACL,uBAAC,yBAAY,IACX,UAAU,QACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,IAAA,yBAAQ,EAAC,SAAS,EAAE,iBAAiB,CAAC,EACzD,OAAO,EAAE,OAAO,YAEhB,uBAAC,uBAAU,IACT,IAAI,EAAE,uBAAU,CAAC,SAAS,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAE,qBAAQ,CAAC,EAAE,GACjB,GACW,CAChB,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/filter-modal/components/filter.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAElB,iBAAiB,EAEjB,mBAAmB,EAEnB,oBAAoB,EAEpB,eAAe,EAGhB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,OAAO,EACP,WAAW,EACX,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,YAAY,GACb,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/filter-modal/components/filter.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAElB,iBAAiB,EAEjB,mBAAmB,EAEnB,oBAAoB,EAEpB,eAAe,EAGhB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,OAAO,EACP,WAAW,EACX,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,YAAY,GACb,EAAE,KAAK,2CAoHP"}
|
|
@@ -17,10 +17,18 @@ function Filter({ variant, caption, selectProps, checkBoxProps, datePickerProps,
|
|
|
17
17
|
}
|
|
18
18
|
function renderFilterComponent() {
|
|
19
19
|
const stepComponents = {
|
|
20
|
-
[filter_variant_1.FilterVariant.CHECK_BOX]: checkBoxProps ? ((0, jsx_runtime_1.jsx)(components_1.FormCheckBox, { ...checkBoxProps,
|
|
20
|
+
[filter_variant_1.FilterVariant.CHECK_BOX]: checkBoxProps ? ((0, jsx_runtime_1.jsx)(components_1.FormCheckBox, { ...checkBoxProps, data: checkBoxProps.data.map((option) => ({
|
|
21
|
+
...option,
|
|
22
|
+
labelClassName: (0, tailwind_utils_1.tailwind)('truncate', option.labelClassName),
|
|
23
|
+
containerClassName: (0, tailwind_utils_1.tailwind)('w-full', option.containerClassName),
|
|
24
|
+
})), errorText: !checkBoxProps.checkedData || checkBoxProps.checkedData.length === 0
|
|
21
25
|
? checkBoxProps.errorText
|
|
22
|
-
: undefined, onCheckData: onChangeData })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})),
|
|
23
|
-
[filter_variant_1.FilterVariant.RADIO_BUTTON]: radioButtonProps ? ((0, jsx_runtime_1.jsx)(components_1.FormRadioButton, { ...radioButtonProps,
|
|
26
|
+
: undefined, formControlClassName: (0, tailwind_utils_1.tailwind)('w-full max-w-full md:w-full md:max-w-full', checkBoxProps.formControlClassName), onCheckData: onChangeData })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})),
|
|
27
|
+
[filter_variant_1.FilterVariant.RADIO_BUTTON]: radioButtonProps ? ((0, jsx_runtime_1.jsx)(components_1.FormRadioButton, { ...radioButtonProps, data: radioButtonProps.data.map((option) => ({
|
|
28
|
+
...option,
|
|
29
|
+
labelClassName: (0, tailwind_utils_1.tailwind)('truncate', option.labelClassName),
|
|
30
|
+
containerClassName: (0, tailwind_utils_1.tailwind)('w-full', option.containerClassName),
|
|
31
|
+
})), errorText: !radioButtonProps.selectedData ? radioButtonProps.errorText : undefined, formControlClassName: (0, tailwind_utils_1.tailwind)('w-full max-w-full md:w-full md:max-w-full', radioButtonProps.formControlClassName), onSelect: onChangeData })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})),
|
|
24
32
|
[filter_variant_1.FilterVariant.DATE_PICKER]: datePickerProps ? ((0, jsx_runtime_1.jsx)(components_1.FormDatePicker, { ...datePickerProps, numberOfMonths: 1, errorText: !datePickerProps.startDate && hasBlurred ? datePickerProps.errorText : undefined, mobileEndDateProps: {
|
|
25
33
|
...datePickerProps.mobileEndDateProps,
|
|
26
34
|
errorText: !datePickerProps.endDate && hasBlurredEndDate
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../../../src/components/organisms/filter-modal/components/filter.tsx"],"names":[],"mappings":";;AA2BA,
|
|
1
|
+
{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../../../src/components/organisms/filter-modal/components/filter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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,YAAY,EAAE,MAAM,QAAQ,CAAC;AAKnE,OAAO,EAAE,cAAc,EAA4B,MAAM,sBAAsB,CAAC;AAEhF,KAAK,mBAAmB,GAAG;IACzB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,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,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,KAAK,KAAK,CAAC,YAAY,CAAC;CACrE,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,UAAuC,EACvC,QAAQ,GACT,EAAE,KAAK,
|
|
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,YAAY,EAAE,MAAM,QAAQ,CAAC;AAKnE,OAAO,EAAE,cAAc,EAA4B,MAAM,sBAAsB,CAAC;AAEhF,KAAK,mBAAmB,GAAG;IACzB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,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,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,KAAK,KAAK,CAAC,YAAY,CAAC;CACrE,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,UAAuC,EACvC,QAAQ,GACT,EAAE,KAAK,2CAqCP;AAED,YAAY,EAAE,KAAK,IAAI,gBAAgB,EAAE,CAAC"}
|
|
@@ -13,6 +13,6 @@ function FormControl({ isDisabled, isRequired, formName, label, formProps, class
|
|
|
13
13
|
const isTouched = (!formName && !formProps) || formProps?.touched[formName ?? ''];
|
|
14
14
|
const isErrorVisible = errorText && isTouched;
|
|
15
15
|
const isHelperVisible = !isErrorVisible && helperText;
|
|
16
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col space-y-2 w-full', containerClassName), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col space-y-2', widthClassName, className), children: [label && ((0, jsx_runtime_1.jsx)(form_label_1.FormLabel, { isRequired: isRequired, hideRequiredMark: hideRequiredMark, label: label, optionalLabel: optionalLabel, toolTipProps: toolTipProps })),
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col space-y-2 w-full', containerClassName), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col space-y-2', widthClassName, className), children: [label && ((0, jsx_runtime_1.jsx)(form_label_1.FormLabel, { isRequired: isRequired, hideRequiredMark: hideRequiredMark, label: label, optionalLabel: optionalLabel, toolTipProps: toolTipProps })), children ? children({ isErrorVisible: !!isErrorVisible }) : null] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)({ hidden: !isHelperVisible && !isErrorVisible }), children: [isHelperVisible && ((0, jsx_runtime_1.jsx)(form_helper_1.FormHelper, { helperText: helperText, color: isDisabled ? __1.TextColors.BLACK_03 : __1.TextColors.BLACK_02 })), isErrorVisible && (0, jsx_runtime_1.jsx)(form_error_1.FormError, { className: "w-full", errorText: errorText })] })] }));
|
|
17
17
|
}
|
|
18
18
|
//# sourceMappingURL=form-control.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control.js","sourceRoot":"","sources":["../../../src/containers/form-control/form-control.tsx"],"names":[],"mappings":";;AA8BA,
|
|
1
|
+
{"version":3,"file":"form-control.js","sourceRoot":"","sources":["../../../src/containers/form-control/form-control.tsx"],"names":[],"mappings":";;AA8BA,kCAoDC;;AAhFD,8BAAmE;AACnE,+DAAsD;AACtD,wDAAoD;AACpD,0DAAsD;AACtD,wDAAoD;AACpD,6DAAgF;AAuBhF,SAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,GAAG,mCAAc,CAAC,WAAW,EACvC,QAAQ,GACF;IACN,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,SAAS,IAAI,SAAS,CAAC;IAC9C,MAAM,eAAe,GAAG,CAAC,cAAc,IAAI,UAAU,CAAC;IAEtD,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,gCAAgC,EAAE,kBAAkB,CAAC,aAC5E,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,yBAAyB,EAAE,cAAc,EAAE,SAAS,CAAC,aAE3E,KAAK,IAAI,CACR,uBAAC,sBAAS,IACR,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,GAC1B,CACH,EAEA,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IAC7D,EAEN,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,EAAE,MAAM,EAAE,CAAC,eAAe,IAAI,CAAC,cAAc,EAAE,CAAC,aAEtE,eAAe,IAAI,CAClB,uBAAC,wBAAU,IACT,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,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,GAAI,IACrE,IACF,CACP,CAAC;AACJ,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -2,9 +2,9 @@ export declare const _periodUI_marker = true;
|
|
|
2
2
|
export { Signature } from './components';
|
|
3
3
|
export type { SignatureProps, SignatureRef, SignatureData, SignatureImageFormat, } from './components';
|
|
4
4
|
export { 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';
|
|
5
|
-
export { Form, Drawer, DrawerVariant, DrawerDirection, Modal, ModalVariant, FilterVariant, Select, TextField, FormSelect, FilterModal, FormCheckBox, FormTextField, StatusSelector, StatusSelectorVariant, FormRadioButton, FormDatePicker, Callout, CalloutVariant, } from './components';
|
|
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 { FormControl, FormInputWidth } from './containers';
|
|
7
7
|
export type { FormControlProps } from './containers';
|
|
8
|
-
export type { ButtonProps, ToolTipProps, ChipProps, CheckboxProps, DatePickerProps, CheckboxMultiOptions, CheckBoxFilterOptions, DropDownMenuOptionProps, RadioButtonFilterOptions, StatusSelectorOptionProps, DrawerProps, ModalProps, FiltersOptions, FilterModalProps, FooterContentProps, ExtendableContentProps, FormErrors, FormConfig, FormHelpers, FormNames, FormRenderProps, FormSchema, TextFieldProps, FormSelectProps, FormTextFieldProps, FormDatePickerProps, } from './components';
|
|
8
|
+
export type { ButtonProps, ToolTipProps, ChipProps, CheckboxProps, DatePickerProps, CheckboxMultiOptions, CheckBoxFilterOptions, DropDownMenuOptionProps, RadioButtonFilterOptions, StatusSelectorOptionProps, DrawerProps, ModalProps, FiltersOptions, FilterModalProps, FooterContentProps, ExtendableContentProps, FormErrors, FormConfig, FormHelpers, FormNames, FormRenderProps, FormSchema, TextFieldProps, FormSelectProps, FormTextFieldProps, FormDatePickerProps, ThreeDotMenuProps, } from './components';
|
|
9
9
|
export type { MultiOptions } from './types/general';
|
|
10
10
|
//# 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,GACrB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,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,
|
|
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,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,WAAW,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,YAAY,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,GAClB,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
3
|
exports.StatusSelectorVariant = exports.StatusSelector = exports.FormTextField = 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.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.Signature = exports._periodUI_marker = void 0;
|
|
4
|
-
exports.FormInputWidth = exports.FormControl = exports.CalloutVariant = exports.Callout = exports.FormDatePicker = exports.FormRadioButton = void 0;
|
|
4
|
+
exports.FormInputWidth = exports.FormControl = exports.ThreeDotMenu = exports.CalloutVariant = exports.Callout = exports.FormDatePicker = exports.FormRadioButton = 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; } });
|
|
@@ -59,6 +59,7 @@ Object.defineProperty(exports, "FormRadioButton", { enumerable: true, get: funct
|
|
|
59
59
|
Object.defineProperty(exports, "FormDatePicker", { enumerable: true, get: function () { return components_3.FormDatePicker; } });
|
|
60
60
|
Object.defineProperty(exports, "Callout", { enumerable: true, get: function () { return components_3.Callout; } });
|
|
61
61
|
Object.defineProperty(exports, "CalloutVariant", { enumerable: true, get: function () { return components_3.CalloutVariant; } });
|
|
62
|
+
Object.defineProperty(exports, "ThreeDotMenu", { enumerable: true, get: function () { return components_3.ThreeDotMenu; } });
|
|
62
63
|
var containers_1 = require("./containers");
|
|
63
64
|
Object.defineProperty(exports, "FormControl", { enumerable: true, get: function () { return containers_1.FormControl; } });
|
|
64
65
|
Object.defineProperty(exports, "FormInputWidth", { enumerable: true, get: function () { return containers_1.FormInputWidth; } });
|
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;AASlB,2CAkCsB;AAjCpB,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,+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,
|
|
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;AASlB,2CAkCsB;AAjCpB,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,+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,2CAA2D;AAAlD,yGAAA,WAAW,OAAA;AAAE,4GAAA,cAAc,OAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tailwind-utils.d.ts","sourceRoot":"","sources":["../../src/utils/tailwind-utils.ts"],"names":[],"mappings":"AAAA,OAAa,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"tailwind-utils.d.ts","sourceRoot":"","sources":["../../src/utils/tailwind-utils.ts"],"names":[],"mappings":"AAAA,OAAa,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAWxC,wBAAgB,QAAQ,CAAC,GAAG,OAAO,EAAE,UAAU,EAAE,UAEhD"}
|
|
@@ -6,7 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.tailwind = tailwind;
|
|
7
7
|
const clsx_1 = __importDefault(require("clsx"));
|
|
8
8
|
const tailwind_merge_1 = require("tailwind-merge");
|
|
9
|
+
const customTwMerge = (0, tailwind_merge_1.extendTailwindMerge)({
|
|
10
|
+
override: {
|
|
11
|
+
conflictingClassGroups: {
|
|
12
|
+
'text-overflow': ['whitespace'],
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
});
|
|
9
16
|
function tailwind(...classes) {
|
|
10
|
-
return (
|
|
17
|
+
return customTwMerge((0, clsx_1.default)(classes));
|
|
11
18
|
}
|
|
12
19
|
//# sourceMappingURL=tailwind-utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tailwind-utils.js","sourceRoot":"","sources":["../../src/utils/tailwind-utils.ts"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"tailwind-utils.js","sourceRoot":"","sources":["../../src/utils/tailwind-utils.ts"],"names":[],"mappings":";;;;;AAWA,4BAEC;AAbD,gDAAwC;AACxC,mDAAqD;AAErD,MAAM,aAAa,GAAG,IAAA,oCAAmB,EAAC;IACxC,QAAQ,EAAE;QACR,sBAAsB,EAAE;YACtB,eAAe,EAAE,CAAC,YAAY,CAAC;SAChC;KACF;CACF,CAAC,CAAC;AAEH,SAAgB,QAAQ,CAAC,GAAG,OAAqB;IAC/C,OAAO,aAAa,CAAC,IAAA,cAAI,EAAC,OAAO,CAAC,CAAC,CAAC;AACtC,CAAC"}
|