period-ui 0.2.5 → 0.2.6
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/accordion/components/accordion-item.js +1 -1
- package/dist/components/atoms/accordion/components/accordion-item.js.map +1 -1
- package/dist/components/molecules/drawer/components/drawer-component.d.ts +1 -1
- package/dist/components/molecules/drawer/components/drawer-component.d.ts.map +1 -1
- package/dist/components/molecules/drawer/components/drawer-component.js +1 -1
- package/dist/components/molecules/drawer/components/drawer-component.js.map +1 -1
- package/dist/components/molecules/drawer/drawer.d.ts.map +1 -1
- package/dist/components/molecules/drawer/drawer.js +4 -2
- package/dist/components/molecules/drawer/drawer.js.map +1 -1
- package/package.json +1 -1
|
@@ -29,6 +29,6 @@ function AccordionItem({ isOpen, label, content, className, children, labelClass
|
|
|
29
29
|
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-col w-full overflow-hidden', containerClassName), children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: handleClick, className: (0, tailwind_utils_1.tailwind)('flex justify-between items-center rounded-lg py-4 px-2 md:px-4', 'hover:bg-[#F4F4F5]', 'focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-0 focus:outline-blue-01', className), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex min-w-0 overflow-hidden", children: (0, jsx_runtime_1.jsx)(__1.Text, { variant: labelVariant, className: (0, tailwind_utils_1.tailwind)('select-none truncate', labelClassName), color: __1.TextColors.BLACK, children: label }) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative w-6 h-6 flex-shrink-0 ml-2", children: [(0, jsx_runtime_1.jsx)(__1.BilloIcon, { size: isMobile ? __1.IconSize.LG : __1.IconSize.XL, icon: __1.IconSymbol.CHEVRON_UP, className: (0, tailwind_utils_1.tailwind)('text-blue-01 absolute top-0 left-0 transition-all duration-300', isAccordionOpen ? 'opacity-100' : 'opacity-0') }), (0, jsx_runtime_1.jsx)(__1.BilloIcon, { size: isMobile ? __1.IconSize.LG : __1.IconSize.XL, icon: __1.IconSymbol.CHEVRON_DOWN, className: (0, tailwind_utils_1.tailwind)('text-blue-01 absolute top-0 left-0 transition-all duration-300', isAccordionOpen ? 'opacity-0' : 'opacity-100 ') })] })] }), (0, jsx_runtime_1.jsx)("div", { ref: contentRef, className: (0, tailwind_utils_1.tailwind)('overflow-hidden transition-all duration-300 ease-in-out'), style: {
|
|
30
30
|
maxHeight: isAccordionOpen ? `${contentHeight}px` : '0px',
|
|
31
31
|
opacity: isAccordionOpen ? 1 : 0,
|
|
32
|
-
}, children: (0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('pb-6 pt-2 px-2 md:px-4'), children: (0, jsx_runtime_1.jsx)(__1.Text, { variant: __1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex flex-col
|
|
32
|
+
}, children: (0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('pb-6 pt-2 px-2 md:px-4'), children: (0, jsx_runtime_1.jsx)(__1.Text, { variant: __1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex flex-col whitespace-normal', contentClassName), children: content ?? children }) }) })] }) }));
|
|
33
33
|
}
|
|
34
34
|
//# sourceMappingURL=accordion-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../../../src/components/atoms/accordion/components/accordion-item.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../../../src/components/atoms/accordion/components/accordion-item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ type Props = {
|
|
|
8
8
|
children: ReactElement | ReactElement[];
|
|
9
9
|
isRightDirection?: boolean;
|
|
10
10
|
className?: string;
|
|
11
|
-
onClose
|
|
11
|
+
onClose?: () => void;
|
|
12
12
|
};
|
|
13
13
|
export declare function DrawerComponent({ title, isPanel, options, titleVariant, children, className, isRightDirection, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -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,EAEL,uBAAuB,EAMvB,WAAW,EACZ,MAAM,UAAU,CAAC;AAIlB,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,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,EAAE,MAAM,IAAI,CAAC;
|
|
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,EAEL,uBAAuB,EAMvB,WAAW,EACZ,MAAM,UAAU,CAAC;AAIlB,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,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,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAO,GACR,EAAE,KAAK,2CA8DP"}
|
|
@@ -12,6 +12,6 @@ function DrawerComponent({ title, isPanel, options = [], titleVariant, children,
|
|
|
12
12
|
'border border-y-transparent': isPanel,
|
|
13
13
|
'border-l-gray-four border-r-transparent': isPanel && isRightDirection,
|
|
14
14
|
'border-l-transparent border-r-gray-four': isPanel && !isRightDirection,
|
|
15
|
-
}, className), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row justify-start items-start bg-white sticky', children && 'mb-6'), children: [(0, jsx_runtime_1.jsx)(__1.IconButton, { onClick: onClose, icon: __1.IconSymbol.CHEVRON_LEFT, className: "shrink-0", size: isMobile ? __1.IconSize.LG : __1.IconSize.XL }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: titleVariant, className: (0, tailwind_utils_1.tailwind)('whitespace-normal pt-[5px] pb-[3px] mx-[4px]'), color: __1.TextColors.BLACK, children: title }), options.length > 0 && ((0, jsx_runtime_1.jsx)(__1.DropDownMenu, { selectedIDs: [], options: options, className: "ml-auto", dropDownClassName: (0, tailwind_utils_1.tailwind)('right-0'), children: (0, jsx_runtime_1.jsx)(__1.IconButton, { icon: __1.IconSymbol.THREE_DOT, className: "shrink-0 self-end", size: isMobile ? __1.IconSize.LG : __1.IconSize.XL }) }))] }), children] }));
|
|
15
|
+
}, className), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row justify-start items-start bg-white sticky', children && 'mb-6'), children: [onClose && ((0, jsx_runtime_1.jsx)(__1.IconButton, { onClick: onClose, icon: __1.IconSymbol.CHEVRON_LEFT, className: "shrink-0", size: isMobile ? __1.IconSize.LG : __1.IconSize.XL })), (0, jsx_runtime_1.jsx)(__1.Text, { variant: titleVariant, className: (0, tailwind_utils_1.tailwind)('whitespace-normal pt-[5px] pb-[3px] mx-[4px]'), color: __1.TextColors.BLACK, children: title }), options.length > 0 && ((0, jsx_runtime_1.jsx)(__1.DropDownMenu, { selectedIDs: [], options: options, className: "ml-auto", dropDownClassName: (0, tailwind_utils_1.tailwind)('right-0'), children: (0, jsx_runtime_1.jsx)(__1.IconButton, { icon: __1.IconSymbol.THREE_DOT, className: "shrink-0 self-end", size: isMobile ? __1.IconSize.LG : __1.IconSize.XL }) }))] }), children] }));
|
|
16
16
|
}
|
|
17
17
|
//# 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":";;AAyBA,
|
|
1
|
+
{"version":3,"file":"drawer-component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/drawer-component.tsx"],"names":[],"mappings":";;AAyBA,0CAuEC;;AA/FD,gCASkB;AAClB,qEAA4D;AAC5D,uFAAgF;AAahF,SAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,OAAO,GAAG,EAAE,EACZ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAO,GACD;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,yCAAyC,EACzC,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,yDAAyD,EACzD,QAAQ,IAAI,MAAM,CACnB,aAEA,OAAO,IAAI,CACV,uBAAC,cAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAU,CAAC,YAAY,EAC7B,SAAS,EAAC,UAAU,EACpB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,GAC1C,CACH,EAED,uBAAC,QAAI,IACH,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,IAAA,yBAAQ,EAAC,8CAA8C,CAAC,EACnE,KAAK,EAAE,cAAU,CAAC,KAAK,YAEtB,KAAK,GACD,EAEN,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,uBAAC,gBAAY,IACX,WAAW,EAAE,EAAE,EACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,SAAS,EACnB,iBAAiB,EAAE,IAAA,yBAAQ,EAAC,SAAS,CAAC,YAGpC,uBAAC,cAAU,IACT,IAAI,EAAE,cAAU,CAAC,SAAS,EAC1B,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,GAC1C,GAES,CAChB,IACG,EAGL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -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,EAAgB,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAmB,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;
|
|
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,EAAgB,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3E,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,2CAiCP;yBA3Ce,MAAM;;;;AAgDtB,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,CAAC"}
|
|
@@ -6,8 +6,10 @@ const _1 = require(".");
|
|
|
6
6
|
const __1 = require("../..");
|
|
7
7
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
8
8
|
const components_1 = require("./components");
|
|
9
|
-
|
|
10
|
-
|
|
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, }) {
|
|
11
|
+
const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
|
|
12
|
+
const isPanel = variant === _1.DrawerVariant.PANEL && !isMobile;
|
|
11
13
|
const isRightDirection = direction === _1.DrawerDirection.RIGHT || !isPanel;
|
|
12
14
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isPanel ? ((0, jsx_runtime_1.jsx)(components_1.DrawerComponent, { title: title, options: options, isPanel: isPanel, children: children, className: className, titleVariant: titleVariant, isRightDirection: isRightDirection, onClose: onClose })) : ((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, { title: title, options: options, isPanel: isPanel, children: children, className: className, titleVariant: titleVariant, onClose: onClose }) })) }));
|
|
13
15
|
}
|
|
@@ -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":";;AAmBA,wBA2CC;;AA7DD,wBAAmD;AACnD,6BAA2E;AAC3E,kEAAyD;AACzD,6CAAyF;AACzF,6EAAsE;AActE,SAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,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,IAAI,CAAC,QAAQ,CAAC;IAC7D,MAAM,gBAAgB,GAAG,SAAS,KAAK,kBAAe,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC;IAEzE,OAAO,CACL,2DACG,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,4BAAe,IACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAY,IAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,IAAA,yBAAQ,EAAC,aAAa,CAAC,YACrE,uBAAC,4BAAe,IACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,GAChB,GACW,CAChB,GACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,GAAG,8BAAiB,CAAC;AAClC,MAAM,CAAC,OAAO,GAAG,kCAAqB,CAAC"}
|