period-ui 0.2.15 → 0.2.16
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/billo-icon/billo-icon-types.d.ts +2 -1
- package/dist/components/atoms/billo-icon/billo-icon-types.d.ts.map +1 -1
- package/dist/components/atoms/billo-icon/billo-icon-types.js +1 -0
- package/dist/components/atoms/billo-icon/billo-icon-types.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/components/menu-item.d.ts +2 -2
- package/dist/components/atoms/drop-down-menu/components/menu-item.d.ts.map +1 -1
- package/dist/components/atoms/drop-down-menu/components/menu-item.js +3 -3
- package/dist/components/atoms/drop-down-menu/components/menu-item.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/drop-down-menu-types.d.ts +2 -2
- 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 +2 -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 +4 -3
- package/dist/components/atoms/drop-down-menu/drop-down-menu.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/use-drop-down-menu.d.ts +3 -2
- package/dist/components/atoms/drop-down-menu/use-drop-down-menu.d.ts.map +1 -1
- package/dist/components/atoms/drop-down-menu/use-drop-down-menu.js +4 -1
- package/dist/components/atoms/drop-down-menu/use-drop-down-menu.js.map +1 -1
- package/dist/components/atoms/text/text-types.d.ts +4 -1
- package/dist/components/atoms/text/text-types.d.ts.map +1 -1
- package/dist/components/atoms/text/text-types.js +3 -0
- package/dist/components/atoms/text/text-types.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/select/select.d.ts.map +1 -1
- package/dist/components/molecules/select/select.js +1 -1
- package/dist/components/molecules/select/select.js.map +1 -1
- package/dist/components/molecules/status-selector/index.d.ts +4 -0
- package/dist/components/molecules/status-selector/index.d.ts.map +1 -0
- package/dist/components/molecules/status-selector/index.js +20 -0
- package/dist/components/molecules/status-selector/index.js.map +1 -0
- package/dist/components/molecules/status-selector/status-selector-variant.d.ts +16 -0
- package/dist/components/molecules/status-selector/status-selector-variant.d.ts.map +1 -0
- package/dist/components/molecules/status-selector/status-selector-variant.js +29 -0
- package/dist/components/molecules/status-selector/status-selector-variant.js.map +1 -0
- package/dist/components/molecules/status-selector/status-selector.d.ts +13 -0
- package/dist/components/molecules/status-selector/status-selector.d.ts.map +1 -0
- package/dist/components/molecules/status-selector/status-selector.js +26 -0
- package/dist/components/molecules/status-selector/status-selector.js.map +1 -0
- package/dist/components/molecules/status-selector/use-status-selector.d.ts +19 -0
- package/dist/components/molecules/status-selector/use-status-selector.d.ts.map +1 -0
- package/dist/components/molecules/status-selector/use-status-selector.js +41 -0
- package/dist/components/molecules/status-selector/use-status-selector.js.map +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"billo-icon-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon-types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"billo-icon-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon-types.ts"],"names":[],"mappings":"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"}
|
|
@@ -148,5 +148,6 @@ var IconColor;
|
|
|
148
148
|
IconColor["RED_02"] = "text-red-02";
|
|
149
149
|
IconColor["RED_03"] = "text-red-03";
|
|
150
150
|
IconColor["RED_04"] = "text-red-04";
|
|
151
|
+
IconColor["NONE"] = "text-current";
|
|
151
152
|
})(IconColor || (exports.IconColor = IconColor = {}));
|
|
152
153
|
//# sourceMappingURL=billo-icon-types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"billo-icon-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon-types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"billo-icon-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/billo-icon/billo-icon-types.ts"],"names":[],"mappings":";;;AAGA,IAAY,UAwGX;AAxGD,WAAY,UAAU;IACpB,sCAAwB,CAAA;IACxB,gCAAkB,CAAA;IAClB,sCAAwB,CAAA;IACxB,gDAAkC,CAAA;IAClC,kCAAoB,CAAA;IACpB,0DAA4C,CAAA;IAC5C,gCAAkB,CAAA;IAClB,oCAAsB,CAAA;IACtB,wCAA0B,CAAA;IAC1B,4CAA8B,CAAA;IAC9B,wCAA0B,CAAA;IAC1B,kDAAoC,CAAA;IACpC,gDAAkC,CAAA;IAClC,gDAAkC,CAAA;IAClC,gDAAkC,CAAA;IAClC,kDAAoC,CAAA;IACpC,4CAA8B,CAAA;IAC9B,0CAA4B,CAAA;IAC5B,kDAAoC,CAAA;IACpC,kCAAoB,CAAA;IACpB,wCAA0B,CAAA;IAC1B,wCAA0B,CAAA;IAC1B,gCAAkB,CAAA;IAClB,8CAAgC,CAAA;IAChC,wCAA0B,CAAA;IAC1B,wDAA0C,CAAA;IAC1C,0CAA4B,CAAA;IAC5B,8BAAgB,CAAA;IAChB,wCAA0B,CAAA;IAC1B,gCAAkB,CAAA;IAClB,oCAAsB,CAAA;IACtB,gCAAkB,CAAA;IAClB,gCAAkB,CAAA;IAClB,oDAAsC,CAAA;IACtC,kCAAoB,CAAA;IACpB,gCAAkB,CAAA;IAClB,4CAA8B,CAAA;IAC9B,gCAAkB,CAAA;IAClB,gCAAkB,CAAA;IAClB,4DAA8C,CAAA;IAC9C,wDAA0C,CAAA;IAC1C,4CAA8B,CAAA;IAC9B,kCAAoB,CAAA;IACpB,oCAAsB,CAAA;IACtB,oDAAsC,CAAA;IACtC,8CAAgC,CAAA;IAChC,oCAAsB,CAAA;IACtB,0CAA4B,CAAA;IAC5B,gCAAkB,CAAA;IAClB,8BAAgB,CAAA;IAChB,sCAAwB,CAAA;IACxB,4DAA8C,CAAA;IAC9C,wCAA0B,CAAA;IAC1B,0DAA4C,CAAA;IAC5C,kDAAoC,CAAA;IACpC,wCAA0B,CAAA;IAC1B,sCAAwB,CAAA;IACxB,kCAAoB,CAAA;IACpB,8BAAgB,CAAA;IAChB,kCAAoB,CAAA;IACpB,oCAAsB,CAAA;IACtB,oDAAsC,CAAA;IACtC,gCAAkB,CAAA;IAClB,sCAAwB,CAAA;IACxB,wCAA0B,CAAA;IAC1B,0BAAY,CAAA;IACZ,wCAA0B,CAAA;IAC1B,8CAAgC,CAAA;IAChC,4CAA8B,CAAA;IAC9B,sDAAwC,CAAA;IACxC,gCAAkB,CAAA;IAClB,wDAA0C,CAAA;IAC1C,8CAAgC,CAAA;IAChC,sCAAwB,CAAA;IACxB,kCAAoB,CAAA;IACpB,0CAA4B,CAAA;IAC5B,wCAA0B,CAAA;IAC1B,4CAA8B,CAAA;IAC9B,gCAAkB,CAAA;IAClB,gCAAkB,CAAA;IAClB,kCAAoB,CAAA;IACpB,sCAAwB,CAAA;IACxB,4CAA8B,CAAA;IAC9B,8CAAgC,CAAA;IAChC,0DAA4C,CAAA;IAC5C,wDAA0C,CAAA;IAC1C,4CAA8B,CAAA;IAC9B,4CAA8B,CAAA;IAC9B,8BAAgB,CAAA;IAChB,4CAA8B,CAAA;IAC9B,8DAAgD,CAAA;IAChD,oDAAsC,CAAA;IACtC,8CAAgC,CAAA;IAChC,8DAAgD,CAAA;IAChD,gDAAkC,CAAA;IAClC,4DAA8C,CAAA;IAC9C,4CAA8B,CAAA;IAC9B,8DAAgD,CAAA;IAChD,gDAAkC,CAAA;IAClC,sCAAwB,CAAA;IACxB,sCAAwB,CAAA;IACxB,kCAAoB,CAAA;IACpB,gCAAkB,CAAA;AACpB,CAAC,EAxGW,UAAU,0BAAV,UAAU,QAwGrB;AAED,IAAY,QAcX;AAdD,WAAY,QAAQ;IAClB,+BAAmB,CAAA;IACnB,8BAAkB,CAAA;IAClB,8BAAkB,CAAA;IAClB,8BAAkB,CAAA;IAClB,8BAAkB,CAAA;IAClB,8BAAkB,CAAA;IAClB,kCAAsB,CAAA;IACtB,oCAAwB,CAAA;IACxB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,kCAAsB,CAAA;IACtB,oCAAwB,CAAA;IACxB,oCAAwB,CAAA;AAC1B,CAAC,EAdW,QAAQ,wBAAR,QAAQ,QAcnB;AAED,IAAY,SA+BX;AA/BD,WAAY,SAAS;IACnB,iCAAoB,CAAA;IAEpB,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IAExB,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IAExB,uCAA0B,CAAA;IAC1B,uCAA0B,CAAA;IAC1B,uCAA0B,CAAA;IAC1B,uCAA0B,CAAA;IAE1B,yCAA4B,CAAA;IAC5B,yCAA4B,CAAA;IAC5B,yCAA4B,CAAA;IAC5B,yCAA4B,CAAA;IAE5B,mCAAsB,CAAA;IACtB,mCAAsB,CAAA;IACtB,mCAAsB,CAAA;IACtB,mCAAsB,CAAA;IAEtB,kCAAqB,CAAA;AACvB,CAAC,EA/BW,SAAS,yBAAT,SAAS,QA+BpB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { BilloIconProps } from '../../../../components';
|
|
2
2
|
import { MenuItemVariant } from './menu-item-types';
|
|
3
3
|
type Props = {
|
|
4
4
|
isDisabled?: boolean;
|
|
@@ -8,7 +8,7 @@ type Props = {
|
|
|
8
8
|
className?: string;
|
|
9
9
|
helperLabel?: string;
|
|
10
10
|
variant?: MenuItemVariant;
|
|
11
|
-
icon?:
|
|
11
|
+
icon?: BilloIconProps;
|
|
12
12
|
onClick?: () => void;
|
|
13
13
|
};
|
|
14
14
|
export declare const MenuItem: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,cAAc,EAOf,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,QAAQ,qGA2GnB,CAAC;AAEH,YAAY,EAAE,KAAK,IAAI,aAAa,EAAE,CAAC"}
|
|
@@ -13,10 +13,10 @@ exports.MenuItem = (0, react_1.forwardRef)(function MenuItem({ id, icon, label,
|
|
|
13
13
|
const isTextButton = variant === menu_item_types_1.MenuItemVariant.TEXT_BUTTON;
|
|
14
14
|
const isCheckBox = variant === menu_item_types_1.MenuItemVariant.CHECK_BOX;
|
|
15
15
|
return ((0, jsx_runtime_1.jsxs)("button", { ref: ref, type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('group', 'flex flex-row items-center p-4 w-full md:h-[56px] h-[50px]', 'cursor-pointer bg-white outline-none', 'disabled:cursor-not-allowed disabled:bg-white hover:bg-gray-05 active:bg-gray-04', 'focus-visible:border-2 focus-visible:border-blue-01 focus-visible:p-[14px]', isTextButton &&
|
|
16
|
-
'py-2 hover:bg-blue-03 active:bg-blue-03 focus-visible:py-[6px] focus-visible:bg-blue-03', isSelected && 'bg-gray-04 hover:bg-gray-04', className), "data-testid": id, onClick: onClick, children: [!isTextButton && icon && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, {
|
|
16
|
+
'py-2 hover:bg-blue-03 active:bg-blue-03 focus-visible:py-[6px] focus-visible:bg-blue-03', isSelected && 'bg-gray-04 hover:bg-gray-04', className), "data-testid": id, onClick: onClick, children: [!isTextButton && icon && ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, ...icon, className: (0, tailwind_utils_1.tailwind)('mr-2', isDestructive
|
|
17
17
|
? 'text-red-01 group-disabled:text-red-03'
|
|
18
|
-
: 'text-gray-01 group-disabled:text-gray-03') })), isCheckBox && ((0, jsx_runtime_1.jsx)(components_1.Checkbox, { isDisabled: isDisabled, value: isSelected, onCheckToggle: onClick, containerClassName: "mr-2", className: (0, tailwind_utils_1.tailwind)(!isSelected && 'group-hover:border-gray-03 group-hover:bg-gray-05', !isSelected &&
|
|
19
|
-
'group-disabled:bg-gray-06 group-disabled:border-gray-04 group-disabled:cursor-not-allowed') })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start w-full max-w-full", children: [isTextButton ? ((0, jsx_runtime_1.jsx)(components_1.TextButton, { isDisabled: isDisabled, icon: icon, label: label, className: (0, tailwind_utils_1.tailwind)('text-blue-01', 'group-disabled:text-blue-03', 'group-hover:bg-blue-03', 'group-active:bg-blue-03 group-active:text-blue-00', 'group-focus-visible:bg-blue-03') })) : ((0, jsx_runtime_1.jsx)(components_1.Text, { className: (0, tailwind_utils_1.tailwind)('truncate text-left w-full', isDestructive
|
|
18
|
+
: 'text-gray-01 group-disabled:text-gray-03', icon.className) })), isCheckBox && ((0, jsx_runtime_1.jsx)(components_1.Checkbox, { isDisabled: isDisabled, value: isSelected, onCheckToggle: onClick, containerClassName: "mr-2", className: (0, tailwind_utils_1.tailwind)(!isSelected && 'group-hover:border-gray-03 group-hover:bg-gray-05', !isSelected &&
|
|
19
|
+
'group-disabled:bg-gray-06 group-disabled:border-gray-04 group-disabled:cursor-not-allowed') })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start w-full max-w-full", children: [isTextButton ? ((0, jsx_runtime_1.jsx)(components_1.TextButton, { isDisabled: isDisabled, icon: icon?.icon, label: label, className: (0, tailwind_utils_1.tailwind)('text-blue-01', 'group-disabled:text-blue-03', 'group-hover:bg-blue-03', 'group-active:bg-blue-03 group-active:text-blue-00', 'group-focus-visible:bg-blue-03') })) : ((0, jsx_runtime_1.jsx)(components_1.Text, { className: (0, tailwind_utils_1.tailwind)('truncate text-left w-full', icon?.icon && 'pr-8', isDestructive
|
|
20
20
|
? 'text-red-01 group-disabled:text-red-03'
|
|
21
21
|
: 'text-gray-01 group-disabled:text-gray-03'), children: label })), helperLabel && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HELPER, color: components_1.TextColors.BLACK, className: "group-disabled:text-gray-03 text-left truncate w-full", children: helperLabel }))] })] }, id));
|
|
22
22
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/menu-item.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiD;AACjD,uDASgC;AAChC,qEAA4D;AAC5D,uFAAgF;AAChF,uDAAoD;AAcvC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA2B,SAAS,QAAQ,CAC5E,EACE,EAAE,EACF,IAAI,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,iCAAe,CAAC,OAAO,EACjC,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACZ,EACR,GAAoC;IAEpC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,OAAO,KAAK,iCAAe,CAAC,WAAW,CAAC;IAC9D,MAAM,YAAY,GAAG,OAAO,KAAK,iCAAe,CAAC,WAAW,CAAC;IAC7D,MAAM,UAAU,GAAG,OAAO,KAAK,iCAAe,CAAC,SAAS,CAAC;IAEzD,OAAO,CACL,oCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,OAAO,EACP,4DAA4D,EAC5D,sCAAsC,EACtC,kFAAkF,EAClF,4EAA4E,EAC5E,YAAY;YACV,yFAAyF,EAC3F,UAAU,IAAI,6BAA6B,EAC3C,SAAS,CACV,iBAEY,EAAE,EACf,OAAO,EAAE,OAAO,aAEf,CAAC,YAAY,IAAI,IAAI,IAAI,CACxB,uBAAC,sBAAS,IACR,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drop-down-menu/components/menu-item.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiD;AACjD,uDASgC;AAChC,qEAA4D;AAC5D,uFAAgF;AAChF,uDAAoD;AAcvC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA2B,SAAS,QAAQ,CAC5E,EACE,EAAE,EACF,IAAI,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,iCAAe,CAAC,OAAO,EACjC,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACZ,EACR,GAAoC;IAEpC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,OAAO,KAAK,iCAAe,CAAC,WAAW,CAAC;IAC9D,MAAM,YAAY,GAAG,OAAO,KAAK,iCAAe,CAAC,WAAW,CAAC;IAC7D,MAAM,UAAU,GAAG,OAAO,KAAK,iCAAe,CAAC,SAAS,CAAC;IAEzD,OAAO,CACL,oCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,OAAO,EACP,4DAA4D,EAC5D,sCAAsC,EACtC,kFAAkF,EAClF,4EAA4E,EAC5E,YAAY;YACV,yFAAyF,EAC3F,UAAU,IAAI,6BAA6B,EAC3C,SAAS,CACV,iBAEY,EAAE,EACf,OAAO,EAAE,OAAO,aAEf,CAAC,YAAY,IAAI,IAAI,IAAI,CACxB,uBAAC,sBAAS,IACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,KACtC,IAAI,EACR,SAAS,EAAE,IAAA,yBAAQ,EACjB,MAAM,EACN,aAAa;oBACX,CAAC,CAAC,wCAAwC;oBAC1C,CAAC,CAAC,0CAA0C,EAC9C,IAAI,CAAC,SAAS,CACf,GACD,CACH,EAEA,UAAU,IAAI,CACb,uBAAC,qBAAQ,IACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,UAAU,EACjB,aAAa,EAAE,OAAO,EACtB,kBAAkB,EAAC,MAAM,EACzB,SAAS,EAAE,IAAA,yBAAQ,EACjB,CAAC,UAAU,IAAI,mDAAmD,EAClE,CAAC,UAAU;oBACT,2FAA2F,CAC9F,GACD,CACH,EAED,iCAAK,SAAS,EAAC,6CAA6C,aACzD,YAAY,CAAC,CAAC,CAAC,CACd,uBAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,yBAAQ,EACjB,cAAc,EACd,6BAA6B,EAC7B,wBAAwB,EACxB,mDAAmD,EACnD,gCAAgC,CACjC,GACD,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,iBAAI,IACH,SAAS,EAAE,IAAA,yBAAQ,EACjB,2BAA2B,EAC3B,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,aAAa;4BACX,CAAC,CAAC,wCAAwC;4BAC1C,CAAC,CAAC,0CAA0C,CAC/C,YAEA,KAAK,GACD,CACR,EAEA,WAAW,IAAI,CACd,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,MAAM,EAC3B,KAAK,EAAE,uBAAU,CAAC,KAAK,EACvB,SAAS,EAAC,uDAAuD,YAEhE,WAAW,GACP,CACR,IACG,KArED,EAAE,CAsEA,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { MultiOptions } from '../../../types/general';
|
|
2
|
-
import {
|
|
2
|
+
import { BilloIconProps } from '../billo-icon';
|
|
3
3
|
import { MenuItemVariant } from './components';
|
|
4
4
|
export type DropDownMenuOptionProps = MultiOptions & {
|
|
5
|
-
icon?:
|
|
5
|
+
icon?: BilloIconProps;
|
|
6
6
|
isDisabled?: boolean;
|
|
7
7
|
helperLabel?: string;
|
|
8
8
|
variant?: MenuItemVariant;
|
|
@@ -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,
|
|
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;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC"}
|
|
@@ -4,6 +4,7 @@ import { DropDownMenuOptionProps } from '../../../components';
|
|
|
4
4
|
import { MenuItemVariant } from './components';
|
|
5
5
|
type Props = {
|
|
6
6
|
isOpen?: boolean;
|
|
7
|
+
isDisabled?: boolean;
|
|
7
8
|
className?: string;
|
|
8
9
|
dropDownClassName?: string;
|
|
9
10
|
selectedIDs: string[];
|
|
@@ -19,6 +20,6 @@ export type DropDownMenuRowProps = RowComponentProps<{
|
|
|
19
20
|
selectedIDs: string[];
|
|
20
21
|
menuItemRef: LegacyRef<HTMLButtonElement>;
|
|
21
22
|
}>;
|
|
22
|
-
export declare function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElement, selectedIDs, variant, children, onClose, }: Props): JSX.Element;
|
|
23
|
+
export declare function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElement, selectedIDs, isDisabled, variant, children, onClose, }: Props): JSX.Element;
|
|
23
24
|
export type { Props as DropDownMenuProps };
|
|
24
25
|
//# 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;AAE9D,OAAO,EAAY,eAAe,EAAE,MAAM,cAAc,CAAC;AAGzD,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,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,OAAiC,EACjC,QAAQ,EACR,OAAO,GACR,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,
|
|
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;AAE9D,OAAO,EAAY,eAAe,EAAE,MAAM,cAAc,CAAC;AAGzD,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,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,UAAkB,EAClB,OAAiC,EACjC,QAAQ,EACR,OAAO,GACR,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA0CrB;AAED,YAAY,EAAE,KAAK,IAAI,iBAAiB,EAAE,CAAC"}
|
|
@@ -12,19 +12,20 @@ function DropDownMenuRow({ index, style, uniqueOptions, variant, selectedIDs, me
|
|
|
12
12
|
const isFirst = index === 0;
|
|
13
13
|
const isLast = index === uniqueOptions.length - 1;
|
|
14
14
|
const isSelected = selectedIDs.includes(option.value);
|
|
15
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: style, children: (0, jsx_runtime_1.jsx)(components_1.MenuItem, { ...option, ref: menuItemRef, id: option.value, variant: option.variant ?? variant, isSelected: isSelected, className: (0, tailwind_utils_1.tailwind)({
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: style, children: (0, jsx_runtime_1.jsx)(components_1.MenuItem, { ...option, ref: isLast ? menuItemRef : undefined, id: option.value, variant: option.variant ?? variant, isSelected: isSelected, className: (0, tailwind_utils_1.tailwind)({
|
|
16
16
|
'rounded-b-lg': isLast,
|
|
17
17
|
'rounded-t-lg': isFirst,
|
|
18
18
|
'border-t': !isFirst,
|
|
19
19
|
}) }) }));
|
|
20
20
|
}
|
|
21
|
-
function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElement, selectedIDs = [], variant = components_1.MenuItemVariant.DEFAULT, children, onClose, }) {
|
|
21
|
+
function DropDownMenu({ isOpen, options, className, dropDownClassName, emptyElement, selectedIDs = [], isDisabled = false, variant = components_1.MenuItemVariant.DEFAULT, children, onClose, }) {
|
|
22
22
|
const { itemHeight, menuItemRef, containerRef, isDorpDownMenuOpen, handleOpenDorpDown } = (0, use_drop_down_menu_1.useDropDownMenu)({
|
|
23
23
|
isOpen,
|
|
24
|
+
isDisabled,
|
|
24
25
|
onClose,
|
|
25
26
|
});
|
|
26
27
|
const uniqueOptions = options?.filter((_option, index, self) => self.findIndex((option) => option.value === _option.value) === index);
|
|
27
28
|
const maxHeight = itemHeight * MAX_VISIBLE_ITEMS;
|
|
28
|
-
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 }), (0, jsx_runtime_1.jsx)("div", { onClick: handleOpenDorpDown, className: (0, tailwind_utils_1.tailwind)('absolute z-30 top-full 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%' } })) : (emptyElement) })] }));
|
|
29
|
+
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 }), (0, jsx_runtime_1.jsx)("div", { onClick: handleOpenDorpDown, className: (0, tailwind_utils_1.tailwind)('absolute z-30 top-full 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) })] }));
|
|
29
30
|
}
|
|
30
31
|
//# 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":";;AA4DA,oCAqDC;;AAhHD,+CAAuD;AAEvD,kEAAyD;AACzD,6CAAyD;AACzD,6DAAuD;AAsBvD,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAE9B,SAAS,eAAe,CAAC,EACvB,KAAK,EACL,KAAK,EACL,aAAa,EACb,OAAO,EACP,WAAW,EACX,WAAW,GACU;IACrB,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC;IAC5B,MAAM,MAAM,GAAG,KAAK,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtD,OAAO,CACL,gCAAK,KAAK,EAAE,KAAK,YACf,uBAAC,qBAAQ,OACH,MAAM,EACV,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACrC,EAAE,EAAE,MAAM,CAAC,KAAK,EAChB,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,OAAO,EAClC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,yBAAQ,EAAC;gBAClB,cAAc,EAAE,MAAM;gBACtB,cAAc,EAAE,OAAO;gBACvB,UAAU,EAAE,CAAC,OAAO;aACrB,CAAC,GACF,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,WAAW,GAAG,EAAE,EAChB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,4BAAe,CAAC,OAAO,EACjC,QAAQ,EACR,OAAO,GACD;IACN,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,GACrF,IAAA,oCAAe,EAAC;QACd,MAAM;QACN,UAAU;QACV,OAAO;KACR,CAAC,CAAC;IAEL,MAAM,aAAa,GAAG,OAAO,EAAE,MAAM,CACnC,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,CAC/F,CAAC;IAEF,MAAM,SAAS,GAAG,UAAU,GAAG,iBAAiB,CAAC;IAEjD,OAAO,CACL,iCAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,IAAA,yBAAQ,EAAC,UAAU,EAAE,SAAS,CAAC,aAChE,gCAAK,OAAO,EAAE,kBAAkB,YAAG,QAAQ,GAAO,EAElD,gCACE,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,IAAA,yBAAQ,EACjB,+EAA+E,EAC/E,yCAAyC,EACzC,EAAE,MAAM,EAAE,CAAC,kBAAkB,EAAE,EAC/B,iBAAiB,CAClB,YAEA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3C,uBAAC,mBAAI,IACH,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,eAAe,EAC7B,QAAQ,EAAE,aAAa,CAAC,MAAM,EAC9B,QAAQ,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,EAC9D,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAC9C,SAAS,EAAC,mCAAmC,GAC7C,CACH,CAAC,CAAC,CAAC,CACF,YAAY,CACb,GACG,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
type UseDropDownMenu = {
|
|
2
2
|
itemHeight: number;
|
|
3
3
|
isDorpDownMenuOpen: boolean;
|
|
4
|
-
containerRef: React.RefObject<
|
|
4
|
+
containerRef: React.RefObject<HTMLDivElement>;
|
|
5
5
|
menuItemRef: React.RefObject<HTMLButtonElement>;
|
|
6
6
|
handleOpenDorpDown: () => void;
|
|
7
7
|
};
|
|
8
8
|
type UseDropDownMenuProps = {
|
|
9
9
|
isOpen?: boolean;
|
|
10
|
+
isDisabled: boolean;
|
|
10
11
|
onClose?: (value: boolean) => void;
|
|
11
12
|
};
|
|
12
|
-
export declare function useDropDownMenu({ isOpen, onClose, }: UseDropDownMenuProps): UseDropDownMenu;
|
|
13
|
+
export declare function useDropDownMenu({ isOpen, isDisabled, onClose, }: UseDropDownMenuProps): UseDropDownMenu;
|
|
13
14
|
export {};
|
|
14
15
|
//# sourceMappingURL=use-drop-down-menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-drop-down-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/use-drop-down-menu.ts"],"names":[],"mappings":"AAGA,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"use-drop-down-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/use-drop-down-menu.ts"],"names":[],"mappings":"AAGA,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAChD,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,MAAc,EACd,UAAU,EACV,OAAO,GACR,EAAE,oBAAoB,GAAG,eAAe,CAyExC"}
|
|
@@ -3,13 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.useDropDownMenu = useDropDownMenu;
|
|
4
4
|
const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
-
function useDropDownMenu({ isOpen = false, onClose, }) {
|
|
6
|
+
function useDropDownMenu({ isOpen = false, isDisabled, onClose, }) {
|
|
7
7
|
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
8
8
|
const [itemHeight, setItemHeight] = (0, react_1.useState)(0);
|
|
9
9
|
const [isDorpDownMenuOpen, setIsDorpDownMenuOpen] = (0, react_1.useState)(false);
|
|
10
10
|
const containerRef = (0, react_1.useRef)(null);
|
|
11
11
|
const menuItemRef = (0, react_1.useRef)(null);
|
|
12
12
|
function handleOpenDorpDown() {
|
|
13
|
+
if (isDisabled) {
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
13
16
|
onClose?.(!isDorpDownMenuOpen);
|
|
14
17
|
setIsDorpDownMenuOpen((current) => !current);
|
|
15
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-drop-down-menu.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/use-drop-down-menu.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"use-drop-down-menu.js","sourceRoot":"","sources":["../../../../src/components/atoms/drop-down-menu/use-drop-down-menu.ts"],"names":[],"mappings":";;AAiBA,0CA6EC;AA9FD,6EAAsE;AACtE,iCAAoD;AAgBpD,SAAgB,eAAe,CAAC,EAC9B,MAAM,GAAG,KAAK,EACd,UAAU,EACV,OAAO,GACc;IACrB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC;IACxD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAE7E,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAEpD,SAAS,kBAAkB;QACzB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,OAAO,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC;QAE/B,qBAAqB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IAC/C,CAAC;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,wBAAwB;YAC/B,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBACxB,OAAO;YACT,CAAC;YAED,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACjB,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;QAED,SAAS,kBAAkB,CAAC,KAAiB;YAC3C,IACE,kBAAkB;gBAClB,YAAY,CAAC,OAAO;gBACpB,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EACpD,CAAC;gBACD,wBAAwB,EAAE,CAAC;YAC7B,CAAC;QACH,CAAC;QAED,SAAS,SAAS,CAAC,CAAgB;YACjC,IAAI,kBAAkB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC7C,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,wBAAwB,EAAE,CAAC;YAC7B,CAAC;QACH,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAEhD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC9D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEnC,OAAO;QACL,UAAU;QACV,WAAW;QACX,YAAY;QACZ,kBAAkB;QAClB,kBAAkB;KACnB,CAAC;AACJ,CAAC"}
|
|
@@ -21,7 +21,10 @@ export declare enum TextColors {
|
|
|
21
21
|
BLUE_03 = "text-blue-03",
|
|
22
22
|
RED = "text-red-01",
|
|
23
23
|
RED_03 = "text-red-03",
|
|
24
|
-
PURPLE = "text-purple-01"
|
|
24
|
+
PURPLE = "text-purple-01",
|
|
25
|
+
GREEN = "text-green-01",
|
|
26
|
+
YELLOW = "text-yellow-01",
|
|
27
|
+
NONE = "text-current"
|
|
25
28
|
}
|
|
26
29
|
export type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
|
|
27
30
|
type AsProp<C extends React.ElementType> = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/text/text-types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,WAAW;IACrB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,aAAa,iBAAiB;IAC9B,SAAS,aAAa;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,eAAe,mBAAmB;IAClC,WAAW,eAAe;CAC3B;AAED,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAiBjD,CAAC;AAEF,oBAAY,UAAU;IACpB,KAAK,eAAe;IACpB,KAAK,iBAAiB;IACtB,QAAQ,iBAAiB;IACzB,QAAQ,iBAAiB;IACzB,IAAI,iBAAiB;IACrB,OAAO,iBAAiB;IACxB,GAAG,gBAAgB;IACnB,MAAM,gBAAgB;IACtB,MAAM,mBAAmB;
|
|
1
|
+
{"version":3,"file":"text-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/text/text-types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,WAAW;IACrB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,aAAa,iBAAiB;IAC9B,SAAS,aAAa;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,eAAe,mBAAmB;IAClC,WAAW,eAAe;CAC3B;AAED,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAiBjD,CAAC;AAEF,oBAAY,UAAU;IACpB,KAAK,eAAe;IACpB,KAAK,iBAAiB;IACtB,QAAQ,iBAAiB;IACzB,QAAQ,iBAAiB;IACzB,IAAI,iBAAiB;IACrB,OAAO,iBAAiB;IACxB,GAAG,gBAAgB;IACnB,MAAM,gBAAgB;IACtB,MAAM,mBAAmB;IACzB,KAAK,kBAAkB;IACvB,MAAM,mBAAmB;IACzB,IAAI,iBAAiB;CACtB;AAED,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,IAC9F,GAAG,CAAC,wBAAwB,CAAC,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC;AAErE,KAAK,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IAKzC,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAOF,MAAM,MAAM,eAAe,CAAC,aAAa,GAAG,EAAE,EAAE,aAAa,GAAG,EAAE,IAAI,aAAa,GACjF,IAAI,CAAC,aAAa,EAAE,MAAM,aAAa,CAAC,CAAC;AAO3C,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,IAAI,eAAe,CAC5F,OAAO,CAAC,CAAC,CAAC,EACV,KAAK,CACN,CAAC;AAMF,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,EAAE,IACR,uBAAuB,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAElD,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAEhG,MAAM,MAAM,gCAAgC,CAC1C,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,EAAE,IACR,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC"}
|
|
@@ -37,5 +37,8 @@ var TextColors;
|
|
|
37
37
|
TextColors["RED"] = "text-red-01";
|
|
38
38
|
TextColors["RED_03"] = "text-red-03";
|
|
39
39
|
TextColors["PURPLE"] = "text-purple-01";
|
|
40
|
+
TextColors["GREEN"] = "text-green-01";
|
|
41
|
+
TextColors["YELLOW"] = "text-yellow-01";
|
|
42
|
+
TextColors["NONE"] = "text-current";
|
|
40
43
|
})(TextColors || (exports.TextColors = TextColors = {}));
|
|
41
44
|
//# sourceMappingURL=text-types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/text/text-types.ts"],"names":[],"mappings":";;;AAGA,IAAY,WAWX;AAXD,WAAY,WAAW;IACrB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,4BAAa,CAAA;IACb,6CAA8B,CAAA;IAC9B,qCAAsB,CAAA;IACtB,4BAAa,CAAA;IACb,gCAAiB,CAAA;IACjB,iDAAkC,CAAA;IAClC,yCAA0B,CAAA;AAC5B,CAAC,EAXW,WAAW,2BAAX,WAAW,QAWtB;AAEY,QAAA,SAAS,GAAgC;IACpD,CAAC,WAAW,CAAC,QAAQ,CAAC,EACpB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,QAAQ,CAAC,EACpB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,uEAAuE;IAC7F,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,yEAAyE;IAC7F,CAAC,WAAW,CAAC,aAAa,CAAC,EACzB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,uEAAuE;IAChG,CAAC,WAAW,CAAC,IAAI,CAAC,EAChB,kGAAkG;IACpG,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,yEAAyE;IAC/F,CAAC,WAAW,CAAC,eAAe,CAAC,EAC3B,2EAA2E;IAC7E,CAAC,WAAW,CAAC,WAAW,CAAC,EACvB,2EAA2E;CAC9E,CAAC;AAEF,IAAY,
|
|
1
|
+
{"version":3,"file":"text-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/text/text-types.ts"],"names":[],"mappings":";;;AAGA,IAAY,WAWX;AAXD,WAAY,WAAW;IACrB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,4BAAa,CAAA;IACb,6CAA8B,CAAA;IAC9B,qCAAsB,CAAA;IACtB,4BAAa,CAAA;IACb,gCAAiB,CAAA;IACjB,iDAAkC,CAAA;IAClC,yCAA0B,CAAA;AAC5B,CAAC,EAXW,WAAW,2BAAX,WAAW,QAWtB;AAEY,QAAA,SAAS,GAAgC;IACpD,CAAC,WAAW,CAAC,QAAQ,CAAC,EACpB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,QAAQ,CAAC,EACpB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,uEAAuE;IAC7F,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,yEAAyE;IAC7F,CAAC,WAAW,CAAC,aAAa,CAAC,EACzB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,uEAAuE;IAChG,CAAC,WAAW,CAAC,IAAI,CAAC,EAChB,kGAAkG;IACpG,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,yEAAyE;IAC/F,CAAC,WAAW,CAAC,eAAe,CAAC,EAC3B,2EAA2E;IAC7E,CAAC,WAAW,CAAC,WAAW,CAAC,EACvB,2EAA2E;CAC9E,CAAC;AAEF,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB,kCAAoB,CAAA;IACpB,oCAAsB,CAAA;IACtB,uCAAyB,CAAA;IACzB,uCAAyB,CAAA;IACzB,mCAAqB,CAAA;IACrB,sCAAwB,CAAA;IACxB,iCAAmB,CAAA;IACnB,oCAAsB,CAAA;IACtB,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;IACvB,uCAAyB,CAAA;IACzB,mCAAqB,CAAA;AACvB,CAAC,EAbW,UAAU,0BAAV,UAAU,QAarB"}
|
|
@@ -23,6 +23,7 @@ export * from './molecules/form/form-text-field';
|
|
|
23
23
|
export * from './molecules/form/form-checkbox';
|
|
24
24
|
export * from './molecules/form/form-radio-button';
|
|
25
25
|
export * from './molecules/select';
|
|
26
|
+
export * from './molecules/status-selector';
|
|
26
27
|
export * from './molecules/text-field';
|
|
27
28
|
export * from './molecules/callout';
|
|
28
29
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,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,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAGlC,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,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,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,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAGlC,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,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -39,6 +39,7 @@ __exportStar(require("./molecules/form/form-text-field"), exports);
|
|
|
39
39
|
__exportStar(require("./molecules/form/form-checkbox"), exports);
|
|
40
40
|
__exportStar(require("./molecules/form/form-radio-button"), exports);
|
|
41
41
|
__exportStar(require("./molecules/select"), exports);
|
|
42
|
+
__exportStar(require("./molecules/status-selector"), exports);
|
|
42
43
|
__exportStar(require("./molecules/text-field"), exports);
|
|
43
44
|
__exportStar(require("./molecules/callout"), exports);
|
|
44
45
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,qDAAmC;AACnC,+CAA6B;AAC7B,sDAAoC;AACpC,mDAAiC;AACjC,mDAAiC;AACjC,6DAA2C;AAC3C,kDAAgC;AAChC,oDAAkC;AAGlC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,qDAAmC;AACnC,yDAAuC;AACvC,sDAAoC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,qDAAmC;AACnC,+CAA6B;AAC7B,sDAAoC;AACpC,mDAAiC;AACjC,mDAAiC;AACjC,6DAA2C;AAC3C,kDAAgC;AAChC,oDAAkC;AAGlC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,sDAAoC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAIL,uBAAuB,EAMxB,MAAM,qBAAqB,CAAC;AAK7B,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,uBAAuB,EAAE,CAAC;IAEnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAkFF,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,UAAkB,EAClB,UAAkB,EAClB,aAAqB,EACrB,cAAsB,EACtB,cAAc,EACd,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,OAAO,EACP,MAAM,EACN,YAAY,EACZ,cAAc,EACd,OAAkB,GACnB,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAIL,uBAAuB,EAMxB,MAAM,qBAAqB,CAAC;AAK7B,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,uBAAuB,EAAE,CAAC;IAEnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAkFF,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,UAAkB,EAClB,UAAkB,EAClB,aAAqB,EACrB,cAAsB,EACtB,cAAc,EACd,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,OAAO,EACP,MAAM,EACN,YAAY,EACZ,cAAc,EACd,OAAkB,GACnB,EAAE,WAAW,2CAwDb"}
|
|
@@ -32,6 +32,6 @@ function Select({ mask, isWritable = false, isDisabled = false, isMultiSelect =
|
|
|
32
32
|
onOptionChange,
|
|
33
33
|
});
|
|
34
34
|
const { openDropdownMenu, selectedValues: selectedIDs, searchedOptions, setOpenDropdownMenu, } = selectHook;
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { onClose: setOpenDropdownMenu, isOpen: openDropdownMenu, selectedIDs: selectedIDs, options: searchedOptions, emptyElement: typeof emptyLabel === 'string' ? ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex whitespace-normal bg-white py-2 px-4'), children: emptyLabel })) : (emptyLabel), dropDownClassName: "left-0", className: (0, tailwind_utils_1.tailwind)('w-full'), children: (0, jsx_runtime_1.jsx)(SelectDropDownComponent, { mask: mask, isDisabled: isDisabled, isMultiSelect: isMultiSelect, isErrorVisible: isErrorVisible, className: className, onBlur: onBlur, onClick: onClick, selectHook: selectHook }) }));
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)(components_1.DropDownMenu, { isDisabled: isDisabled, onClose: setOpenDropdownMenu, isOpen: openDropdownMenu, selectedIDs: selectedIDs, options: searchedOptions, emptyElement: typeof emptyLabel === 'string' ? ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex whitespace-normal bg-white py-2 px-4'), children: emptyLabel })) : (emptyLabel), dropDownClassName: "left-0", className: (0, tailwind_utils_1.tailwind)('w-full'), children: (0, jsx_runtime_1.jsx)(SelectDropDownComponent, { mask: mask, isDisabled: isDisabled, isMultiSelect: isMultiSelect, isErrorVisible: isErrorVisible, className: className, onBlur: onBlur, onClick: onClick, selectHook: selectHook }) }));
|
|
36
36
|
}
|
|
37
37
|
//# sourceMappingURL=select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":";;AAoHA,
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/status-selector/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
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("./status-selector"), exports);
|
|
18
|
+
__exportStar(require("./status-selector-variant"), exports);
|
|
19
|
+
__exportStar(require("./use-status-selector"), exports);
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/status-selector/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,4DAA0C;AAC1C,wDAAsC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { IconColor, IconSymbol } from '../../../components/atoms/billo-icon';
|
|
2
|
+
export declare enum StatusSelectorVariant {
|
|
3
|
+
SUCCESS = "SUCCESS",
|
|
4
|
+
WARNING = "WARNING",
|
|
5
|
+
ERROR = "ERROR"
|
|
6
|
+
}
|
|
7
|
+
type StatusSelectorIconStylesProps = {
|
|
8
|
+
icon: IconSymbol;
|
|
9
|
+
iconColor: IconColor;
|
|
10
|
+
buttonStyle: (isOpen: boolean) => string;
|
|
11
|
+
};
|
|
12
|
+
export declare const statusSelectorIconStyles: {
|
|
13
|
+
[key in StatusSelectorVariant]: StatusSelectorIconStylesProps;
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=status-selector-variant.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"status-selector-variant.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/status-selector/status-selector-variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAGtE,oBAAY,qBAAqB;IAC/B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE;KACpC,GAAG,IAAI,qBAAqB,GAAG,6BAA6B;CAoB9D,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.statusSelectorIconStyles = exports.StatusSelectorVariant = void 0;
|
|
4
|
+
const billo_icon_1 = require("../../../components/atoms/billo-icon");
|
|
5
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
6
|
+
var StatusSelectorVariant;
|
|
7
|
+
(function (StatusSelectorVariant) {
|
|
8
|
+
StatusSelectorVariant["SUCCESS"] = "SUCCESS";
|
|
9
|
+
StatusSelectorVariant["WARNING"] = "WARNING";
|
|
10
|
+
StatusSelectorVariant["ERROR"] = "ERROR";
|
|
11
|
+
})(StatusSelectorVariant || (exports.StatusSelectorVariant = StatusSelectorVariant = {}));
|
|
12
|
+
exports.statusSelectorIconStyles = {
|
|
13
|
+
[StatusSelectorVariant.SUCCESS]: {
|
|
14
|
+
icon: billo_icon_1.IconSymbol.CHECK_CIRCLE,
|
|
15
|
+
iconColor: billo_icon_1.IconColor.GREEN_01,
|
|
16
|
+
buttonStyle: (isOpen) => (0, tailwind_utils_1.tailwind)('bg-green-04 text-green-01 disabled:text-green-03', { 'bg-green-00': isOpen }),
|
|
17
|
+
},
|
|
18
|
+
[StatusSelectorVariant.WARNING]: {
|
|
19
|
+
icon: billo_icon_1.IconSymbol.WARNING,
|
|
20
|
+
iconColor: billo_icon_1.IconColor.YELLOW_02,
|
|
21
|
+
buttonStyle: (isOpen) => (0, tailwind_utils_1.tailwind)('bg-yellow-04 text-yellow-01 disabled:text-yellow-03', { 'bg-yellow-01': isOpen }),
|
|
22
|
+
},
|
|
23
|
+
[StatusSelectorVariant.ERROR]: {
|
|
24
|
+
icon: billo_icon_1.IconSymbol.X_CIRCLE,
|
|
25
|
+
iconColor: billo_icon_1.IconColor.RED_01,
|
|
26
|
+
buttonStyle: (isOpen) => (0, tailwind_utils_1.tailwind)('bg-red-04 text-red-01 disabled:text-red-03', { 'bg-red-00': isOpen }),
|
|
27
|
+
},
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=status-selector-variant.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"status-selector-variant.js","sourceRoot":"","sources":["../../../../src/components/molecules/status-selector/status-selector-variant.ts"],"names":[],"mappings":";;;AAAA,8DAAsE;AACtE,2DAAkD;AAElD,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC/B,4CAAmB,CAAA;IACnB,4CAAmB,CAAA;IACnB,wCAAe,CAAA;AACjB,CAAC,EAJW,qBAAqB,qCAArB,qBAAqB,QAIhC;AAQY,QAAA,wBAAwB,GAEjC;IACF,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE;QAC/B,IAAI,EAAE,uBAAU,CAAC,YAAY;QAC7B,SAAS,EAAE,sBAAS,CAAC,QAAQ;QAC7B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CACtB,IAAA,yBAAQ,EAAC,kDAAkD,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;KAC1F;IACD,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE;QAC/B,IAAI,EAAE,uBAAU,CAAC,OAAO;QACxB,SAAS,EAAE,sBAAS,CAAC,SAAS;QAC9B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CACtB,IAAA,yBAAQ,EAAC,qDAAqD,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC;KAC9F;IACD,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE;QAC7B,IAAI,EAAE,uBAAU,CAAC,QAAQ;QACzB,SAAS,EAAE,sBAAS,CAAC,MAAM;QAC3B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CACtB,IAAA,yBAAQ,EAAC,4CAA4C,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC;KAClF;CACF,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { StatusSelectorOptionProps } from './use-status-selector';
|
|
2
|
+
export type StatusSelectorProps = {
|
|
3
|
+
mask?: string;
|
|
4
|
+
isDisabled?: boolean;
|
|
5
|
+
className?: string;
|
|
6
|
+
initialValue?: string;
|
|
7
|
+
options: StatusSelectorOptionProps[];
|
|
8
|
+
onBlur?: () => void;
|
|
9
|
+
onClick?: () => void;
|
|
10
|
+
onOptionChange?: (value: StatusSelectorOptionProps) => void;
|
|
11
|
+
};
|
|
12
|
+
export declare function StatusSelector({ isDisabled, className, initialValue, options, onOptionChange, onClick, }: StatusSelectorProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
//# sourceMappingURL=status-selector.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"status-selector.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/status-selector/status-selector.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,yBAAyB,EAG1B,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,yBAAyB,EAAE,CAAC;IAErC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CAC7D,CAAC;AAiDF,wBAAgB,cAAc,CAAC,EAC7B,UAAkB,EAClB,SAAS,EACT,YAAY,EACZ,OAAO,EACP,cAAc,EACd,OAAkB,GACnB,EAAE,mBAAmB,2CAsCrB"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.StatusSelector = StatusSelector;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const __1 = require("../..");
|
|
6
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
|
+
const use_status_selector_1 = require("./use-status-selector");
|
|
8
|
+
function SelectDropDownComponent({ isDisabled = false, className, onClick = () => { }, selectHook, }) {
|
|
9
|
+
const { openDropdownMenu, selectedStatus } = selectHook;
|
|
10
|
+
return ((0, jsx_runtime_1.jsxs)("button", { disabled: isDisabled, "data-testid": "status-select-trigger", onClick: onClick, className: (0, tailwind_utils_1.tailwind)('flex flex-none w-full px-4 py-2 justify-start items-center rounded-full shadow-white-two', 'overflow-hidden cursor-pointer', isDisabled
|
|
11
|
+
? 'outline-none'
|
|
12
|
+
: 'focus-visible:outline-2 focus-visible:shadow-none focus-visible:outline-offset-2 focus-visible:outline-blue-01', { 'cursor-not-allowed shadow-none': isDisabled }, !openDropdownMenu && !isDisabled && 'hover:bg-gray-05 focus-visible:bg-gray-05', __1.statusSelectorIconStyles[selectedStatus.statusVariant].buttonStyle(openDropdownMenu), className), children: [(0, jsx_runtime_1.jsx)(__1.BilloIcon, { icon: __1.statusSelectorIconStyles[selectedStatus.statusVariant].icon, size: __1.IconSize.SM, color: openDropdownMenu ? __1.IconColor.WHITE : __1.IconColor.NONE, className: (0, tailwind_utils_1.tailwind)('mr-2') }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: __1.TextVariant.BODY, color: openDropdownMenu ? __1.TextColors.WHITE : __1.TextColors.NONE, children: selectedStatus.label }), (0, jsx_runtime_1.jsx)(__1.BilloIcon, { icon: openDropdownMenu ? __1.IconSymbol.CARET_UP : __1.IconSymbol.CARET_DOWN, color: openDropdownMenu ? __1.IconColor.WHITE : __1.IconColor.NONE, size: __1.IconSize.SM, className: (0, tailwind_utils_1.tailwind)('ml-2') })] }));
|
|
13
|
+
}
|
|
14
|
+
function StatusSelector({ isDisabled = false, className, initialValue, options, onOptionChange, onClick = () => { }, }) {
|
|
15
|
+
const selectHook = (0, use_status_selector_1.useStatusSelector)({
|
|
16
|
+
options,
|
|
17
|
+
initialValue,
|
|
18
|
+
onOptionChange,
|
|
19
|
+
});
|
|
20
|
+
const { openDropdownMenu, selectedStatus, statusOptions, handleSelectStatus, setOpenDropdownMenu, } = selectHook;
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)(__1.DropDownMenu, { isDisabled: isDisabled, onClose: setOpenDropdownMenu, isOpen: openDropdownMenu, selectedIDs: [selectedStatus?.value ?? ''], options: statusOptions.map((option) => ({
|
|
22
|
+
...option,
|
|
23
|
+
onClick: () => handleSelectStatus(option.value),
|
|
24
|
+
})), dropDownClassName: "left-0", className: (0, tailwind_utils_1.tailwind)('w-full'), children: (0, jsx_runtime_1.jsx)(SelectDropDownComponent, { isDisabled: isDisabled, className: className, onClick: onClick, selectHook: selectHook }) }));
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=status-selector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"status-selector.js","sourceRoot":"","sources":["../../../../src/components/molecules/status-selector/status-selector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { DropDownMenuOptionProps } from '../../../components';
|
|
2
|
+
import { StatusSelectorVariant } from './status-selector-variant';
|
|
3
|
+
export type StatusSelectorOptionProps = DropDownMenuOptionProps & {
|
|
4
|
+
statusVariant: StatusSelectorVariant;
|
|
5
|
+
};
|
|
6
|
+
export type UseStatusSelectorHook = {
|
|
7
|
+
openDropdownMenu: boolean;
|
|
8
|
+
selectedStatus: StatusSelectorOptionProps;
|
|
9
|
+
statusOptions: StatusSelectorOptionProps[];
|
|
10
|
+
handleSelectStatus: (value: string) => void;
|
|
11
|
+
setOpenDropdownMenu: (value: boolean) => void;
|
|
12
|
+
};
|
|
13
|
+
export type UseStatusSelectorProps = {
|
|
14
|
+
initialValue?: string;
|
|
15
|
+
options: StatusSelectorOptionProps[];
|
|
16
|
+
onOptionChange?: (options: StatusSelectorOptionProps) => void;
|
|
17
|
+
};
|
|
18
|
+
export declare function useStatusSelector({ options, initialValue, onOptionChange, }: UseStatusSelectorProps): UseStatusSelectorHook;
|
|
19
|
+
//# sourceMappingURL=use-status-selector.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-status-selector.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/status-selector/use-status-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAA4B,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAE5F,MAAM,MAAM,yBAAyB,GAAG,uBAAuB,GAAG;IAChE,aAAa,EAAE,qBAAqB,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,yBAAyB,CAAC;IAC1C,aAAa,EAAE,yBAAyB,EAAE,CAAC;IAC3C,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,mBAAmB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,yBAAyB,EAAE,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,IAAI,CAAC;CAC/D,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,YAAY,EACZ,cAAyB,GAC1B,EAAE,sBAAsB,GAAG,qBAAqB,CA8ChD"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useStatusSelector = useStatusSelector;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const status_selector_variant_1 = require("./status-selector-variant");
|
|
6
|
+
function useStatusSelector({ options, initialValue, onOptionChange = () => { }, }) {
|
|
7
|
+
const [openDropdownMenu, setOpenDropdownMenu] = (0, react_1.useState)(false);
|
|
8
|
+
const [selectedStatus, setSelectedStatus] = (0, react_1.useState)(options.find((option) => initialValue === option.value) ?? options[0]);
|
|
9
|
+
const statusOptions = options.map((option) => {
|
|
10
|
+
const statusSelectorStyle = status_selector_variant_1.statusSelectorIconStyles[option.statusVariant || status_selector_variant_1.StatusSelectorVariant.SUCCESS];
|
|
11
|
+
return {
|
|
12
|
+
...option,
|
|
13
|
+
icon: {
|
|
14
|
+
icon: statusSelectorStyle.icon,
|
|
15
|
+
className: statusSelectorStyle.iconColor,
|
|
16
|
+
},
|
|
17
|
+
};
|
|
18
|
+
});
|
|
19
|
+
function handleSelectStatus(value) {
|
|
20
|
+
const selectedOption = options.find((option) => value === option.value);
|
|
21
|
+
if (!selectedOption) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
onOptionChange(selectedOption);
|
|
25
|
+
setSelectedStatus(selectedOption);
|
|
26
|
+
}
|
|
27
|
+
(0, react_1.useEffect)(() => {
|
|
28
|
+
if (!initialValue) {
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
handleSelectStatus(initialValue);
|
|
32
|
+
}, [initialValue]);
|
|
33
|
+
return {
|
|
34
|
+
statusOptions,
|
|
35
|
+
openDropdownMenu,
|
|
36
|
+
selectedStatus,
|
|
37
|
+
handleSelectStatus,
|
|
38
|
+
setOpenDropdownMenu,
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=use-status-selector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-status-selector.js","sourceRoot":"","sources":["../../../../src/components/molecules/status-selector/use-status-selector.ts"],"names":[],"mappings":";;AAsBA,8CAkDC;AAvED,iCAA4C;AAC5C,uEAA4F;AAoB5F,SAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,YAAY,EACZ,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,GACF;IAEvB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACzE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAClD,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,KAAK,MAAM,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CACtE,CAAC;IAEF,MAAM,aAAa,GAAgC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACxE,MAAM,mBAAmB,GACvB,kDAAwB,CAAC,MAAM,CAAC,aAAa,IAAI,+CAAqB,CAAC,OAAO,CAAC,CAAC;QAElF,OAAO;YACL,GAAG,MAAM;YACT,IAAI,EAAE;gBACJ,IAAI,EAAE,mBAAmB,CAAC,IAAI;gBAC9B,SAAS,EAAE,mBAAmB,CAAC,SAAS;aACzC;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,SAAS,kBAAkB,CAAC,KAAa;QACvC,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC;QAExE,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,cAAc,CAAC,cAAc,CAAC,CAAC;QAC/B,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACpC,CAAC;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO;QACL,aAAa;QACb,gBAAgB;QAChB,cAAc;QACd,kBAAkB;QAClB,mBAAmB;KACpB,CAAC;AACJ,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const _periodUI_marker = true;
|
|
2
2
|
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, } from './components';
|
|
3
|
-
export { Form, Drawer, DrawerVariant, DrawerDirection, Modal, FullScreenModal, ModalVariant, FilterVariant, Select, TextField, FormSelect, FilterModal, FormCheckBox, FormTextField, FormRadioButton, Callout, CalloutVariant, } from './components';
|
|
3
|
+
export { Form, Drawer, DrawerVariant, DrawerDirection, Modal, FullScreenModal, ModalVariant, FilterVariant, Select, TextField, FormSelect, FilterModal, FormCheckBox, FormTextField, StatusSelector, StatusSelectorVariant, FormRadioButton, Callout, CalloutVariant, } from './components';
|
|
4
4
|
export { FormControl, FormInputWidth } from './containers';
|
|
5
5
|
export type { FormControlProps } from './containers';
|
|
6
6
|
export type { ButtonProps, ToolTipProps, ChipProps, CheckboxProps, CheckboxMultiOptions, CheckBoxFilterOptions, DropDownMenuOptionProps, RadioButtonFilterOptions, DrawerProps, ModalProps, FiltersOptions, FilterModalProps, FooterContentProps, ExtendableContentProps, FormErrors, FormConfig, FormHelpers, FormNames, FormRenderProps, FormSchema, TextFieldProps, FormSelectProps, FormTextFieldProps, } from './components';
|
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,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,GACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,eAAe,EACf,KAAK,EACL,eAAe,EACf,YAAY,EACZ,aAAa,EACb,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,eAAe,EACf,OAAO,EACP,cAAc,GACf,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,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EAQxB,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,GACnB,MAAM,cAAc,CAAC;AAGtB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAGrC,OAAO,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,GACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,eAAe,EACf,KAAK,EACL,eAAe,EACf,YAAY,EACZ,aAAa,EACb,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,OAAO,EACP,cAAc,GACf,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,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EAQxB,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,GACnB,MAAM,cAAc,CAAC;AAGtB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.FormInputWidth = void 0;
|
|
3
|
+
exports.Callout = exports.FormRadioButton = exports.StatusSelectorVariant = exports.StatusSelector = exports.FormTextField = exports.FormCheckBox = exports.FilterModal = exports.FormSelect = exports.TextField = exports.Select = exports.FilterVariant = exports.ModalVariant = exports.FullScreenModal = exports.Modal = exports.DrawerDirection = exports.DrawerVariant = exports.Drawer = exports.Form = 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._periodUI_marker = void 0;
|
|
4
|
+
exports.FormInputWidth = exports.FormControl = exports.CalloutVariant = void 0;
|
|
5
5
|
exports._periodUI_marker = true;
|
|
6
6
|
var components_1 = require("./components");
|
|
7
7
|
Object.defineProperty(exports, "BilloIcon", { enumerable: true, get: function () { return components_1.BilloIcon; } });
|
|
@@ -50,6 +50,8 @@ Object.defineProperty(exports, "FormSelect", { enumerable: true, get: function (
|
|
|
50
50
|
Object.defineProperty(exports, "FilterModal", { enumerable: true, get: function () { return components_2.FilterModal; } });
|
|
51
51
|
Object.defineProperty(exports, "FormCheckBox", { enumerable: true, get: function () { return components_2.FormCheckBox; } });
|
|
52
52
|
Object.defineProperty(exports, "FormTextField", { enumerable: true, get: function () { return components_2.FormTextField; } });
|
|
53
|
+
Object.defineProperty(exports, "StatusSelector", { enumerable: true, get: function () { return components_2.StatusSelector; } });
|
|
54
|
+
Object.defineProperty(exports, "StatusSelectorVariant", { enumerable: true, get: function () { return components_2.StatusSelectorVariant; } });
|
|
53
55
|
Object.defineProperty(exports, "FormRadioButton", { enumerable: true, get: function () { return components_2.FormRadioButton; } });
|
|
54
56
|
Object.defineProperty(exports, "Callout", { enumerable: true, get: function () { return components_2.Callout; } });
|
|
55
57
|
Object.defineProperty(exports, "CalloutVariant", { enumerable: true, get: function () { return components_2.CalloutVariant; } });
|
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,2CAgCsB;AA/BpB,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;AAIhB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AACa,QAAA,gBAAgB,GAAG,IAAI,CAAC;AAGrC,2CAgCsB;AA/BpB,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;AAIhB,2CAoBsB;AAnBpB,kGAAA,IAAI,OAAA;AACJ,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,6GAAA,eAAe,OAAA;AACf,mGAAA,KAAK,OAAA;AACL,6GAAA,eAAe,OAAA;AACf,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,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AAIhB,2CAA2D;AAAlD,yGAAA,WAAW,OAAA;AAAE,4GAAA,cAAc,OAAA"}
|