glints-aries 4.1.0 → 4.1.3

package/lib/@next/Link/LinkStyle.js

@@ -1,17 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.StyledLink = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _colors = require("../utilities/colors");
-var _spacing = require("../utilities/spacing");
-var centerAlign = "\n  vertical-align: middle;\n\n  svg {\n    vertical-align: middle;\n  }\n";
-var StyledLink = _styledComponents["default"].a.withConfig({
-  displayName: "LinkStyle__StyledLink",
-  componentId: "sc-usx229-0"
-})(["", " color:", ";cursor:pointer;text-decoration:underline;&[data-underline='false']{text-decoration:none;}&[data-monochrome='true']{color:", ";&:hover,&:active{color:", ";svg{fill:", ";}}svg{fill:", ";}}&:hover{color:rgba(0,86,140,0.9);svg{fill:rgba(0,86,140,0.9);}}&:active{color:", ";svg{fill:", ";}}svg{fill:", ";margin-left:", ";padding-bottom:", ";height:18px;}"], function (_ref) {
-  var external = _ref.external;
-  return external && centerAlign;
-}, _colors.Blue.S99, _colors.Neutral.B18, _colors.Neutral.B00, _colors.Neutral.B00, _colors.Neutral.B18, _colors.Blue.S100, _colors.Blue.S100, _colors.Blue.S99, _spacing.space2, _spacing.space2);
-exports.StyledLink = StyledLink;

package/lib/@next/Link/index.d.ts

@@ -1 +0,0 @@
-export * from './Link';

package/lib/@next/Link/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-var _Link = require("./Link");
-Object.keys(_Link).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Link[key]) return;
-  exports[key] = _Link[key];
-});

package/lib/@next/Menu/Menu.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-export interface Option {
-    disabled?: boolean;
-    id?: string;
-    label: string | React.ReactNode;
-    sublabel?: React.ReactNode;
-    value: string;
-}
-export interface Section {
-    title?: string;
-    options: Option[];
-}
-export interface MenuProps {
-    id?: string;
-    onClick?: ({ value }: {
-        value: string;
-    }) => void;
-    options?: Option[];
-    /** Selected value based on Option.value */
-    selectedValues?: string[];
-    title?: string;
-    allowMultiple?: boolean;
-    sections?: Section[];
-}
-export declare const Menu: ({ allowMultiple, id, onClick, options, sections, selectedValues, title, }: MenuProps) => JSX.Element;

package/lib/@next/Menu/Menu.js

