glints-aries 4.1.0 → 4.1.3

package/es/@next/Select/components/SearchableSelectInput/SearchableSelectInput.js

@@ -1,148 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["disabled", "error", "filterOptions", "onSelect", "placeholder", "prefix", "selectedValue", "width", "inputValue", "updateInputValue", "onInputChange", "onBlur", "onFocus", "searchableSelectState", "updateSearchableSelectState", "options", "updateMenuOptions"];
-import React, { forwardRef, useEffect, useRef, useState } from 'react';
-import { StyledInput, StyledPrefixContainer } from '../../../Input/InputStyle';
-import { ClearSelected } from './ClearSelected';
-import { InputContainer, StyledContainer, StyledSelected, StyledSelectedValue } from './SearchableSelectInputStyle';
-export var SearchableSelectInput = /*#__PURE__*/forwardRef(function SearchableSelectInput(_ref, ref) {
-  var _options$find;
-  var _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    error = _ref.error,
-    filterOptions = _ref.filterOptions,
-    onSelect = _ref.onSelect,
-    placeholder = _ref.placeholder,
-    prefix = _ref.prefix,
-    selectedValue = _ref.selectedValue,
-    width = _ref.width,
-    inputValue = _ref.inputValue,
-    updateInputValue = _ref.updateInputValue,
-    onInputChange = _ref.onInputChange,
-    onBlur = _ref.onBlur,
-    onFocus = _ref.onFocus,
-    _ref$searchableSelect = _ref.searchableSelectState,
-    showInput = _ref$searchableSelect.showInput,
-    showPlaceholder = _ref$searchableSelect.showPlaceholder,
-    showSelected = _ref$searchableSelect.showSelected,
-    updateSearchableSelectState = _ref.updateSearchableSelectState,
-    options = _ref.options,
-    updateMenuOptions = _ref.updateMenuOptions,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var inputRef = useRef(null);
-  var _useState = useState(false),
-    showClear = _useState[0],
-    setShowClear = _useState[1];
-  var _useState2 = useState(false),
-    isSelectedClicked = _useState2[0],
-    setIsSelectedClicked = _useState2[1];
-  var handleFocus = function handleFocus(e) {
-    if (disabled) return;
-    setIsSelectedClicked(false);
-    setShowClear(false);
-    onFocus(e);
-  };
-  var handleClearIconClick = function handleClearIconClick() {
-    if (disabled) return;
-    setShowClear(false);
-    updateSearchableSelectState({
-      showSelected: false,
-      showPlaceholder: true,
-      showInput: true
-    });
-    updateMenuOptions(options);
-  };
-  var handleInputChange = function handleInputChange(e) {
-    if (disabled) return;
-    var str = e.currentTarget.value;
-    if (onInputChange) {
-      onInputChange(str);
-    }
-    updateInputValue(str);
-    var filteredOptions = filterOptions(str);
-    updateMenuOptions(filteredOptions);
-    updateSearchableSelectState({
-      showSelected: false,
-      showInput: true,
-      showPlaceholder: false
-    });
-  };
-  var handleSelectedClick = function handleSelectedClick(e) {
-    if (disabled) return;
-    e.stopPropagation();
-    setIsSelectedClicked(true);
-    updateSearchableSelectState({
-      showSelected: true,
-      showInput: true,
-      showPlaceholder: false
-    });
-    updateInputValue('');
-    updateMenuOptions(options);
-  };
-  var handleInputBlur = function handleInputBlur(e) {
-    if (disabled) return;
-    setIsSelectedClicked(false);
-    if (selectedValue) {
-      // allow onClick event handler in Menu before onBlur of input
-      setTimeout(function () {
-        setShowClear(true);
-        updateSearchableSelectState({
-          showSelected: true,
-          showInput: false,
-          showPlaceholder: false
-        });
-      }, 100);
-    }
-    onBlur == null ? void 0 : onBlur(e);
-  };
-  useEffect(function () {
-    if (isSelectedClicked && showInput) {
-      inputRef.current.focus();
-    }
-    return;
-  }, [isSelectedClicked, showInput]);
-  var handleUpdateSearchableSelectState = React.useRef(updateSearchableSelectState);
-  useEffect(function () {
-    if (selectedValue) {
-      setShowClear(true);
-      handleUpdateSearchableSelectState.current({
-        showSelected: true,
-        showInput: false,
-        showPlaceholder: false
-      });
-      return;
-    }
-    setShowClear(false);
-    handleUpdateSearchableSelectState.current({
-      showSelected: false,
-      showInput: true,
-      showPlaceholder: true
-    });
-  }, [selectedValue, handleUpdateSearchableSelectState]);
-  return /*#__PURE__*/React.createElement(StyledContainer, {
-    className: "select-input-container",
-    ref: ref,
-    "data-error": error,
-    "data-disabled": disabled,
-    prefixWidth: 37,
-    suffixWidth: 33,
-    width: width
-  }, /*#__PURE__*/React.createElement(StyledPrefixContainer, null, prefix), showSelected && /*#__PURE__*/React.createElement(StyledSelectedValue, {
-    className: "searchable-select",
-    onClick: handleSelectedClick
-  }, /*#__PURE__*/React.createElement(StyledSelected, null, ((_options$find = options.find(function (option) {
-    return option.value === selectedValue;
-  })) == null ? void 0 : _options$find.label) || selectedValue)), showInput && /*#__PURE__*/React.createElement(InputContainer, null, /*#__PURE__*/React.createElement(StyledInput, _extends({
-    ref: inputRef,
-    onChange: handleInputChange,
-    disabled: disabled,
-    placeholder: showPlaceholder ? placeholder : null,
-    value: inputValue,
-    onBlur: handleInputBlur,
-    onFocus: handleFocus
-  }, props))), showClear && !disabled && /*#__PURE__*/React.createElement(ClearSelected, {
-    onSelect: onSelect,
-    handleClearIconClick: handleClearIconClick,
-    updateInputValue: updateInputValue
-  }));
-});

