glints-aries 4.0.395 → 4.1.3

package/lib/@next/Select/selectStoryHelper/NonSearchableMultiSelect.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.NonSearchableMultiSelect = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
-var _Select = require("../Select");
-var _excluded = ["options", "disabled"];
-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 NonSearchableMultiSelect = function NonSearchableMultiSelect(_ref) {
-  var options = _ref.options,
-    disabled = _ref.disabled,
-    args = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  var _useState = (0, _react.useState)([]),
-    selected = _useState[0],
-    setSelected = _useState[1];
-  var handleSelect = function handleSelect(_ref2) {
-    var value = _ref2.value;
-    if (!selected.includes(value)) {
-      setSelected([].concat(selected, [value]));
-      return;
-    }
-    setSelected(selected.filter(function (option) {
-      return option !== value;
-    }));
-  };
-  var removeTag = function removeTag(_ref3) {
-    var option = _ref3.option;
-    return function (e) {
-      e.stopPropagation();
-      var options = [].concat(selected);
-      options.splice(options.indexOf(option), 1);
-      setSelected(options);
-    };
-  };
-  return /*#__PURE__*/_react["default"].createElement(_Select.Select, (0, _extends2["default"])({}, args, {
-    disabled: disabled,
-    onRemoveTag: removeTag,
-    options: options,
-    onSelect: handleSelect,
-    selectedValues: selected,
-    width: "400px"
-  }));
-};
-exports.NonSearchableMultiSelect = NonSearchableMultiSelect;

package/lib/@next/Select/selectStoryHelper/NonSearchableSingleSelect.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { SelectProps } from '../Select';
-export declare const SingleSelect: ({ options, allowMultiple, disabled, ...args }: SelectProps) => JSX.Element;

package/lib/@next/Select/selectStoryHelper/NonSearchableSingleSelect.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.SingleSelect = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
-var _Select = require("../Select");
-var _excluded = ["options", "allowMultiple", "disabled"];
-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 SingleSelect = function SingleSelect(_ref) {
-  var options = _ref.options,
-    allowMultiple = _ref.allowMultiple,
-    disabled = _ref.disabled,
-    args = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  var _useState = (0, _react.useState)(''),
-    selected = _useState[0],
-    setSelected = _useState[1];
-  var handleSelect = function handleSelect(_ref2) {
-    var value = _ref2.value;
-    setSelected(value);
-  };
-  return /*#__PURE__*/_react["default"].createElement(_Select.Select, (0, _extends2["default"])({}, args, {
-    allowMultiple: allowMultiple,
-    disabled: disabled,
-    options: options,
-    onSelect: handleSelect,
-    selectedValues: [selected],
-    width: "400px",
-    label: "Label"
-  }));
-};
-exports.SingleSelect = SingleSelect;

package/lib/@next/Select/selectStoryHelper/Searchable.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { Option } from '../../Menu';
-interface SearchableProps {
-    data?: Option[];
-}
-export declare const SearchableSelect: ({ data, ...args }: SearchableProps) => JSX.Element;
-export {};

package/lib/@next/Select/selectStoryHelper/Searchable.js

