glints-aries 4.0.185 → 4.0.187

package/lib/@next/Button/PrimaryButtonStyle.d.ts

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

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

@@ -5,4 +5,4 @@ export interface ButtonGroupProps extends React.HtmlHTMLAttributes<HTMLDivElemen
     /** Set this true when buttons are wrapped by another element (e.g as an activator for Popover) */
     isButtonWrapped?: boolean;
 }
-export declare const ButtonGroup: ({ segmented, fullWidth, isButtonWrapped, ...props }: ButtonGroupProps) => JSX.Element;
+export declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;

package/lib/@next/ButtonGroup/ButtonGroup.js

@@ -8,15 +8,16 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _ButtonGroupStyle = require("./ButtonGroupStyle");
 var _excluded = ["segmented", "fullWidth", "isButtonWrapped"];
-var ButtonGroup = function ButtonGroup(_ref) {
+var ButtonGroup = /*#__PURE__*/_react["default"].forwardRef(function ButtonGroup(_ref, ref) {
   var segmented = _ref.segmented,
     fullWidth = _ref.fullWidth,
     isButtonWrapped = _ref.isButtonWrapped,
     props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_ButtonGroupStyle.StyledButtonGroup, (0, _extends2["default"])({
+    ref: ref,
     "data-segmented": segmented,
     "data-full-width": fullWidth,
     "data-button-wrapped": isButtonWrapped
   }, props));
-};
+});
 exports.ButtonGroup = ButtonGroup;

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

@@ -10,4 +10,4 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     onChange?(newChecked: boolean, id: string): void;
     isPadded?: boolean;
 }
-export declare const Checkbox: ({ label, id, checked, onChange, disabled, indeterminate, hasError, helpText, isPadded, ...otherProps }: CheckboxProps) => JSX.Element;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLDivElement>>;

package/lib/@next/Checkbox/Checkbox.js

@@ -14,7 +14,7 @@ var _reactIdGenerator = _interopRequireDefault(require("react-id-generator"));
 var _excluded = ["label", "id", "checked", "onChange", "disabled", "indeterminate", "hasError", "helpText", "isPadded"];
 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 Checkbox = function Checkbox(_ref) {
+var Checkbox = /*#__PURE__*/_react["default"].forwardRef(function Checkbox(_ref, ref) {
   var label = _ref.label,
     id = _ref.id,
     checked = _ref.checked,
@@ -50,6 +50,7 @@ var Checkbox = function Checkbox(_ref) {
     onChange == null ? void 0 : onChange(checkedValue, checkBoxId);
   };
   return /*#__PURE__*/_react["default"].createElement(_CheckboxStyle.StyledContainer, {
+    ref: ref,
     "aria-disabled": disabled,
     "data-error": hasError,
     "data-spacing": isPadded
@@ -105,5 +106,5 @@ var Checkbox = function Checkbox(_ref) {
     as: "span",
     variant: "subtitle2"
   }, helpText))));
-};
+});
 exports.Checkbox = Checkbox;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { InputProps } from '../Input/Input';
+export declare type CurrencyInputProps = Omit<InputProps, 'type' | 'prefix' | 'onChange' | 'value'> & {
+    locale?: string;
+    value?: number;
+    onChange?: (value: number) => void;
+};
+export declare const CurrencyInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "value" | "prefix" | "onChange"> & {
+    locale?: string;
+    value?: number;
+    onChange?: (value: number) => void;
+} & React.RefAttributes<HTMLInputElement>>;

package/lib/@next/CurrencyInput/CurrencyInput.js

@@ -10,7 +10,7 @@ var _CurrencyStyles = require("./CurrencyStyles");
 var _excluded = ["locale", "value", "onChange"];
 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 CurrencyInput = function CurrencyInput(_ref) {
+var CurrencyInput = /*#__PURE__*/_react["default"].forwardRef(function CurrencyInput(_ref, ref) {
   var _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? 'en' : _ref$locale,
     _ref$value = _ref.value,
@@ -44,11 +44,12 @@ var CurrencyInput = function CurrencyInput(_ref) {
     setFormattedValue(formatter.format(rawValue));
   };
   return /*#__PURE__*/_react["default"].createElement(_CurrencyStyles.StyledCurrency, (0, _extends2["default"])({
+    ref: ref,
     type: "text",
     prefix: /*#__PURE__*/_react["default"].createElement("div", null, "$")
   }, props, {
     value: formattedValue === '0' ? '' : formattedValue,
     onChange: handleChange
   }));
-};
+});
 exports.CurrencyInput = CurrencyInput;

package/lib/@next/CurrencyInput/CurrencyStyles.d.ts

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare type DividerProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;

package/lib/@next/Divider/Divider.js

@@ -3,12 +3,12 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.Divider = void 0;
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _DividerStyle = require("./DividerStyle");
-var Divider = function Divider(_ref) {
-  var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return /*#__PURE__*/_react["default"].createElement(_DividerStyle.DividerStyle, props);
-};
+var Divider = /*#__PURE__*/_react["default"].forwardRef(function Divider(props, ref) {
+  return /*#__PURE__*/_react["default"].createElement(_DividerStyle.DividerStyle, (0, _extends2["default"])({
+    ref: ref
+  }, props));
+});
 exports.Divider = Divider;