package/es/@next/Select/components/SearchableSelectInput/SearchableSelectInputStyle.d.ts

@@ -1,5 +0,0 @@
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, import("../../../Input/Input").InputProps & import("../../../Input/InputStyle").PreffixSuffixWidthProps, never>;
-export declare const StyledSelected: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledSelectedValue: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ClearSelectedContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/@next/Select/components/SearchableSelectInput/SearchableSelectInputStyle.js

@@ -1,34 +0,0 @@
-import styled from 'styled-components';
-import * as Breakpoints from '../../../utilities/breakpoints';
-import { Neutral, Red } from '../../../utilities/colors';
-import { NotoSans } from '../../../utilities/fonts';
-import { StyledContainer as StyledInputContainer, StyledSuffixContainer } from '../../../Input/InputStyle';
-import { borderRadius4 } from '../../../utilities/borderRadius';
-export var StyledContainer = styled(StyledInputContainer).withConfig({
-  displayName: "SearchableSelectInputStyle__StyledContainer",
-  componentId: "sc-1oj168h-0"
-})(["position:relative;height:36px;width:", ";background:", ";box-shadow:0px 1px 0px rgba(0,0,0,0.05);box-sizing:border-box;display:grid;input{background:transparent;z-index:1;width:", ";}&:has(> div > input:focus) > .searchable-select{color:", ";}.searchable-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.searchable-select,input{padding-left:", "px;padding-right:", "px;}&[data-error='true'] .searchable-select{border:1px solid ", ";}&[data-error='true'] .searchable-select:focus{box-shadow:none;}&[data-disabled='true'] .searchable-select{border:1px solid ", ";background:", ";color:", ";}"], function (props) {
-  return props.width;
-}, Neutral.B100, function (props) {
-  return props.width;
-}, Neutral.B40, function (props) {
-  return props.prefixWidth;
-}, function (props) {
-  return props.suffixWidth;
-}, Red.B93, Neutral.B85, Neutral.B95, Neutral.B85);
-export var StyledSelected = styled.span.withConfig({
-  displayName: "SearchableSelectInputStyle__StyledSelected",
-  componentId: "sc-1oj168h-1"
-})(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
-export var StyledSelectedValue = styled.div.withConfig({
-  displayName: "SearchableSelectInputStyle__StyledSelectedValue",
-  componentId: "sc-1oj168h-2"
-})(["border:1px solid ", ";border-radius:", ";background:transparent;box-sizing:border-box;padding:0 12px;height:36px;display:flex;align-items:center;grid-column:1 / 1;grid-row:1 / 1;font-family:", ",sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:", ";@media (max-width:", "){font-size:14px;}"], Neutral.B68, borderRadius4, NotoSans, Neutral.B18, Breakpoints.large);
-export var InputContainer = styled.div.withConfig({
-  displayName: "SearchableSelectInputStyle__InputContainer",
-  componentId: "sc-1oj168h-3"
-})(["grid-column:1 / 1;grid-row:1 / 1;"]);
-export var ClearSelectedContainer = styled(StyledSuffixContainer).withConfig({
-  displayName: "SearchableSelectInputStyle__ClearSelectedContainer",
-  componentId: "sc-1oj168h-4"
-})(["z-index:2;"]);

package/es/@next/Select/components/index.d.ts

@@ -1,2 +0,0 @@
-export { ActivatorSelect, ActivatorTextInput } from './Activator';
-export * from './OptionList';

package/es/@next/Select/components/index.js

@@ -1,2 +0,0 @@
-export { ActivatorSelect, ActivatorTextInput } from './Activator';
-export * from './OptionList';

package/es/@next/Select/index.d.ts

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

package/es/@next/Select/index.js

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

package/es/@next/Select/selectStoryHelper/NonSearchableMultiSelect.d.ts

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

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

@@ -1,40 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["options", "disabled"];
-import React, { useState } from 'react';
-import { Select } from '../Select';
-export var NonSearchableMultiSelect = function NonSearchableMultiSelect(_ref) {
-  var options = _ref.options,
-    disabled = _ref.disabled,
-    args = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = 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.createElement(Select, _extends({}, args, {
-    disabled: disabled,
-    onRemoveTag: removeTag,
-    options: options,
-    onSelect: handleSelect,
-    selectedValues: selected,
-    width: "400px"
-  }));
-};

package/es/@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/es/@next/Select/selectStoryHelper/NonSearchableSingleSelect.js

@@ -1,27 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["options", "allowMultiple", "disabled"];
-import React, { useState } from 'react';
-import { Select } from '../Select';
-export var SingleSelect = function SingleSelect(_ref) {
-  var options = _ref.options,
-    allowMultiple = _ref.allowMultiple,
-    disabled = _ref.disabled,
-    args = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(''),
-    selected = _useState[0],
-    setSelected = _useState[1];
-  var handleSelect = function handleSelect(_ref2) {
-    var value = _ref2.value;
-    setSelected(value);
-  };
-  return /*#__PURE__*/React.createElement(Select, _extends({}, args, {
-    allowMultiple: allowMultiple,
-    disabled: disabled,
-    options: options,
-    onSelect: handleSelect,
-    selectedValues: [selected],
-    width: "400px",
-    label: "Label"
-  }));
-};

package/es/@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/es/@next/Select/selectStoryHelper/Searchable.js

@@ -1,65 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["data"];
-import React, { useState } from 'react';
-import { Blue } from '../../utilities/colors';
-import { space8 } from '../../utilities/spacing';
-import { Select } from '../Select';
-import { StyledTag } from './SelectStoryStyle';
-export var SearchableSelect = function SearchableSelect(_ref) {
-  var data = _ref.data,
-    args = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(''),
-    inputValue = _useState[0],
-    setInputValue = _useState[1];
-  var _useState2 = 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.createElement(StyledTag, {
-      key: "option-" + value,
-      onRemove: removeTag(value),
-      textColor: Blue.S99
-    }, ((_data$find = data.find(function (option) {
-      return option.value === value;
-    })) == null ? void 0 : _data$find.label) || value);
-  });
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, _extends({}, args, {
-    onSelect: handleSelect,
-    options: data,
-    selectedValues: selectedOptions,
-    width: "600px",
-    searchableProps: {
-      inputValue: inputValue,
-      onInputChange: function onInputChange(value) {
-        return handleInputChange(value);
-      }
-    },
-    label: "Label"
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      paddingTop: space8
-    }
-  }, tagsMarkup));
-};