@@ -1,73 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.SearchableSelect = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
-var _colors = require("../../utilities/colors");
-var _spacing = require("../../utilities/spacing");
-var _Select = require("../Select");
-var _SelectStoryStyle = require("./SelectStoryStyle");
-var _excluded = ["data"];
-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 SearchableSelect = function SearchableSelect(_ref) {
-  var data = _ref.data,
-    args = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  var _useState = (0, _react.useState)(''),
-    inputValue = _useState[0],
-    setInputValue = _useState[1];
-  var _useState2 = (0, _react.useState)([]),
-    selectedOptions = _useState2[0],
-    setSelectedOptions = _useState2[1];
-  var handleInputChange = function handleInputChange(value) {
-    setInputValue(value);
-  };
-  var handleSelect = function handleSelect(_ref2) {
-    var value = _ref2.value;
-    if (!selectedOptions.includes(value)) {
-      setSelectedOptions([].concat(selectedOptions, [value]));
-      return;
-    }
-    setSelectedOptions(selectedOptions.filter(function (option) {
-      return option !== value;
-    }));
-  };
-  var removeTag = function removeTag(tag) {
-    return function () {
-      var options = [].concat(selectedOptions);
-      options.splice(options.indexOf(tag), 1);
-      setSelectedOptions(options);
-    };
-  };
-  var tagsMarkup = selectedOptions.map(function (value) {
-    var _data$find;
-    return /*#__PURE__*/_react["default"].createElement(_SelectStoryStyle.StyledTag, {
-      key: "option-" + value,
-      onRemove: removeTag(value),
-      textColor: _colors.Blue.S99
-    }, ((_data$find = data.find(function (option) {
-      return option.value === value;
-    })) == null ? void 0 : _data$find.label) || value);
-  });
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Select.Select, (0, _extends2["default"])({}, args, {
-    onSelect: handleSelect,
-    options: data,
-    selectedValues: selectedOptions,
-    width: "600px",
-    searchableProps: {
-      inputValue: inputValue,
-      onInputChange: function onInputChange(value) {
-        return handleInputChange(value);
-      }
-    },
-    label: "Label"
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      paddingTop: _spacing.space8
-    }
-  }, tagsMarkup));
-};
-exports.SearchableSelect = SearchableSelect;

package/lib/@next/Select/selectStoryHelper/SearchableSingleSelect.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { Option } from '../../Menu';
-interface SearchableSingleSelectProps {
-    data?: Option[];
-}
-export declare const SearchableSingle: ({ data, ...args }: SearchableSingleSelectProps) => JSX.Element;
-export declare const SearchableSingleWithInputState: ({ data, ...args }: SearchableSingleSelectProps) => JSX.Element;
-export declare const SearchableSingleWithInitialValue: ({ data, ...args }: SearchableSingleSelectProps) => JSX.Element;
-export declare const AsyncSearchableSingleWithInputState: ({ data, ...args }: SearchableSingleSelectProps) => JSX.Element;
-export {};

package/lib/@next/Select/selectStoryHelper/SearchableSingleSelect.js

