glints-aries 4.0.185 → 4.0.186

package/es/Input/PhoneNumberInput/PhoneNumberInput.stories.js

@@ -1,122 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useEffect, useState } from 'react';
-import { PhoneNumberInput } from './PhoneNumberInput';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-import { Tag } from '../..';
-export default {
-  title: 'Input/PhoneNumberInput',
-  component: PhoneNumberInput,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, {
-      style: {
-        height: '400px'
-      }
-    }, Story());
-  }]
-};
-var callingCodeOptions = [{
-  label: 'Malaysia',
-  callingCode: 60,
-  isFeatured: true
-}, {
-  label: 'Indonesia',
-  callingCode: 62,
-  isFeatured: true
-}, {
-  label: 'Singapore',
-  callingCode: 65,
-  isFeatured: true
-}, {
-  label: 'Taiwan',
-  callingCode: 886,
-  isFeatured: true
-}, {
-  label: 'Vietnam',
-  callingCode: 84,
-  isFeatured: true
-}, {
-  label: 'Afghanistan',
-  callingCode: 93,
-  isFeatured: false
-}, {
-  label: 'Albania',
-  callingCode: 355,
-  isFeatured: false
-}, {
-  label: 'Algeria',
-  callingCode: 213,
-  isFeatured: false
-}, {
-  label: 'Germany',
-  callingCode: 42,
-  isFeatured: false
-}, {
-  label: 'United States',
-  callingCode: 1,
-  isFeatured: false
-}];
-var Template = function Template(args) {
-  var _useState = useState({
-      callingCode: 65,
-      significantNumber: args.initialSignificantNumber || null
-    }),
-    value = _useState[0],
-    setValue = _useState[1];
-  var _useState2 = useState(args.initialFilterInput || ''),
-    filterInput = _useState2[0],
-    setFilterInput = _useState2[1];
-  var options = filterInput ? callingCodeOptions.filter(function (option) {
-    return option.label.toLowerCase().includes(filterInput.toLowerCase()) || option.callingCode.toString().includes(filterInput.toLowerCase());
-  }) : callingCodeOptions;
-  var error = value.significantNumber && /[a-zA-Z]/g.test(value.significantNumber) && 'Please include numbers only.';
-  var _useState3 = useState(false),
-    isLoading = _useState3[0],
-    setIsLoading = _useState3[1];
-  useEffect(function simulateLoadingOnFilterInputChange() {
-    if (args.filterDelayMs && filterInput) {
-      setIsLoading(true);
-      var stopLoading = function stopLoading() {
-        return setIsLoading(false);
-      };
-      var timeout = setTimeout(stopLoading, args.filterDelayMs);
-      return function () {
-        clearTimeout(timeout);
-        stopLoading();
-      };
-    }
-  }, [args.filterDelayMs, filterInput]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "The phone number is +", value.callingCode || '??', ' ', value.significantNumber || '???'), /*#__PURE__*/React.createElement(PhoneNumberInput, _extends({
-    value: value,
-    callingCodeOptions: options,
-    filterValue: filterInput,
-    isLoadingCallingCodeOptions: isLoading,
-    label: "Mobile Number",
-    featuredOptionsLabel: "Frequently Used",
-    otherOptionsLabel: "The Rest Of The World",
-    callingCodeFilterInputPlaceholder: "Type country code or country name",
-    callingCodeNoOptionsLabel: "Sorry, there are no results for country " + filterInput + ". Please try again.",
-    error: error
-  }, args, {
-    onChange: setValue,
-    onInputChange: setFilterInput,
-    onBlur: console.log
-  })));
-};
-export var Default = Template.bind({});
-Default.args = {};
-export var WithError = Template.bind({});
-WithError.args = {
-  initialSignificantNumber: '1234 foo'
-};
-export var NoCallingCodeOptions = Template.bind({});
-NoCallingCodeOptions.args = {
-  initialFilterInput: 'Buxdehude'
-};
-export var Loading = Template.bind({});
-Loading.args = {
-  filterDelayMs: 1000
-};
-export var WithAddon = Template.bind({});
-WithAddon.args = {
-  addon: /*#__PURE__*/React.createElement(Tag, null, "I am an addon :)")
-};

package/es/Input/RadioButton/RadioButton.stories.js