@@ -1,106 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.Menu = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactIdGenerator = _interopRequireDefault(require("react-id-generator"));
-var _Typography = require("../Typography");
-var _colors = require("../utilities/colors");
-var _MenuStyle = require("./MenuStyle");
-var _MenuOptionLabel = require("./components/MenuOptionLabel");
-var _MenuOption = require("./components/MenuOption");
-var _MenuOptionCheckbox = require("./components/MenuOptionCheckbox");
-var Menu = function Menu(_ref) {
-  var allowMultiple = _ref.allowMultiple,
-    id = _ref.id,
-    onClick = _ref.onClick,
-    options = _ref.options,
-    sections = _ref.sections,
-    selectedValues = _ref.selectedValues,
-    title = _ref.title;
-  var randomId = (0, _reactIdGenerator["default"])('glints-menu');
-  var menuId = id ? id : randomId;
-  var renderTitle = function renderTitle(_ref2) {
-    var title = _ref2.title;
-    return /*#__PURE__*/_react["default"].createElement(_MenuStyle.TitleContainer, null, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-      variant: "subtitle2",
-      as: "span",
-      color: _colors.Neutral.B40
-    }, title));
-  };
-  var renderOptions = function renderOptions(_ref3) {
-    var options = _ref3.options;
-    return /*#__PURE__*/_react["default"].createElement(_MenuStyle.StyledMenu, null, options == null ? void 0 : options.map(function (option) {
-      var value = option.value,
-        label = option.label,
-        sublabel = option.sublabel,
-        disabled = option.disabled,
-        id = option.id;
-      var randomId = (0, _reactIdGenerator["default"])('glints-menu-option');
-      var menuOptionId = id ? id : randomId;
-      var isSelected = selectedValues == null ? void 0 : selectedValues.includes(value);
-      return /*#__PURE__*/_react["default"].createElement(_MenuOption.MenuOption, {
-        key: menuOptionId,
-        value: value,
-        disabled: disabled,
-        isSelected: isSelected,
-        onClick: onClick,
-        allowMultiple: allowMultiple
-      }, /*#__PURE__*/_react["default"].createElement(_MenuOptionLabel.MenuOptionLabel, {
-        label: label,
-        sublabel: sublabel
-      }));
-    }));
-  };
-  var renderOptionsWithCheckbox = function renderOptionsWithCheckbox(_ref4) {
-    var options = _ref4.options;
-    return /*#__PURE__*/_react["default"].createElement(_MenuStyle.StyledMenu, null, options == null ? void 0 : options.map(function (option) {
-      var value = option.value,
-        label = option.label,
-        disabled = option.disabled,
-        id = option.id;
-      var randomId = (0, _reactIdGenerator["default"])('glints-menu-option');
-      var menuOptionId = id ? id : randomId;
-      var isSelected = selectedValues == null ? void 0 : selectedValues.includes(value);
-      return /*#__PURE__*/_react["default"].createElement(_MenuOption.MenuOption, {
-        key: menuOptionId,
-        value: value,
-        disabled: disabled,
-        isSelected: isSelected,
-        onClick: onClick,
-        allowMultiple: allowMultiple
-      }, /*#__PURE__*/_react["default"].createElement(_MenuOptionCheckbox.MenuOptionCheckbox, {
-        isSelected: isSelected,
-        disabled: disabled,
-        label: label
-      }));
-    }));
-  };
-  var renderSections = function renderSections(_ref5) {
-    var sections = _ref5.sections;
-    return /*#__PURE__*/_react["default"].createElement(_MenuStyle.StyledSections, null, sections.map(function (section, index) {
-      return /*#__PURE__*/_react["default"].createElement("li", {
-        key: "menu-section-" + title + "-" + index
-      }, renderTitle({
-        title: section == null ? void 0 : section.title
-      }), allowMultiple ? renderOptionsWithCheckbox({
-        options: section == null ? void 0 : section.options
-      }) : renderOptions({
-        options: section == null ? void 0 : section.options
-      }));
-    }));
-  };
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    id: menuId
-  }, title && renderTitle({
-    title: title
-  }), allowMultiple ? renderOptionsWithCheckbox({
-    options: options
-  }) : renderOptions({
-    options: options
-  }), sections && renderSections({
-    sections: sections
-  }));
-};
-exports.Menu = Menu;

package/lib/@next/Menu/Menu.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Basic: any;
-export declare const AllowMultiple: any;
-export declare const WithSections: any;

package/lib/@next/Menu/MenuStyle.d.ts

@@ -1,6 +0,0 @@
-import { MenuProps } from './Menu';
-export declare const StyledMenu: import("styled-components").StyledComponent<"ul", any, MenuProps, never>;
-export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const List: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const StyledSections: import("styled-components").StyledComponent<"ul", any, {}, never>;

package/lib/@next/Menu/MenuStyle.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.TitleContainer = exports.StyledSections = exports.StyledMenu = exports.ListContainer = exports.List = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _borderRadius = require("../utilities/borderRadius");
-var _colors = require("../utilities/colors");
-var _spacing = require("../utilities/spacing");
-var StyledMenu = _styledComponents["default"].ul.withConfig({
-  displayName: "MenuStyle__StyledMenu",
-  componentId: "sc-zm0l1a-0"
-})(["list-style:none;padding:0;margin:0;li{display:flex;min-height:44px;position:relative;align-items:center;padding:0 ", ";margin-bottom:", ";svg{height:24px;width:24px;}&:hover{background:", ";border-radius:", ";cursor:pointer;}&:focus{outline:none;background:rgba(255,255,255,0.001);border:2px solid ", ";border-radius:", ";}&[aria-disabled='true']{cursor:default;pointer-events:none;span{color:", ";}}&[data-active='true']{background:", ";border-radius:", ";cursor:default;::before{content:'';display:block;position:absolute;top:0;left:-", ";height:44px;width:3px;background-color:", ";border-radius:0px 4px 4px 0px;}&[data-multiple='true']{background:", ";::before{content:none;}}}}"], _spacing.space8, _spacing.space4, _colors.Neutral.B99, _borderRadius.borderRadius4, _colors.Blue.S54, _spacing.space4, _colors.Neutral.B85, _colors.Blue.S08, _borderRadius.borderRadius4, _spacing.space8, _colors.Blue.S99, _colors.Neutral.B100);
-exports.StyledMenu = StyledMenu;
-var TitleContainer = _styledComponents["default"].div.withConfig({
-  displayName: "MenuStyle__TitleContainer",
-  componentId: "sc-zm0l1a-1"
-})(["margin:", " 0 ", ";padding:", " ", ";span{text-transform:uppercase;}"], _spacing.space8, _spacing.space4, _spacing.space8, _spacing.space16);
-exports.TitleContainer = TitleContainer;
-var ListContainer = _styledComponents["default"].div.withConfig({
-  displayName: "MenuStyle__ListContainer",
-  componentId: "sc-zm0l1a-2"
-})(["padding:0 ", ";"], _spacing.space8);
-exports.ListContainer = ListContainer;
-var List = _styledComponents["default"].li.withConfig({
-  displayName: "MenuStyle__List",
-  componentId: "sc-zm0l1a-3"
-})(["height:max-content;span{overflow:hidden;width:100%;}"]);
-exports.List = List;
-var StyledSections = _styledComponents["default"].ul.withConfig({
-  displayName: "MenuStyle__StyledSections",
-  componentId: "sc-zm0l1a-4"
-})(["list-style:none;padding:0;margin:", " 0;"], _spacing.space8);
-exports.StyledSections = StyledSections;