@@ -1,196 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.SearchableSingleWithInputState = exports.SearchableSingleWithInitialValue = exports.SearchableSingle = exports.AsyncSearchableSingleWithInputState = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
-var _debounce = require("../../../helpers/debounce");
-var _Select = require("../Select");
-var _excluded = ["data"],
-  _excluded2 = ["data"],
-  _excluded3 = ["data"],
-  _excluded4 = ["data"];
-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 SearchableSingle = function SearchableSingle(_ref) {
-  var data = _ref.data,
-    args = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  var _useState = (0, _react.useState)(''),
-    selected = _useState[0],
-    setSelected = _useState[1];
-  var handleSelect = function handleSelect(_ref2) {
-    var value = _ref2.value;
-    setSelected(value);
-  };
-  return /*#__PURE__*/_react["default"].createElement(_Select.Select, (0, _extends2["default"])({}, args, {
-    onSelect: handleSelect,
-    options: data,
-    selectedValues: [selected],
-    width: "600px",
-    searchable: true,
-    label: "Label"
-  }));
-};
-exports.SearchableSingle = SearchableSingle;
-var SearchableSingleWithInputState = function SearchableSingleWithInputState(_ref3) {
-  var data = _ref3.data,
-    args = (0, _objectWithoutPropertiesLoose2["default"])(_ref3, _excluded2);
-  var _useState2 = (0, _react.useState)(''),
-    inputValue = _useState2[0],
-    setInputValue = _useState2[1];
-  var _useState3 = (0, _react.useState)(''),
-    selected = _useState3[0],
-    setSelected = _useState3[1];
-  var handleInputChange = function handleInputChange(value) {
-    setInputValue(value);
-  };
-  var handleSelect = function handleSelect(_ref4) {
-    var value = _ref4.value;
-    setSelected(value);
-  };
-  return /*#__PURE__*/_react["default"].createElement(_Select.Select, (0, _extends2["default"])({}, args, {
-    onSelect: handleSelect,
-    options: data,
-    selectedValues: [selected],
-    searchableProps: {
-      inputValue: inputValue,
-      onInputChange: function onInputChange(value) {
-        return handleInputChange(value);
-      }
-    },
-    width: "600px",
-    label: "Label"
-  }));
-};
-exports.SearchableSingleWithInputState = SearchableSingleWithInputState;
-var SearchableSingleWithInitialValue = function SearchableSingleWithInitialValue(_ref5) {
-  var data = _ref5.data,
-    args = (0, _objectWithoutPropertiesLoose2["default"])(_ref5, _excluded3);
-  var _useState4 = (0, _react.useState)('Singapore'),
-    selected = _useState4[0],
-    setSelected = _useState4[1];
-  var handleSelect = function handleSelect(_ref6) {
-    var value = _ref6.value;
-    setSelected(value);
-  };
-  return /*#__PURE__*/_react["default"].createElement(_Select.Select, (0, _extends2["default"])({}, args, {
-    onSelect: handleSelect,
-    options: data,
-    selectedValues: [selected],
-    width: "600px",
-    searchable: true,
-    label: "Label"
-  }));
-};
-exports.SearchableSingleWithInitialValue = SearchableSingleWithInitialValue;
-var filterOptions = function filterOptions(str, data) {
-  if (str === '') {
-    return data;
-  }
-  var filterRegex = new RegExp(str, 'i');
-  var filterOptions = data.filter(function (option) {
-    return option.label.match(filterRegex);
-  });
-  return filterOptions;
-};
-var mockAsyncOptions = function mockAsyncOptions(str, data) {
-  return new Promise(function (resolve) {
-    setTimeout(function () {
-      var filteredOptions = filterOptions(str, data);
-      resolve(filteredOptions);
-    }, 1000);
-  });
-};
-var AsyncSearchableSingleWithInputState = function AsyncSearchableSingleWithInputState(_ref7) {
-  var data = _ref7.data,
-    args = (0, _objectWithoutPropertiesLoose2["default"])(_ref7, _excluded4);
-  var _useState5 = (0, _react.useState)(false),
-    loading = _useState5[0],
-    setLoading = _useState5[1];
-  var _useState6 = (0, _react.useState)([]),
-    mockData = _useState6[0],
-    setMockData = _useState6[1];
-  var _useState7 = (0, _react.useState)(''),
-    inputValue = _useState7[0],
-    setInputValue = _useState7[1];
-  var _useState8 = (0, _react.useState)(''),
-    selected = _useState8[0],
-    setSelected = _useState8[1];
-  var handleInputChange = /*#__PURE__*/function () {
-    var _ref8 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(value) {
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            setInputValue(value);
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleInputChange(_x) {
-      return _ref8.apply(this, arguments);
-    };
-  }();
-  var debounceHandleInputChange = (0, _debounce.debounce)(handleInputChange);
-  var handleSelect = function handleSelect(_ref9) {
-    var value = _ref9.value;
-    setSelected(value);
-  };
-  (0, _react.useEffect)(function () {
-    var fetchMockData = /*#__PURE__*/function () {
-      var _ref10 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-        var response;
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
-              setLoading(true);
-              _context2.next = 4;
-              return mockAsyncOptions(inputValue, data);
-            case 4:
-              response = _context2.sent;
-              setMockData(response);
-              setLoading(false);
-              _context2.next = 12;
-              break;
-            case 9:
-              _context2.prev = 9;
-              _context2.t0 = _context2["catch"](0);
-              setLoading(false);
-            case 12:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, null, [[0, 9]]);
-      }));
-      return function fetchMockData() {
-        return _ref10.apply(this, arguments);
-      };
-    }();
-    if (inputValue === '') {
-      setMockData([]);
-      return;
-    }
-    fetchMockData();
-  }, [data, inputValue]);
-  return /*#__PURE__*/_react["default"].createElement(_Select.Select, (0, _extends2["default"])({}, args, {
-    loadingOptions: loading,
-    onSelect: handleSelect,
-    options: mockData,
-    selectedValues: [selected],
-    searchableProps: {
-      inputValue: inputValue,
-      onInputChange: function onInputChange(value) {
-        return debounceHandleInputChange(value);
-      }
-    },
-    width: "600px",
-    label: "Label"
-  }));
-};
-exports.AsyncSearchableSingleWithInputState = AsyncSearchableSingleWithInputState;