@@ -1,42 +0,0 @@
-import React from 'react';
-import { RadioButton } from './RadioButton';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-export default {
-  title: 'Input/RadioButton',
-  component: RadioButton,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(RadioButton, args);
-};
-export var Interactive = Template.bind({});
-Interactive.args = {
-  label: 'Radio Button',
-  name: 'default'
-};
-export var RadioButtonWithError = Template.bind({});
-RadioButtonWithError.args = {
-  label: 'Radio Button With Error',
-  name: 'default',
-  error: true
-};
-export var RadioButtonWithBorder = Template.bind({});
-RadioButtonWithBorder.args = {
-  label: 'Radio Button With Border',
-  name: 'default',
-  border: true
-};
-export var DisabledRadioButton = Template.bind({});
-DisabledRadioButton.args = {
-  label: 'Disabled Radio Button',
-  name: 'default',
-  disabled: true
-};
-export var SmallRadioButton = Template.bind({});
-SmallRadioButton.args = {
-  label: 'Small Radio Button',
-  name: 'default',
-  size: 'small'
-};

package/es/Input/Select/Select.stories.js

@@ -1,133 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Select from './Select';
-import { WarningOutlineIcon } from '../../General/Icon/components';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-export default {
-  title: 'Input/Select',
-  component: Select,
-  argTypes: {
-    status: {
-      control: null
-    },
-    error: {
-      control: {
-        type: 'boolean'
-      }
-    }
-  },
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var Options = [/*#__PURE__*/React.createElement(Select.Option, {
-  key: 1,
-  value: "accountant"
-}, "Accountant"), /*#__PURE__*/React.createElement(Select.Option, {
-  key: 2,
-  value: "business development"
-}, "Business Development"), /*#__PURE__*/React.createElement(Select.Option, {
-  key: 3,
-  value: "software engineer"
-}, "Software Engineer")];
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: '200px'
-    }
-  }, /*#__PURE__*/React.createElement(Select, _extends({
-    label: "Jobs"
-  }, args, {
-    // set undefined to prevent these properties are shown in code sample
-    onBlur: undefined,
-    onFocus: undefined,
-    onChange: undefined,
-    onInputChange: undefined
-  }), Options));
-};
-export var DefaultSelect = Template.bind({});
-export var BasicUsage = Template.bind({});
-BasicUsage.args = {
-  label: 'Label',
-  value: 'Accountant'
-};
-export var LoadingOptions = Template.bind({});
-LoadingOptions.args = {
-  isLoading: true
-};
-export var Error = function Error() {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: '250px'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: '20px'
-    }
-  }, /*#__PURE__*/React.createElement(Select, {
-    label: "Boolean",
-    error: true
-  }, Options)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: '20px'
-    }
-  }, /*#__PURE__*/React.createElement(Select, {
-    label: "String",
-    error: "error message"
-  }, Options)), /*#__PURE__*/React.createElement(Select, {
-    label: "React Node",
-    error: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WarningOutlineIcon, null), " error message")
-  }, Options));
-};
-export var Disabled = Template.bind({});
-Disabled.args = {
-  disabled: true
-};
-export var DefaultValue = Template.bind({});
-DefaultValue.args = {
-  defaultValue: 'Accountant'
-};
-export var DisableTyping = Template.bind({});
-DisableTyping.args = {
-  disableTyping: true
-};
-export var CustomizeNoOptionResultMessage = Template.bind({});
-CustomizeNoOptionResultMessage.args = {
-  noOptionResult: 'Customized no option result message'
-};
-export var RemoveFloatingLabel = Template.bind({});
-RemoveFloatingLabel.args = {
-  removeFloatingLabel: true
-};
-export var RemoveDropIcon = Template.bind({});
-RemoveDropIcon.args = {
-  removeDropIcon: true
-};
-export var Sizes = function Sizes() {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: '200px'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: '20px'
-    }
-  }, /*#__PURE__*/React.createElement(Select, {
-    label: "Small",
-    small: true
-  }, Options)), /*#__PURE__*/React.createElement(Select, {
-    label: "Default"
-  }, Options));
-};
-export var CustomizeFilterFunction = function CustomizeFilterFunction() {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: '200px'
-    }
-  }, /*#__PURE__*/React.createElement(Select, {
-    label: "Jobs",
-    filterFunction: function filterFunction(option, search) {
-      return !option.toLowerCase().includes(search.toLowerCase());
-    }
-  }, Options));
-};