package/lib/@next/Menu/components/MenuOption.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface MenuOptionProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {
-    id?: string;
-    disabled?: boolean;
-    isSelected?: boolean;
-    value: string;
-    onClick?({ value }: {
-        value: string;
-    }): void;
-    allowMultiple?: boolean;
-}
-export declare const MenuOption: ({ children, disabled, isSelected, onClick, value, allowMultiple, }: MenuOptionProps) => JSX.Element;

package/lib/@next/Menu/components/MenuOption.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.MenuOption = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _MenuStyle = require("../MenuStyle");
-var MenuOption = function MenuOption(_ref) {
-  var children = _ref.children,
-    disabled = _ref.disabled,
-    isSelected = _ref.isSelected,
-    onClick = _ref.onClick,
-    value = _ref.value,
-    allowMultiple = _ref.allowMultiple;
-  var handleClick = function handleClick(event) {
-    event.stopPropagation();
-    onClick({
-      value: event.currentTarget.dataset.value
-    });
-  };
-  return /*#__PURE__*/_react["default"].createElement(_MenuStyle.ListContainer, null, /*#__PURE__*/_react["default"].createElement(_MenuStyle.List, {
-    "aria-disabled": disabled,
-    "data-active": isSelected,
-    "data-multiple": allowMultiple,
-    "data-value": value,
-    onClick: handleClick
-  }, children));
-};
-exports.MenuOption = MenuOption;

package/lib/@next/Menu/components/MenuOptionCheckbox.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const MenuOptionCheckbox: ({ disabled, isSelected, label, }: {
-    disabled: boolean;
-    isSelected: boolean;
-    label: React.ReactNode;
-}) => JSX.Element;

package/lib/@next/Menu/components/MenuOptionCheckbox.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.MenuOptionCheckbox = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Checkbox = require("../../Checkbox");
-var MenuOptionCheckbox = function MenuOptionCheckbox(_ref) {
-  var disabled = _ref.disabled,
-    isSelected = _ref.isSelected,
-    label = _ref.label;
-  return /*#__PURE__*/_react["default"].createElement(_Checkbox.Checkbox, {
-    label: label,
-    checked: isSelected,
-    disabled: disabled
-  });
-};
-exports.MenuOptionCheckbox = MenuOptionCheckbox;

package/lib/@next/Menu/components/MenuOptionLabel.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface MenuOptionLabelProps {
-    label: React.ReactNode;
-    sublabel?: React.ReactNode;
-}
-export declare const MenuOptionLabel: ({ label, sublabel }: MenuOptionLabelProps) => JSX.Element;
-export {};