package/lib/@next/Select/selectStoryHelper/SelectStoryStyle.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const StyledTag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Tag").TagProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/lib/@next/Select/selectStoryHelper/SelectStoryStyle.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.StyledTag = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Tag = require("../../Tag");
-var _spacing = require("../../utilities/spacing");
-var StyledTag = (0, _styledComponents["default"])(_Tag.Tag).withConfig({
-  displayName: "SelectStoryStyle__StyledTag",
-  componentId: "sc-1xv9wvg-0"
-})(["margin-right:", ";"], _spacing.space8);
-exports.StyledTag = StyledTag;

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { ComponentAction } from '../../types/componentAction';
-export interface SideSheetProps {
-    isOpen: boolean;
-    title: string;
-    description?: string;
-    showHorizontalLine?: boolean;
-    children?: React.ReactNode;
-    basicButtonAction?: ComponentAction;
-    primaryButtonAction?: ComponentAction;
-    showBackButton?: boolean;
-    onBack?: () => void;
-    showCloseButton?: boolean;
-    onClose?: () => void;
-}
-declare const SideSheet: React.ForwardRefExoticComponent<SideSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { SideSheet };

package/lib/@next/SideSheet/SideSheet.js

@@ -1,112 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.SideSheet = 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 _colors = require("../utilities/colors");
-var _Portal = require("../Portal/Portal");
-var _SideSheetStyle = require("./SideSheetStyle");
-var _Typography = require("../Typography");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _excluded = ["isOpen", "title", "description", "showHorizontalLine", "children", "basicButtonAction", "primaryButtonAction", "showBackButton", "onBack", "showCloseButton", "onClose"];
-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 SideSheet = /*#__PURE__*/_react["default"].forwardRef(function SideSheet(_ref, ref) {
-  var isOpen = _ref.isOpen,
-    title = _ref.title,
-    description = _ref.description,
-    _ref$showHorizontalLi = _ref.showHorizontalLine,
-    showHorizontalLine = _ref$showHorizontalLi === void 0 ? true : _ref$showHorizontalLi,
-    children = _ref.children,
-    basicButtonAction = _ref.basicButtonAction,
-    primaryButtonAction = _ref.primaryButtonAction,
-    _ref$showBackButton = _ref.showBackButton,
-    showBackButton = _ref$showBackButton === void 0 ? true : _ref$showBackButton,
-    onBack = _ref.onBack,
-    _ref$showCloseButton = _ref.showCloseButton,
-    showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
-    onClose = _ref.onClose,
-    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  (0, _react.useEffect)(function () {
-    if (typeof window === 'undefined' || !window.document) return;
-    var enableScroll = function enableScroll() {
-      return document.body.style.overflow = 'unset';
-    };
-    isOpen ? document.body.style.overflow = 'hidden' : enableScroll();
-    return function () {
-      enableScroll();
-    };
-  }, [isOpen]);
-
-  // store state for closing animation, and cleanup when unmounting
-  var _useState = (0, _react.useState)(false),
-    isClosedAnimation = _useState[0],
-    setIsClosedAnimation = _useState[1];
-  var timeoutId = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    return function () {
-      if (timeoutId.current) {
-        clearTimeout(timeoutId.current);
-      }
-    };
-  }, []);
-
-  // fade out effect for 0.2seconds when closed
-  var handleClose = function handleClose() {
-    setIsClosedAnimation(true);
-    timeoutId.current = setTimeout(function () {
-      setIsClosedAnimation(false);
-      onClose();
-    }, 190); // purposefully made this 0.19sec (to prevent rare animation glitch)
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isOpen && /*#__PURE__*/_react["default"].createElement(_Portal.Portal, null, /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledSideSheetWrapper, {
-    className: "side-sheet-wrapper " + (isClosedAnimation ? 'closed' : ''),
-    onClick: handleClose
-  }, /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledSideSheetContainer, (0, _extends2["default"])({
-    className: (0, _classnames["default"])({
-      closed: isClosedAnimation
-    }, 'side-sheet-container'),
-    ref: ref,
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
-  }, props), /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledSideSheetHeader, null, showBackButton && /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledButtonContainer, {
-    onClick: onBack
-  }, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
-    name: "ri-arrow-left-line"
-  })), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-    as: "div",
-    variant: "subtitle1",
-    style: {
-      color: _colors.Neutral.B18
-    }
-  }, title, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-    as: "div",
-    variant: "body1",
-    style: {
-      color: _colors.Neutral.B18
-    }
-  }, description)), showCloseButton && /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledRightContainer, null, /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledButtonContainer, {
-    "data-testid": "sidesheet-close-btn",
-    onClick: handleClose
-  }, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
-    name: "ri-close"
-  })))), showHorizontalLine && /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledHorizontalLine, null), /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.SideSheetContent, {
-    className: "sidesheet-content"
-  }, children), (basicButtonAction || primaryButtonAction) && /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledSideSheetFooter, null, /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledHorizontalLine, null), /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledButtonGroupContainer, null, /*#__PURE__*/_react["default"].createElement(_ButtonGroup.ButtonGroup, {
-    fullWidth: true
-  }, basicButtonAction && /*#__PURE__*/_react["default"].createElement(_Button.Button, (0, _extends2["default"])({}, basicButtonAction, {
-    onClick: basicButtonAction.action,
-    fullWidth: true
-  }), basicButtonAction.label), primaryButtonAction && /*#__PURE__*/_react["default"].createElement(_Button.PrimaryButton, (0, _extends2["default"])({}, primaryButtonAction, {
-    onClick: primaryButtonAction.action
-  }), primaryButtonAction.label))))))));
-});
-exports.SideSheet = SideSheet;

