period-ui 0.3.6 → 0.3.7
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/drop-down-menu/components/full-screen-drop-down-menu.d.ts.map +1 -1
- package/dist/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.js +1 -1
- package/dist/components/atoms/drop-down-menu/components/full-screen-drop-down-menu.js.map +1 -1
- package/dist/components/molecules/modal/components/full-screen-modal.d.ts.map +1 -1
- package/dist/components/molecules/modal/components/full-screen-modal.js +3 -1
- package/dist/components/molecules/modal/components/full-screen-modal.js.map +1 -1
- package/dist/index.mjs +21781 -0
- package/dist/utils/window-dimensions-utils.d.ts.map +1 -1
- package/dist/utils/window-dimensions-utils.js +6 -7
- package/dist/utils/window-dimensions-utils.js.map +1 -1
- package/package.json +4 -2
|
@@ -1 +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,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,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,gBAAuB,EACvB,OAAiC,EACjC,OAAO,GACR,EAAE,KAAK,
|
|
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,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,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,gBAAuB,EACvB,OAAiC,EACjC,OAAO,GACR,EAAE,KAAK,2CAkCP;AAED,YAAY,EAAE,KAAK,IAAI,2BAA2B,EAAE,CAAC"}
|
|
@@ -9,6 +9,6 @@ const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
|
9
9
|
const menu_item_1 = require("./menu-item");
|
|
10
10
|
const menu_item_types_1 = require("./menu-item-types");
|
|
11
11
|
function FullScreenDropDownMenu({ isOpen, options, cancelLabel, emptyElement, selectedIDs = [], isLabelTruncated = true, 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",
|
|
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", 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), isLabelTruncated: isLabelTruncated, 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, isLabelTruncated: isLabelTruncated }) }))] })] }) }));
|
|
13
13
|
}
|
|
14
14
|
//# sourceMappingURL=full-screen-drop-down-menu.js.map
|
|
@@ -1 +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":";;AAkBA,
|
|
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":";;AAkBA,wDA2CC;;;AA7DD,6CAAuD;AACvD,iCAA+C;AAE/C,qEAA4D;AAC5D,2CAAuC;AACvC,uDAAoD;AAapD,SAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,WAAW,EACX,YAAY,EACZ,WAAW,GAAG,EAAE,EAChB,gBAAgB,GAAG,IAAI,EACvB,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,aAC9D,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,gBAAgB,EAAE,gBAAgB,EAClC,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,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,GAC5E,CACP,IACG,IACC,GACE,CACd,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"full-screen-modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/components/full-screen-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EACL,uBAAuB,
|
|
1
|
+
{"version":3,"file":"full-screen-modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/components/full-screen-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EACL,uBAAuB,EAMvB,WAAW,EACZ,MAAM,UAAU,CAAC;AAKlB,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,OAAY,EACZ,kBAAkB,EAClB,OAAO,GACR,EAAE,KAAK,2CAwDP"}
|
|
@@ -3,9 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.FullScreenModal = FullScreenModal;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const __1 = require("../../..");
|
|
6
|
+
const three_dot_menu_1 = require("../../three-dot-menu");
|
|
6
7
|
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
8
|
+
const overlay_1 = require("./overlay");
|
|
7
9
|
function FullScreenModal({ isOpen, title, children, className, isBackButtonVisible, options = [], optionsCancelLabel, onClose, }) {
|
|
8
10
|
const hasOptionsMenu = options.length > 0 && !!optionsCancelLabel;
|
|
9
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
11
|
+
return ((0, jsx_runtime_1.jsx)(overlay_1.ModalOverlay, { isOpen: isOpen, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col p-6 w-full h-full', 'transform bg-white', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row sticky justify-start items-center bg-white', 'border-b border-gray-04 -mx-6 -mt-6 px-[13px] py-[11px]', children && 'mb-8'), children: [(isBackButtonVisible || hasOptionsMenu) && ((0, jsx_runtime_1.jsx)(__1.IconButton, { onClick: onClose, icon: __1.IconSymbol.CHEVRON_LEFT, className: "shrink-0", size: __1.IconSize.LG })), (0, jsx_runtime_1.jsx)(__1.Text, { variant: __1.TextVariant.HEADLINE, className: (0, tailwind_utils_1.tailwind)('mx-1 truncate mr-auto'), color: __1.TextColors.BLACK, children: title }), hasOptionsMenu ? ((0, jsx_runtime_1.jsx)(three_dot_menu_1.ThreeDotMenu, { options: options, cancelLabel: optionsCancelLabel, className: "shrink-0", triggerElement: (0, jsx_runtime_1.jsx)(__1.IconButton, { icon: __1.IconSymbol.THREE_DOT, className: "shrink-0", size: __1.IconSize.LG }) })) : (!isBackButtonVisible && ((0, jsx_runtime_1.jsx)(__1.IconButton, { onClick: onClose, icon: __1.IconSymbol.X, className: "shrink-0", size: __1.IconSize.LG })))] }), children] }) }));
|
|
10
12
|
}
|
|
11
13
|
//# sourceMappingURL=full-screen-modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"full-screen-modal.js","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/components/full-screen-modal.tsx"],"names":[],"mappings":";;AA0BA,0CAiEC;;AA1FD,
|
|
1
|
+
{"version":3,"file":"full-screen-modal.js","sourceRoot":"","sources":["../../../../../src/components/molecules/modal/components/full-screen-modal.tsx"],"names":[],"mappings":";;AA0BA,0CAiEC;;AA1FD,gCAQkB;AAClB,yDAAoD;AACpD,qEAA4D;AAC5D,uCAAyC;AAczC,SAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,OAAO,GAAG,EAAE,EACZ,kBAAkB,EAClB,OAAO,GACD;IACN,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,kBAAkB,CAAC;IAElE,OAAO,CACL,uBAAC,sBAAY,IAAC,MAAM,EAAE,MAAM,YAC1B,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,iCAAiC,EAAE,oBAAoB,EAAE,SAAS,CAAC,aAC1F,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,0DAA0D,EAC1D,yDAAyD,EACzD,QAAQ,IAAI,MAAM,CACnB,aAEA,CAAC,mBAAmB,IAAI,cAAc,CAAC,IAAI,CAC1C,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,IACH,OAAO,EAAE,eAAW,CAAC,QAAQ,EAC7B,SAAS,EAAE,IAAA,yBAAQ,EAAC,uBAAuB,CAAC,EAC5C,KAAK,EAAE,cAAU,CAAC,KAAK,YAEtB,KAAK,GACD,EAEN,cAAc,CAAC,CAAC,CAAC,CAChB,uBAAC,6BAAY,IACX,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,kBAA4B,EACzC,SAAS,EAAC,UAAU,EACpB,cAAc,EACZ,uBAAC,cAAU,IAAC,IAAI,EAAE,cAAU,CAAC,SAAS,EAAE,SAAS,EAAC,UAAU,EAAC,IAAI,EAAE,YAAQ,CAAC,EAAE,GAAI,GAEpF,CACH,CAAC,CAAC,CAAC,CACF,CAAC,mBAAmB,IAAI,CACtB,uBAAC,cAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAU,CAAC,CAAC,EAClB,SAAS,EAAC,UAAU,EACpB,IAAI,EAAE,YAAQ,CAAC,EAAE,GACjB,CACH,CACF,IACG,EAGL,QAAQ,IACL,GACO,CAChB,CAAC;AACJ,CAAC"}
|