package/es/@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/es/@next/Select/selectStoryHelper/SearchableSingleSelect.js

@@ -1,185 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["data"],
-  _excluded2 = ["data"],
-  _excluded3 = ["data"],
-  _excluded4 = ["data"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useEffect, useState } from 'react';
-import { debounce } from '../../../helpers/debounce';
-import { Select } from '../Select';
-export var SearchableSingle = function SearchableSingle(_ref) {
-  var data = _ref.data,
-    args = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(''),
-    selected = _useState[0],
-    setSelected = _useState[1];
-  var handleSelect = function handleSelect(_ref2) {
-    var value = _ref2.value;
-    setSelected(value);
-  };
-  return /*#__PURE__*/React.createElement(Select, _extends({}, args, {
-    onSelect: handleSelect,
-    options: data,
-    selectedValues: [selected],
-    width: "600px",
-    searchable: true,
-    label: "Label"
-  }));
-};
-export var SearchableSingleWithInputState = function SearchableSingleWithInputState(_ref3) {
-  var data = _ref3.data,
-    args = _objectWithoutPropertiesLoose(_ref3, _excluded2);
-  var _useState2 = useState(''),
-    inputValue = _useState2[0],
-    setInputValue = _useState2[1];
-  var _useState3 = 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.createElement(Select, _extends({}, args, {
-    onSelect: handleSelect,
-    options: data,
-    selectedValues: [selected],
-    searchableProps: {
-      inputValue: inputValue,
-      onInputChange: function onInputChange(value) {
-        return handleInputChange(value);
-      }
-    },
-    width: "600px",
-    label: "Label"
-  }));
-};
-export var SearchableSingleWithInitialValue = function SearchableSingleWithInitialValue(_ref5) {
-  var data = _ref5.data,
-    args = _objectWithoutPropertiesLoose(_ref5, _excluded3);
-  var _useState4 = useState('Singapore'),
-    selected = _useState4[0],
-    setSelected = _useState4[1];
-  var handleSelect = function handleSelect(_ref6) {
-    var value = _ref6.value;
-    setSelected(value);
-  };
-  return /*#__PURE__*/React.createElement(Select, _extends({}, args, {
-    onSelect: handleSelect,
-    options: data,
-    selectedValues: [selected],
-    width: "600px",
-    searchable: true,
-    label: "Label"
-  }));
-};
-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);
-  });
-};
-export var AsyncSearchableSingleWithInputState = function AsyncSearchableSingleWithInputState(_ref7) {
-  var data = _ref7.data,
-    args = _objectWithoutPropertiesLoose(_ref7, _excluded4);
-  var _useState5 = useState(false),
-    loading = _useState5[0],
-    setLoading = _useState5[1];
-  var _useState6 = useState([]),
-    mockData = _useState6[0],
-    setMockData = _useState6[1];
-  var _useState7 = useState(''),
-    inputValue = _useState7[0],
-    setInputValue = _useState7[1];
-  var _useState8 = useState(''),
-    selected = _useState8[0],
-    setSelected = _useState8[1];
-  var handleInputChange = /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
-      return _regeneratorRuntime.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 = debounce(handleInputChange);
-  var handleSelect = function handleSelect(_ref9) {
-    var value = _ref9.value;
-    setSelected(value);
-  };
-  useEffect(function () {
-    var fetchMockData = /*#__PURE__*/function () {
-      var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var response;
-        return _regeneratorRuntime.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.createElement(Select, _extends({}, args, {
-    loadingOptions: loading,
-    onSelect: handleSelect,
-    options: mockData,
-    selectedValues: [selected],
-    searchableProps: {
-      inputValue: inputValue,
-      onInputChange: function onInputChange(value) {
-        return debounceHandleInputChange(value);
-      }
-    },
-    width: "600px",
-    label: "Label"
-  }));
-};

package/es/@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/es/@next/Select/selectStoryHelper/SelectStoryStyle.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-import { Tag } from '../../Tag';
-import { space8 } from '../../utilities/spacing';
-export var StyledTag = styled(Tag).withConfig({
-  displayName: "SelectStoryStyle__StyledTag",
-  componentId: "sc-1xv9wvg-0"
-})(["margin-right:", ";"], space8);

package/es/@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 };