package/es/Input/TextField/TextField.stories.js

@@ -1,57 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useState } from 'react';
-import { TextField } from './TextField';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-import SearchIcon from '../../General/Icon/components/SearchIcon';
-export default {
-  title: 'Input/TextField',
-  component: TextField,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var Template = function Template(args) {
-  var _useState = useState(''),
-    textValue = _useState[0],
-    setTextValue = _useState[1];
-  return /*#__PURE__*/React.createElement(TextField, _extends({
-    value: textValue,
-    onChange: function onChange(e) {
-      return setTextValue(e.target.value);
-    }
-  }, args));
-};
-export var Interactive = Template.bind({});
-Interactive.args = {
-  label: 'Description',
-  type: 'text'
-};
-export var TextFieldWithClearIcon = Template.bind({});
-TextFieldWithClearIcon.args = {
-  label: 'Description',
-  allowClear: true,
-  type: 'text'
-};
-export var Disabled = Template.bind({});
-Disabled.args = {
-  label: 'Description',
-  type: 'text',
-  disabled: true
-};
-export var TextFieldWithStartIcon = Template.bind({});
-TextFieldWithStartIcon.args = {
-  label: 'Description',
-  type: 'text',
-  startIcon: /*#__PURE__*/React.createElement(SearchIcon, null)
-};
-export var TextFieldWithEndIcon = Template.bind({});
-TextFieldWithEndIcon.args = {
-  label: 'Description',
-  type: 'text',
-  endIcon: /*#__PURE__*/React.createElement(SearchIcon, null)
-};
-export var PasswordField = Template.bind({});
-PasswordField.args = {
-  label: 'Description',
-  type: 'password'
-};

package/es/Input/Textarea/Textarea.stories.js

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { Textarea } from './Textarea';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-export default {
-  title: 'Input/Textarea',
-  component: Textarea,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(Textarea, args);
-};
-export var Interactive = Template.bind({});
-Interactive.args = {
-  label: 'Description'
-};
-export var removeFloatingLabelIsTrue = Template.bind({});
-removeFloatingLabelIsTrue.args = {
-  label: 'Remove Floating Label Is True',
-  removeFloatingLabel: true
-};

package/es/Input/ToggleSwitch/ToggleSwitch.stories.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import { ToggleSwitch } from './ToggleSwitch';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-import EyeIcon from '../../General/Icon/components/EyeIcon';
-import EyeSlashedIcon from '../../General/Icon/components/EyeSlashedIcon';
-export default {
-  title: 'Input/ToggleSwitch',
-  component: ToggleSwitch,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(ToggleSwitch, args);
-};
-export var Interactive = Template.bind({});
-Interactive.args = {
-  defaultActive: false
-};
-export var ToggleSwitchWithIcons = function ToggleSwitchWithIcons() {
-  return /*#__PURE__*/React.createElement(ToggleSwitch, {
-    defaultActive: false,
-    iconOptions: {
-      active: EyeIcon,
-      inactive: EyeSlashedIcon
-    }
-  });
-};
-export var ToggleSwitchInAnActiveState = function ToggleSwitchInAnActiveState() {
-  return /*#__PURE__*/React.createElement(ToggleSwitch, {
-    active: true
-  });
-};

package/es/Layout/Box/Box.stories.js

@@ -1,39 +0,0 @@
-import React from 'react';
-import { Box } from './index';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-import * as S from './BoxStoryStyle';
-import { boxArgTypes } from './constants';
-export default {
-  title: 'Layout/Box',
-  component: Box,
-  argTypes: boxArgTypes,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(S.GreyBackground, null, /*#__PURE__*/React.createElement(S.Box, args, /*#__PURE__*/React.createElement(S.Content, null, "Content")));
-};
-export var Interactive = Template.bind({});
-Interactive.args = {
-  p: 32,
-  m: 64
-};
-export var ResponsiveSpacing = Template.bind({});
-ResponsiveSpacing.args = {
-  p: {
-    "default": 32,
-    desktopS: 64
-  },
-  m: {
-    "default": 64,
-    desktopS: 32
-  }
-};
-ResponsiveSpacing.parameters = {
-  docs: {
-    description: {
-      story: "Resize the viewport to see the responsive padding and margin change\n\n      Following is the Breakpoint Aliases table for Responsive Space Object\n\n      | Alias    | Device         | Description                           |\n      |----------|----------------|---------------------------------------|\n      | default  | -              | define the base, non-responsive value |\n      | mobileS  | Mobile Small   | @media screen and (min-width: 320px)  |\n      | mobileM  | Mobile Medium  | @media screen and (min-width: 480px)  |\n      | mobileL  | Mobile Large   | @media screen and (min-width: 640px)  |\n      | tablet   | Tablet         | @media screen and (min-width: 768px)  |\n      | desktopS | Desktop Small  | @media screen and (min-width: 1024px) |\n      | desktopM | Desktop Medium | @media screen and (min-width: 1260px) |\n      | desktopL | Desktop Large  | @media screen and (min-width: 1440px) |\n      "
-    }
-  }
-};

package/es/Layout/Flex/Flex.stories.js

@@ -1,30 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { Flex } from './index';
-import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
-import * as S from './FlexStoryStyle';
-import { boxArgTypes } from '../Box/constants';
-export default {
-  title: 'Layout/Flex',
-  component: Flex,
-  argTypes: _extends({
-    // to put prop at the top of table by giving empty object
-    flexDirection: {},
-    justifyContent: {},
-    alignItems: {},
-    flexWrap: {}
-  }, boxArgTypes, {
-    style: {
-      table: {
-        disable: true
-      }
-    }
-  }),
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
-};
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(S.Flex, args, /*#__PURE__*/React.createElement(S.Item, null, "1"), /*#__PURE__*/React.createElement(S.Item, null, "2"), /*#__PURE__*/React.createElement(S.Item, null, "3"));
-};
-export var Interactive = Template.bind({});