package/lib/@next/Menu/components/MenuOptionLabel.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.MenuOptionLabel = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Typography = require("../../Typography");
-var _colors = require("../../utilities/colors");
-var _MenuOptionLabelStyle = require("./MenuOptionLabelStyle");
-var MenuOptionLabel = function MenuOptionLabel(_ref) {
-  var label = _ref.label,
-    sublabel = _ref.sublabel;
-  if (!sublabel) {
-    return /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-      as: "span",
-      variant: "body1",
-      color: _colors.Neutral.B18
-    }, label);
-  }
-  return /*#__PURE__*/_react["default"].createElement(_MenuOptionLabelStyle.MenuOptionLabelContainer, null, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-    as: "span",
-    variant: "body1",
-    color: _colors.Neutral.B18
-  }, label), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-    as: "span",
-    variant: "subtitle2",
-    color: _colors.Neutral.B40
-  }, sublabel));
-};
-exports.MenuOptionLabel = MenuOptionLabel;

package/lib/@next/Menu/components/MenuOptionLabelStyle.d.ts

@@ -1,3 +0,0 @@
-export declare const MenuOptionLabelContainer: import("styled-components").StyledComponent<"div", any, {
-    sublabel?: React.ReactNode;
-}, never>;

package/lib/@next/Menu/components/MenuOptionLabelStyle.js

@@ -1,11 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.MenuOptionLabelContainer = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var MenuOptionLabelContainer = _styledComponents["default"].div.withConfig({
-  displayName: "MenuOptionLabelStyle__MenuOptionLabelContainer",
-  componentId: "sc-oryr0t-0"
-})(["display:flex;flex-direction:column;align-items:center;padding:4px 0;"]);
-exports.MenuOptionLabelContainer = MenuOptionLabelContainer;

package/lib/@next/Menu/components/index.d.ts

@@ -1,4 +0,0 @@
-export type { MenuOptionProps } from './MenuOption';
-export { MenuOption } from './MenuOption';
-export { MenuOptionLabel } from './MenuOptionLabel';
-export { MenuOptionCheckbox } from './MenuOptionCheckbox';

package/lib/@next/Menu/components/index.js

@@ -1,10 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.MenuOptionLabel = exports.MenuOptionCheckbox = exports.MenuOption = void 0;
-var _MenuOption = require("./MenuOption");
-exports.MenuOption = _MenuOption.MenuOption;
-var _MenuOptionLabel = require("./MenuOptionLabel");
-exports.MenuOptionLabel = _MenuOptionLabel.MenuOptionLabel;
-var _MenuOptionCheckbox = require("./MenuOptionCheckbox");
-exports.MenuOptionCheckbox = _MenuOptionCheckbox.MenuOptionCheckbox;

package/lib/@next/Menu/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Menu';
-export * from './components';

package/lib/@next/Menu/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-var _Menu = require("./Menu");
-Object.keys(_Menu).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Menu[key]) return;
-  exports[key] = _Menu[key];
-});
-var _components = require("./components");
-Object.keys(_components).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _components[key]) return;
-  exports[key] = _components[key];
-});

package/lib/@next/Menu/menuStoryHelper/PopoverMenu.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { MenuProps } from '../Menu';
-interface PopoverMenuProps extends MenuProps {
-    activatorLabel?: string;
-}
-export declare const PopoverMenu: ({ activatorLabel, allowMultiple, ...props }: PopoverMenuProps) => JSX.Element;
-export {};

package/lib/@next/Menu/menuStoryHelper/PopoverMenu.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.PopoverMenu = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
-var _Button = require("../../Button");
-var _Popover = require("../../Popover");
-var _Menu = require("../Menu");
-var _excluded = ["activatorLabel", "allowMultiple"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var PopoverMenu = function PopoverMenu(_ref) {
-  var _ref$activatorLabel = _ref.activatorLabel,
-    activatorLabel = _ref$activatorLabel === void 0 ? 'Menu' : _ref$activatorLabel,
-    allowMultiple = _ref.allowMultiple,
-    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  var _useState = (0, _react.useState)(true),
-    popoverActive = _useState[0],
-    setPopoverActive = _useState[1];
-  var _useState2 = (0, _react.useState)([]),
-    selectedOptions = _useState2[0],
-    setSelectedOptions = _useState2[1];
-  var togglePopoverActive = (0, _react.useCallback)(function () {
-    return setPopoverActive(function (popoverActive) {
-      return !popoverActive;
-    });
-  }, []);
-  var handleSelect = function handleSelect(_ref2) {
-    var value = _ref2.value;
-    if (!allowMultiple) {
-      setSelectedOptions([value]);
-      return;
-    }
-    if (!selectedOptions.includes(value)) {
-      setSelectedOptions([].concat(selectedOptions, [value]));
-      return;
-    }
-    setSelectedOptions(selectedOptions.filter(function (option) {
-      return option !== value;
-    }));
-  };
-  var activator = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    onClick: togglePopoverActive
-  }, activatorLabel);
-  return /*#__PURE__*/_react["default"].createElement(_Popover.Popover, {
-    active: popoverActive,
-    activator: activator,
-    onClose: function onClose() {
-      return setPopoverActive(false);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Popover.Popover.Pane, null, /*#__PURE__*/_react["default"].createElement(_Menu.Menu, (0, _extends2["default"])({}, props, {
-    allowMultiple: allowMultiple,
-    onClick: handleSelect,
-    selectedValues: selectedOptions
-  }))));
-};
-exports.PopoverMenu = PopoverMenu;

