glints-aries 4.0.185 → 4.0.187

package/es/{src/@next → @next}/IndexTable/indexTableStoryHelper/ButtonGroupStyle.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 export declare const StyledButtonGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledButton: import("styled-components").StyledComponent<({ children, icon, iconPosition, active, fullWidth, loading, ...otherProps }: import("../..").ButtonProps) => JSX.Element, any, {}, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/{lib/src → es}/@next/Input/Input.d.ts

@@ -4,4 +4,4 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
 }
-export declare const Input: ({ error, disabled, prefix, suffix, ...props }: InputProps) => JSX.Element;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/es/@next/Input/Input.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutP
 var _excluded = ["error", "disabled", "prefix", "suffix"];
 import React from 'react';
 import { StyledContainer, StyledInput, StyledPrefixContainer, StyledSuffixContainer } from './InputStyle';
-export var Input = function Input(_ref) {
+export var Input = /*#__PURE__*/React.forwardRef(function Input(_ref, ref) {
   var error = _ref.error,
     disabled = _ref.disabled,
     prefix = _ref.prefix,
@@ -18,10 +18,11 @@ export var Input = function Input(_ref) {
     return hasSuffix ? /*#__PURE__*/React.createElement(StyledSuffixContainer, null, suffix) : null;
   };
   return /*#__PURE__*/React.createElement(StyledContainer, {
+    ref: ref,
     "data-prefix": hasPrefix,
     "data-error": error,
     "data-disabled": disabled
   }, /*#__PURE__*/React.createElement(Prefix, null), /*#__PURE__*/React.createElement(StyledInput, _extends({
     disabled: disabled
   }, props)), /*#__PURE__*/React.createElement(Suffix, null));
-};
+});

package/es/@next/NumberInput/NumberInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { InputProps } from '../Input/Input';
+export declare type NumberInputProps = Omit<InputProps, 'type' | 'prefix'>;
+export declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;

package/es/@next/NumberInput/NumberInput.js

@@ -6,8 +6,9 @@ var StyledInput = styled(Input).withConfig({
   displayName: "NumberInput__StyledInput",
   componentId: "sc-1f5ws9y-0"
 })(["&[type='number']{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}&[type='number']::-webkit-inner-spin-button,&[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;}"]);
-export var NumberInput = function NumberInput(props) {
+export var NumberInput = /*#__PURE__*/React.forwardRef(function NumberInput(props, ref) {
   return /*#__PURE__*/React.createElement(StyledInput, _extends({
+    ref: ref,
     type: "number"
   }, props));
-};
+});

package/es/@next/Pagination/Pagination.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PaginationProps } from './paginationUtils';
+export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;

package/es/@next/Pagination/Pagination.js

@@ -6,7 +6,7 @@ import { PageButton } from './PageButton';
 import { StyledNav } from './PaginationStyle';
 import { defaultBufferSize, defaultPageSize, getAllPages, getBufferSize } from './paginationUtils';
 import { NextStepper, PreviousStepper } from './Stepper';
-export var Pagination = function Pagination(_ref) {
+export var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(_ref, ref) {
   var _ref$totalItems = _ref.totalItems,
     totalItems = _ref$totalItems === void 0 ? 1 : _ref$totalItems,
     _ref$currentPage = _ref.currentPage,
@@ -118,5 +118,7 @@ export var Pagination = function Pagination(_ref) {
     disabled: !hasNext || disabled,
     onClick: handlePagerClick
   }));
-  return /*#__PURE__*/React.createElement(StyledNav, null, pageList);
-};
+  return /*#__PURE__*/React.createElement(StyledNav, {
+    ref: ref
+  }, pageList);
+});

package/es/{src/@next → @next}/Pagination/PaginationStyle.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { PageButtonProps } from './PageButton';
 export declare const StyledNav: import("styled-components").StyledComponent<"nav", any, {}, never>;
 export declare const SimplePaginationStyledNav: import("styled-components").StyledComponent<"nav", any, {}, never>;
 export declare const StyledPageButton: import("styled-components").StyledComponent<"button", any, PageButtonProps, never>;
 export declare const StyledSimplePaginationButton: import("styled-components").StyledComponent<"button", any, PageButtonProps, never>;
 export declare const StyledActiveSimplePaginationButton: import("styled-components").StyledComponent<(props: PageButtonProps) => JSX.Element, any, {}, never>;
-export declare const StyledSimplePaginationInput: import("styled-components").StyledComponent<(props: import("../NumberInput").NumberInputProps) => JSX.Element, any, {}, never>;
+export declare const StyledSimplePaginationInput: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../NumberInput").NumberInputProps & React.RefAttributes<HTMLInputElement>>, any, {}, never>;