package/lib/{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/{es/src → lib}/@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/lib/@next/Input/Input.js

@@ -8,7 +8,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _InputStyle = require("./InputStyle");
 var _excluded = ["error", "disabled", "prefix", "suffix"];
-var Input = function Input(_ref) {
+var Input = /*#__PURE__*/_react["default"].forwardRef(function Input(_ref, ref) {
   var error = _ref.error,
     disabled = _ref.disabled,
     prefix = _ref.prefix,
@@ -23,11 +23,12 @@ var Input = function Input(_ref) {
     return hasSuffix ? /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledSuffixContainer, null, suffix) : null;
   };
   return /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledContainer, {
+    ref: ref,
     "data-prefix": hasPrefix,
     "data-error": error,
     "data-disabled": disabled
   }, /*#__PURE__*/_react["default"].createElement(Prefix, null), /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledInput, (0, _extends2["default"])({
     disabled: disabled
   }, props)), /*#__PURE__*/_react["default"].createElement(Suffix, null));
-};
+});
 exports.Input = Input;

package/lib/@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/lib/@next/NumberInput/NumberInput.js

@@ -11,9 +11,10 @@ var StyledInput = (0, _styledComponents["default"])(_Input.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;}"]);
-var NumberInput = function NumberInput(props) {
+var NumberInput = /*#__PURE__*/_react["default"].forwardRef(function NumberInput(props, ref) {
   return /*#__PURE__*/_react["default"].createElement(StyledInput, (0, _extends2["default"])({
+    ref: ref,
     type: "number"
   }, props));
-};
+});
 exports.NumberInput = NumberInput;

package/lib/@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/lib/@next/Pagination/Pagination.js

@@ -11,7 +11,7 @@ var _PaginationStyle = require("./PaginationStyle");
 var _paginationUtils = require("./paginationUtils");
 var _Stepper = require("./Stepper");
 var _excluded = ["value"];
-var Pagination = function Pagination(_ref) {
+var Pagination = /*#__PURE__*/_react["default"].forwardRef(function Pagination(_ref, ref) {
   var _ref$totalItems = _ref.totalItems,
     totalItems = _ref$totalItems === void 0 ? 1 : _ref$totalItems,
     _ref$currentPage = _ref.currentPage,
@@ -123,6 +123,8 @@ var Pagination = function Pagination(_ref) {
     disabled: !hasNext || disabled,
     onClick: handlePagerClick
   }));
-  return /*#__PURE__*/_react["default"].createElement(_PaginationStyle.StyledNav, null, pageList);
-};
+  return /*#__PURE__*/_react["default"].createElement(_PaginationStyle.StyledNav, {
+    ref: ref
+  }, pageList);
+});
 exports.Pagination = Pagination;

package/lib/{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/lib/@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/lib/@next/Pagination/SimplePagination.js

@@ -9,7 +9,7 @@ var _paginationUtils = require("./paginationUtils");
 var _Stepper = require("./Stepper");
 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 SimplePagination = function SimplePagination(_ref) {
+var SimplePagination = /*#__PURE__*/_react["default"].forwardRef(function SimplePagination(_ref, ref) {
   var _ref$totalItems = _ref.totalItems,
     totalItems = _ref$totalItems === void 0 ? 1 : _ref$totalItems,
     _ref$currentPage = _ref.currentPage,
@@ -43,7 +43,9 @@ var SimplePagination = function SimplePagination(_ref) {
   var handleFocus = function handleFocus(e) {
     e.target.select();
   };
-  return /*#__PURE__*/_react["default"].createElement(_PaginationStyle.SimplePaginationStyledNav, null, /*#__PURE__*/_react["default"].createElement(_Stepper.PreviousStepper, {
+  return /*#__PURE__*/_react["default"].createElement(_PaginationStyle.SimplePaginationStyledNav, {
+    ref: ref
+  }, /*#__PURE__*/_react["default"].createElement(_Stepper.PreviousStepper, {
     value: currentPage - 1,
     disabled: !hasPrevious || disabled,
     onClick: handlePageNumberChange
@@ -83,5 +85,5 @@ var SimplePagination = function SimplePagination(_ref) {
     disabled: !hasNext || disabled,
     onClick: handlePageNumberChange
   }));
-};
+});
 exports.SimplePagination = SimplePagination;

package/lib/{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/lib/@next/Popover/Popover.js

@@ -3,12 +3,15 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.Popover = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _polarisGlints = require("polaris-glints");
 var _PopoverStyle = require("./PopoverStyle");
-var PopoverComponent = function PopoverComponent(props) {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_PopoverStyle.StyledPopover, null), /*#__PURE__*/_react["default"].createElement(_polarisGlints.Popover, props));
-};
+var PopoverComponent = /*#__PURE__*/_react["default"].forwardRef(function Popoever(props, ref) {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_PopoverStyle.StyledPopover, null), /*#__PURE__*/_react["default"].createElement(_polarisGlints.Popover, (0, _extends2["default"])({
+    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.