package/lib/@next/Modal/Modal.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { ComponentAction } from '../../types/componentAction';
-declare type LeftAndRightComponentModalProps = {
-    leftComponent: React.ReactNode;
-    rightComponent: React.ReactNode;
-} | {
-    leftComponent?: never;
-    rightComponent?: never;
-};
-export declare type ModalProps = React.HTMLAttributes<HTMLDivElement> & LeftAndRightComponentModalProps & {
-    isOpen?: boolean;
-    header?: React.ReactNode;
-    headerDescription?: React.ReactNode;
-    children?: React.ReactNode;
-    /** This action will be tied to primary button on footer */
-    primaryAction?: ComponentAction;
-    /** This action will be tied to basic button on footer */
-    secondaryAction?: ComponentAction;
-    /** Defining custom actions will not show primary and secondary actions */
-    customActions?: React.ReactNode;
-    showBackButton?: boolean;
-    showCloseButton?: boolean;
-    /** Use this if you don't want to see the header border bottom */
-    showHeaderBorder?: boolean;
-    /** Setting this to true will close modal when clicking outside of Modal body */
-    closeOnClickOutside?: boolean;
-    onClose?: () => void;
-    onBack?: () => void;
-    zIndexOverride?: number;
-    /** This prop will add default padding to the header */
-    headerHasDefaultPadding?: boolean;
-};
-export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/lib/@next/Modal/Modal.js