package/lib/@next/SideSheet/SideSheet.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 Interactive: any;
-export declare const WithTabsInteractive: any;
-export declare const WithLockedScrollableBackdrop: any;

package/lib/@next/SideSheet/SideSheetStyle.d.ts

@@ -1,9 +0,0 @@
-export declare const StyledSideSheetWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSideSheetContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSideSheetHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledRightContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledHorizontalLine: import("styled-components").StyledComponent<"hr", any, {}, never>;
-export declare const StyledSideSheetFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledButtonGroupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SideSheetContent: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/@next/SideSheet/SideSheetStyle.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.StyledSideSheetWrapper = exports.StyledSideSheetHeader = exports.StyledSideSheetFooter = exports.StyledSideSheetContainer = exports.StyledRightContainer = exports.StyledHorizontalLine = exports.StyledButtonGroupContainer = exports.StyledButtonContainer = exports.SideSheetContent = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _colors = require("../utilities/colors");
-var Breakpoints = _interopRequireWildcard(require("../utilities/breakpoints"));
-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 StyledSideSheetWrapper = _styledComponents["default"].div.withConfig({
-  displayName: "SideSheetStyle__StyledSideSheetWrapper",
-  componentId: "sc-z0rzf0-0"
-})(["position:fixed;inset:0;background-color:rgba(45,45,45,0.5);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:999;animation:ga-fade-in2 0.2s;&.closed{animation:ga-fade-out2 0.2s;}@keyframes ga-fade-in2{0%{opacity:0;}100%{opacity:1;}}@keyframes ga-fade-out2{0%{opacity:1;}100%{opacity:0;}}"]);
-exports.StyledSideSheetWrapper = StyledSideSheetWrapper;
-var StyledSideSheetContainer = _styledComponents["default"].div.withConfig({
-  displayName: "SideSheetStyle__StyledSideSheetContainer",
-  componentId: "sc-z0rzf0-1"
-})(["position:absolute;display:flex;flex-direction:column;width:480px;height:100vh;background:", ";box-shadow:0px 26px 80px rgba(0,0,0,0.2),0px 0px 1px rgba(0,0,0,0.2);overflow:hidden;animation:ga-slide-in 0.2s;top:0;right:0;&.closed{animation:ga-slide-out 0.2s;}@keyframes ga-slide-in{0%{opacity:0;transform:translateX(100%);}100%{opacity:1;}}@keyframes ga-slide-out{0%{opacity:0;}100%{opacity:1;transform:translateX(100%);}}@media (max-width:", "){width:100vw;}"], _colors.Neutral.B100, Breakpoints.large);
-exports.StyledSideSheetContainer = StyledSideSheetContainer;
-var StyledSideSheetHeader = _styledComponents["default"].div.withConfig({
-  displayName: "SideSheetStyle__StyledSideSheetHeader",
-  componentId: "sc-z0rzf0-2"
-})(["display:flex;align-items:top;padding:16px 20px;gap:8px;"]);
-exports.StyledSideSheetHeader = StyledSideSheetHeader;
-var StyledButtonContainer = _styledComponents["default"].div.withConfig({
-  displayName: "SideSheetStyle__StyledButtonContainer",
-  componentId: "sc-z0rzf0-3"
-})(["cursor:pointer;margin-top:3px;svg{width:24px;fill:", ";}"], _colors.Neutral.B40);
-exports.StyledButtonContainer = StyledButtonContainer;
-var StyledRightContainer = _styledComponents["default"].div.withConfig({
-  displayName: "SideSheetStyle__StyledRightContainer",
-  componentId: "sc-z0rzf0-4"
-})(["margin-left:auto;display:flex;align-items:top;"]);
-exports.StyledRightContainer = StyledRightContainer;
-var StyledHorizontalLine = _styledComponents["default"].hr.withConfig({
-  displayName: "SideSheetStyle__StyledHorizontalLine",
-  componentId: "sc-z0rzf0-5"
-})(["height:1px;background-color:", ";margin:0px 0px;border:none;"], _colors.Neutral.B95);
-exports.StyledHorizontalLine = StyledHorizontalLine;
-var StyledSideSheetFooter = _styledComponents["default"].div.withConfig({
-  displayName: "SideSheetStyle__StyledSideSheetFooter",
-  componentId: "sc-z0rzf0-6"
-})(["margin-top:auto;"]);
-exports.StyledSideSheetFooter = StyledSideSheetFooter;
-var StyledButtonGroupContainer = _styledComponents["default"].div.withConfig({
-  displayName: "SideSheetStyle__StyledButtonGroupContainer",
-  componentId: "sc-z0rzf0-7"
-})(["margin:16px 20px;"]);
-exports.StyledButtonGroupContainer = StyledButtonGroupContainer;
-var SideSheetContent = _styledComponents["default"].div.withConfig({
-  displayName: "SideSheetStyle__SideSheetContent",
-  componentId: "sc-z0rzf0-8"
-})(["overflow-y:scroll;"]);
-exports.SideSheetContent = SideSheetContent;

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

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

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

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

package/lib/@next/Skeleton/SkeletonStyle.d.ts

@@ -1 +0,0 @@
-export declare const SkeletonShimmer: string;

package/lib/@next/Skeleton/SkeletonStyle.js

@@ -1,7 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.SkeletonShimmer = void 0;
-var _colors = require("../utilities/colors");
-var SkeletonShimmer = "\nbackground: linear-gradient(\n  110.76deg,\n  " + _colors.Neutral.B95 + " 36.01%,\n  rgba(217, 217, 217, 0.24) 47.36%,\n  " + _colors.Neutral.B95 + " 57.51%\n);\nbackground-size: 400% 100%;\n  animation: skeleton-shimmer 1.5s linear infinite;\n\n  @keyframes skeleton-shimmer {\n    0% {\n      background-position: 100% 50%;\n    }\n\n    100% {\n      background-position: 0 50%;\n    }\n  }\n";
-exports.SkeletonShimmer = SkeletonShimmer;

package/lib/@next/Skeleton/components/SkeletonImage/SkeletonImageCircle.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface SkeletonImageCircleProps {
-    /** Sets the height and width. Default is 48px */
-    size?: string;
-}
-export declare const SkeletonImageCircle: ({ size, }: SkeletonImageCircleProps) => JSX.Element;