package/es/Navigation/Breadcrumb/Breadcrumb.stories.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import { Breadcrumb } from './Breadcrumb';
-export default {
-  title: 'Navigation/Breadcrumb',
-  component: Breadcrumb
-};
-var Template = function Template() {
-  return /*#__PURE__*/React.createElement(Breadcrumb, null, /*#__PURE__*/React.createElement(Breadcrumb.Item, null, /*#__PURE__*/React.createElement("a", {
-    href: "/home"
-  }, "Home")), /*#__PURE__*/React.createElement(Breadcrumb.Item, null, /*#__PURE__*/React.createElement("a", {
-    href: "/jobs"
-  }, "Jobs")), /*#__PURE__*/React.createElement(Breadcrumb.Item, {
-    active: true
-  }, /*#__PURE__*/React.createElement("a", {
-    href: "/software-engineer"
-  }, "Software Engineer")));
-};
-export var Default = Template.bind({});
-export var BreadcrumbWithFirstItemActive = function BreadcrumbWithFirstItemActive() {
-  return /*#__PURE__*/React.createElement(Breadcrumb, null, /*#__PURE__*/React.createElement(Breadcrumb.Item, {
-    active: true
-  }, /*#__PURE__*/React.createElement("a", {
-    href: "/home"
-  }, "Home")), /*#__PURE__*/React.createElement(Breadcrumb.Item, null, /*#__PURE__*/React.createElement("a", {
-    href: "/jobs"
-  }, "Jobs")), /*#__PURE__*/React.createElement(Breadcrumb.Item, null, /*#__PURE__*/React.createElement("a", {
-    href: "/software-engineer"
-  }, "Software Engineer")));
-};
-export var BreadcrumbWithNoItemActive = function BreadcrumbWithNoItemActive() {
-  return /*#__PURE__*/React.createElement(Breadcrumb, null, /*#__PURE__*/React.createElement(Breadcrumb.Item, null, /*#__PURE__*/React.createElement("a", {
-    href: "/home"
-  }, "Home")), /*#__PURE__*/React.createElement(Breadcrumb.Item, null, /*#__PURE__*/React.createElement("a", {
-    href: "/jobs"
-  }, "Jobs")), /*#__PURE__*/React.createElement(Breadcrumb.Item, null, /*#__PURE__*/React.createElement("a", {
-    href: "/software-engineer"
-  }, "Software Engineer")));
-};

package/es/Navigation/Drawer/Drawer.stories.js