@@ -1,144 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.Modal = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
-var _Button = require("../Button");
-var _ButtonGroup = require("../ButtonGroup");
-var _Icon = require("../Icon");
-var _Portal = require("../Portal/Portal");
-var _Typography = require("../Typography");
-var _ModalStyle = require("./ModalStyle");
-var _excluded = ["isOpen", "header", "headerDescription", "children", "secondaryAction", "primaryAction", "customActions", "showBackButton", "showCloseButton", "showHeaderBorder", "headerHasDefaultPadding", "closeOnClickOutside", "onClose", "onBack", "zIndexOverride", "leftComponent", "rightComponent"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var Modal = /*#__PURE__*/_react["default"].forwardRef(function Modal(_ref, ref) {
-  var isOpen = _ref.isOpen,
-    header = _ref.header,
-    headerDescription = _ref.headerDescription,
-    children = _ref.children,
-    secondaryAction = _ref.secondaryAction,
-    primaryAction = _ref.primaryAction,
-    customActions = _ref.customActions,
-    showBackButton = _ref.showBackButton,
-    _ref$showCloseButton = _ref.showCloseButton,
-    showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
-    _ref$showHeaderBorder = _ref.showHeaderBorder,
-    showHeaderBorder = _ref$showHeaderBorder === void 0 ? true : _ref$showHeaderBorder,
-    _ref$headerHasDefault = _ref.headerHasDefaultPadding,
-    headerHasDefaultPadding = _ref$headerHasDefault === void 0 ? true : _ref$headerHasDefault,
-    closeOnClickOutside = _ref.closeOnClickOutside,
-    onClose = _ref.onClose,
-    onBack = _ref.onBack,
-    _ref$zIndexOverride = _ref.zIndexOverride,
-    zIndexOverride = _ref$zIndexOverride === void 0 ? 999 : _ref$zIndexOverride,
-    leftComponent = _ref.leftComponent,
-    rightComponent = _ref.rightComponent,
-    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  var _useState = (0, _react.useState)(false),
-    isContentHasScrollbar = _useState[0],
-    setIsContentHasScrollbar = _useState[1];
-  var modalContentRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    var checkScrollbar = function checkScrollbar() {
-      var modalContent = modalContentRef.current;
-      if (modalContent) {
-        setIsContentHasScrollbar(modalContent.scrollHeight > modalContent.clientHeight);
-      }
-    };
-    checkScrollbar();
-    var handleResize = function handleResize() {
-      return checkScrollbar();
-    };
-    window.addEventListener('resize', handleResize);
-    return function () {
-      window.removeEventListener('resize', handleResize);
-    };
-  });
-  (0, _react.useEffect)(function () {
-    if (typeof window === 'undefined' || !window.document) return;
-    var enableScroll = function enableScroll() {
-      document.body.style.overflow = 'unset';
-    };
-    if (isOpen) {
-      document.body.style.overflow = 'hidden';
-    } else {
-      enableScroll();
-    }
-    return function () {
-      enableScroll();
-    };
-  }, [isOpen]);
-  if (!isOpen) {
-    return null;
-  }
-  var defaultActionContent = /*#__PURE__*/_react["default"].createElement(_ButtonGroup.ButtonGroup, null, secondaryAction && /*#__PURE__*/_react["default"].createElement(_Button.Button, (0, _extends2["default"])({
-    onClick: function onClick() {
-      return secondaryAction.action == null ? void 0 : secondaryAction.action();
-    }
-  }, secondaryAction), secondaryAction.label), primaryAction && /*#__PURE__*/_react["default"].createElement(_Button.PrimaryButton, (0, _extends2["default"])({
-    onClick: function onClick() {
-      return primaryAction.action == null ? void 0 : primaryAction.action();
-    }
-  }, primaryAction), primaryAction.label));
-  var actionsContent = customActions ? customActions : defaultActionContent;
-  var hasActions = !!customActions || !!primaryAction || !!secondaryAction;
-  var content = typeof children === 'string' ? /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-    as: "div",
-    variant: "body1"
-  }, children) : children;
-  var handleClickOutside = function handleClickOutside() {
-    if (closeOnClickOutside) {
-      onClose == null ? void 0 : onClose();
-    }
-  };
-  return /*#__PURE__*/_react["default"].createElement(_Portal.Portal, null, /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalWrapper, {
-    "data-testid": "modal-wrapper",
-    onClick: function onClick() {
-      return handleClickOutside();
-    },
-    zIndexOverride: zIndexOverride
-  }, leftComponent && /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalLeftAndRightComponent, {
-    className: "modal-left-component"
-  }, leftComponent), /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalContainer, (0, _extends2["default"])({
-    ref: ref,
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
-  }, props), header && /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalHeader, {
-    "data-show-border": showHeaderBorder,
-    "data-header-has-default-padding": headerHasDefaultPadding
-  }, showBackButton && /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledButtonContainer, null, /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalBackButton, {
-    "data-testid": "modal-back-btn",
-    "data-has-decription": !!headerDescription,
-    onClick: function onClick() {
-      return onBack == null ? void 0 : onBack();
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
-    name: "ri-arrow-left-line"
-  }))), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-    as: "div",
-    variant: "subtitle1"
-  }, header, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-    as: "div",
-    variant: "body1"
-  }, headerDescription)), showCloseButton && /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledButtonContainer, null, /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalCloseButton, {
-    "data-testid": "modal-close-btn",
-    "data-has-decription": !!headerDescription,
-    onClick: function onClick() {
-      return onClose == null ? void 0 : onClose();
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
-    name: "ri-close"
-  })))), /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalContent, {
-    className: "modal-content",
-    ref: modalContentRef,
-    "data-has-scrollbar": isContentHasScrollbar
-  }, content), hasActions && /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalActions, null, actionsContent)), rightComponent && /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalLeftAndRightComponent, {
-    className: "modal-right-component"
-  }, rightComponent)));
-});
-exports.Modal = Modal;

package/lib/@next/Modal/Modal.stories.d.ts

@@ -1,11 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;
-export declare const Interactive: any;
-export declare const WithLargeContent: any;
-export declare const WithOverflowContent: any;
-export declare const WithLockedScrollableBackdrop: any;
-export declare const WithSpinner: any;
-export declare const WithCustomActions: any;
-export declare const WithNumberInputAndTooltip: any;
-export declare const WithCustomLeftAndRightComponent: any;