package/es/@next/Pagination/SimplePagination.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PaginationProps } from './paginationUtils';
+export declare const SimplePagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;

package/es/@next/Pagination/SimplePagination.js

@@ -3,7 +3,7 @@ import { Typography } from '../Typography';
 import { StyledActiveSimplePaginationButton, StyledSimplePaginationInput, StyledSimplePaginationButton, SimplePaginationStyledNav } from './PaginationStyle';
 import { defaultPageSize, getAllPages } from './paginationUtils';
 import { NextStepper, PreviousStepper } from './Stepper';
-export var SimplePagination = function SimplePagination(_ref) {
+export var SimplePagination = /*#__PURE__*/React.forwardRef(function SimplePagination(_ref, ref) {
   var _ref$totalItems = _ref.totalItems,
     totalItems = _ref$totalItems === void 0 ? 1 : _ref$totalItems,
     _ref$currentPage = _ref.currentPage,
@@ -37,7 +37,9 @@ export var SimplePagination = function SimplePagination(_ref) {
   var handleFocus = function handleFocus(e) {
     e.target.select();
   };
-  return /*#__PURE__*/React.createElement(SimplePaginationStyledNav, null, /*#__PURE__*/React.createElement(PreviousStepper, {
+  return /*#__PURE__*/React.createElement(SimplePaginationStyledNav, {
+    ref: ref
+  }, /*#__PURE__*/React.createElement(PreviousStepper, {
     value: currentPage - 1,
     disabled: !hasPrevious || disabled,
     onClick: handlePageNumberChange
@@ -77,4 +79,4 @@ export var SimplePagination = function SimplePagination(_ref) {
     disabled: !hasNext || disabled,
     onClick: handlePageNumberChange
   }));
-};
+});

package/es/{src/@next → @next}/Popover/Popover.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { PopoverProps as PolarisPopoverProps } from 'polaris-glints';
+import React from 'react';
+import { PopoverProps as PolarisPopoverProps, PopoverPublicAPI } from 'polaris-glints';
 export declare type PopoverProps = PolarisPopoverProps;
 /** Using Popover from polaris-glints repository internally
  * Please add `<div id="glints-portal-container"></div>` as a sibling element of where your React app is rendered.
  * This is a temporary workaround, as React Portal need this as the anchor */
-export declare const Popover: ((props: PopoverProps) => JSX.Element) & {
+export declare const Popover: React.ForwardRefExoticComponent<PolarisPopoverProps & React.RefAttributes<PopoverPublicAPI>> & {
     Pane: typeof import("polaris-glints/build/ts/latest/src/components/Popover/components").Pane;
     Section: typeof import("polaris-glints/build/ts/latest/src/components/Popover/components").Section;
 };

package/es/@next/Popover/Popover.js

@@ -1,9 +1,12 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { Popover as PolarisPopover } from 'polaris-glints';
 import { StyledPopover } from './PopoverStyle';
-var PopoverComponent = function PopoverComponent(props) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledPopover, null), /*#__PURE__*/React.createElement(PolarisPopover, props));
-};
+var PopoverComponent = /*#__PURE__*/React.forwardRef(function Popoever(props, ref) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledPopover, null), /*#__PURE__*/React.createElement(PolarisPopover, _extends({
+    ref: ref
+  }, props)));
+});
 
 /** Using Popover from polaris-glints repository internally
  * Please add `<div id="glints-portal-container"></div>` as a sibling element of where your React app is rendered.

package/es/{src/@next → @next}/RadioButton/RadioButton.d.ts

@@ -11,4 +11,4 @@ export interface RadioButtonProps extends Omit<React.HTMLAttributes<HTMLInputEle
 /**
  * This is a controlled component, so you need to pass in the `checked` and `onChange` prop to make it work.
  */
-export declare const RadioButton: ({ label, helperText, disabled, name, checked, value, onChange, ...props }: RadioButtonProps) => JSX.Element;
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;

package/es/@next/RadioButton/RadioButton.js

@@ -8,7 +8,7 @@ import { Colors } from '..';
 /**
  * This is a controlled component, so you need to pass in the `checked` and `onChange` prop to make it work.
  */