@@ -1,30 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useState } from 'react';
-import { default as Drawer } from './Drawer';
-import { Button } from '../../General/Button/Button';
-export default {
-  title: 'Navigation/Drawer',
-  component: Drawer
-};
-var Template = function Template(args) {
-  var _useState = useState(false),
-    isDrawerOpen = _useState[0],
-    setIsDrawerOpen = _useState[1];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    variant: "solid-blue",
-    onClick: function onClick() {
-      return setIsDrawerOpen(!isDrawerOpen);
-    }
-  }, "Toggle"), /*#__PURE__*/React.createElement(Drawer, _extends({}, args, {
-    isOpen: isDrawerOpen,
-    onClose: function onClose() {
-      return setIsDrawerOpen(false);
-    }
-  }), /*#__PURE__*/React.createElement(Button, {
-    variant: "solid-blue",
-    onClick: function onClick() {
-      return setIsDrawerOpen(false);
-    }
-  }, "Close")));
-};
-export var Default = Template.bind({});

package/es/Navigation/Dropdown/Dropdown.stories.js

@@ -1,61 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { Dropdown } from './Dropdown';
-import { ArrowNextIcon, ArrowNextDoubleIcon, InfoIcon } from '../../General/Icon/components';
-export default {
-  title: 'Navigation/Dropdown',
-  component: Dropdown,
-  argTypes: {
-    iconDefaultColor: {
-      control: 'color'
-    },
-    leftIcon: {
-      control: {
-        type: 'select',
-        options: {
-          'Example: ArrowBackIcon': /*#__PURE__*/React.createElement(ArrowNextIcon, null),
-          'Example: ArrowNextDoubleIcon': /*#__PURE__*/React.createElement(ArrowNextDoubleIcon, null)
-        }
-      }
-    }
-  }
-};
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: '150px'
-    }
-  }, /*#__PURE__*/React.createElement(Dropdown, _extends({
-    label: "Career"
-  }, args), /*#__PURE__*/React.createElement(Dropdown.Item, {
-    value: "pm"
-  }, "Product Manager"), /*#__PURE__*/React.createElement(Dropdown.Item, {
-    value: "se"
-  }, "Software Engineer")));
-};
-export var Default = Template.bind({});
-export var HoverToOpen = Template.bind({});
-HoverToOpen.args = {
-  hoverToOpen: true
-};
-export var DropdownWithIconAndDefaultIconColour = Template.bind({});
-DropdownWithIconAndDefaultIconColour.args = {
-  leftIcon: /*#__PURE__*/React.createElement(InfoIcon, null),
-  iconDefaultColor: 'red'
-};
-export var DropdownWithHoverLineEffect = Template.bind({});
-DropdownWithHoverLineEffect.args = {
-  showHoverLine: true
-};
-export var DropdownWithRightPlacement = Template.bind({});
-DropdownWithRightPlacement.args = {
-  dropDownPlacement: 'right'
-};
-export var DropdownWithFullWidth = Template.bind({});
-DropdownWithFullWidth.args = {
-  showFullWidth: true
-};
-export var DisabledDropdown = Template.bind({});
-DisabledDropdown.args = {
-  disabled: true
-};

package/lib/@next/Alert/Alert.stories.js

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Interactive = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _Button = require("../Button");
-var _Typography = require("../Typography");
-var _Alert = require("./Alert");
-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; }
-_Alert.Alert.displayName = 'Alert';
-var _default = {
-  title: '@next/Alert',
-  component: _Alert.Alert,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  var _useState = (0, _react.useState)(false),
-    showAlert = _useState[0],
-    setShowAlert = _useState[1];
-  var triggerAlert = function triggerAlert() {
-    setShowAlert(true);
-  };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    onClick: function onClick() {
-      return triggerAlert();
-    }
-  }, "Show Alert"), /*#__PURE__*/_react["default"].createElement(_Alert.Alert, (0, _extends2["default"])({}, args, {
-    show: showAlert,
-    onDismissed: function onDismissed() {
-      return setShowAlert(false);
-    }
-  })));
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  title: 'Title',
-  content: 'Alert content',
-  status: 'info',
-  children: /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-    as: "span",
-    variant: "body2",
-    color: "#017EB7"
-  }, "Learn more")
-};