-export var RadioButton = function RadioButton(_ref) {
+export var RadioButton = /*#__PURE__*/React.forwardRef(function RadioButton(_ref, ref) {
   var label = _ref.label,
     helperText = _ref.helperText,
     disabled = _ref.disabled,
@@ -18,6 +18,7 @@ export var RadioButton = function RadioButton(_ref) {
     onChange = _ref.onChange,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(RadioButtonWrapper, null, /*#__PURE__*/React.createElement(RadioButtonInput, _extends({
+    ref: ref,
     disabled: disabled,
     name: name,
     checked: checked,
@@ -38,4 +39,4 @@ export var RadioButton = function RadioButton(_ref) {
     as: "span",
     color: Colors.Neutral.B40
   }, helperText)));
-};
+});

package/{lib/src → es}/@next/Tabs/Tabs.d.ts

@@ -18,4 +18,4 @@ export declare type TabsProps = {
     fitted?: boolean;
     onSelected?: (index: number) => void;
 };
-export declare const Tabs: ({ tabs, selected: selectedIndex, children, fitted, onSelected, }: TabsProps) => JSX.Element;
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;

package/es/@next/Tabs/Tabs.js

@@ -2,7 +2,7 @@ import nextId from 'react-id-generator';
 import React, { useEffect, useState } from 'react';
 import { Tab } from './Tab';
 import { StyledLi, StyledTabHeaderContainer, StyledTabsContainer, StyledUl } from './TabStyle';
-export var Tabs = function Tabs(_ref) {
+export var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(_ref, ref) {
   var tabs = _ref.tabs,
     _ref$selected = _ref.selected,
     selectedIndex = _ref$selected === void 0 ? 0 : _ref$selected,
@@ -37,7 +37,9 @@ export var Tabs = function Tabs(_ref) {
       selected: index === selectedTabIndex
     }));
   });
-  return /*#__PURE__*/React.createElement(StyledTabsContainer, null, /*#__PURE__*/React.createElement(StyledTabHeaderContainer, null, /*#__PURE__*/React.createElement(StyledUl, {
+  return /*#__PURE__*/React.createElement(StyledTabsContainer, {
+    ref: ref
+  }, /*#__PURE__*/React.createElement(StyledTabHeaderContainer, null, /*#__PURE__*/React.createElement(StyledUl, {
     "data-fitted": fitted
   }, renderTabs, " ")), /*#__PURE__*/React.createElement("div", null, children));
-};
+});

package/es/{src/@next → @next}/Tag/Tag.d.ts

@@ -6,4 +6,4 @@ export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 export declare type TagRemoveContainerProps = React.HTMLAttributes<HTMLDivElement>;
 export declare type TagContentProps = React.HTMLAttributes<HTMLSpanElement> & TagProps;
-export declare const Tag: ({ children, onRemove, value, ...props }: TagProps) => JSX.Element;
+export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;

package/es/@next/Tag/Tag.js

@@ -6,7 +6,7 @@ import { Icon } from '../Icon';
 import { Typography } from '../Typography';
 import { Neutral } from '../utilities/colors';
 import { TagContentStyle, TagIconWrapper, TagRemoveContainerStyle, TagStyle } from './TagStyle';
-export var Tag = function Tag(_ref) {
+export var Tag = /*#__PURE__*/React.forwardRef(function Tag(_ref, ref) {
   var children = _ref.children,
     onRemove = _ref.onRemove,
     value = _ref.value,
@@ -25,9 +25,11 @@ export var Tag = function Tag(_ref) {
     height: 20,
     onClick: onRemove
   })));
-  return /*#__PURE__*/React.createElement(TagStyle, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(TagStyle, _extends({
+    ref: ref
+  }, props, {
     value: value
   }), /*#__PURE__*/React.createElement(TagContentStyle, {
     "data-removeable": !!onRemove
   }, content), removeButton);
-};
+});

package/es/@next/TextInput/TextInput.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { InputProps } from '../Input/Input';
+export declare type TextInputProps = Omit<InputProps, 'type'> & {
+    canClear?: boolean;
+};
+export declare const TextInput: React.ForwardRefExoticComponent<Omit<InputProps, "type"> & {
+    canClear?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;

package/es/@next/TextInput/TextInput.js

@@ -4,7 +4,7 @@ var _excluded = ["canClear", "suffix", "value", "onChange"];
 import React, { useState } from 'react';
 import { Icon } from '../Icon';
 import { Input } from '../Input/Input';
-export var TextInput = function TextInput(_ref) {
+export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref, ref) {
   var canClear = _ref.canClear,
     suffix = _ref.suffix,
     value = _ref.value,
@@ -39,9 +39,10 @@ export var TextInput = function TextInput(_ref) {
     onChange == null ? void 0 : onChange(e);
   };
   return /*#__PURE__*/React.createElement(Input, _extends({
+    ref: ref,
     type: "text",
     suffix: suffixValue,
     value: currentValue,
     onChange: handleChange
   }, props));
-};
+});