glints-aries 4.1.3 → 4.1.4

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

@@ -0,0 +1,89 @@
+"use strict";
+
+exports.__esModule = true;
+exports.SimplePagination = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Typography = require("../Typography");
+var _PaginationStyle = require("./PaginationStyle");
+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 = /*#__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,
+    currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,
+    disabled = _ref.disabled,
+    _ref$pageSize = _ref.pageSize,
+    pageSize = _ref$pageSize === void 0 ? _paginationUtils.defaultPageSize : _ref$pageSize,
+    onPageChanged = _ref.onPageChanged;
+  var _useState = (0, _react.useState)(false),
+    editMode = _useState[0],
+    setEditMode = _useState[1];
+  var totalPages = (0, _paginationUtils.getAllPages)(pageSize, totalItems);
+  var hasPrevious = currentPage - 1 > 0;
+  var hasNext = currentPage + 1 <= totalPages;
+  var handlePageNumberChange = function handlePageNumberChange(value) {
+    var page = value;
+    if (value < 1) {
+      page = 1;
+    }
+    if (value > totalPages) {
+      page = totalPages;
+    }
+    onPageChanged == null ? void 0 : onPageChanged(page);
+  };
+  var handleEditMode = function handleEditMode() {
+    if (editMode) {
+      return;
+    }
+    setEditMode(true);
+  };
+  var handleFocus = function handleFocus(e) {
+    e.target.select();
+  };
+  return /*#__PURE__*/_react["default"].createElement(_PaginationStyle.SimplePaginationStyledNav, {
+    ref: ref
+  }, /*#__PURE__*/_react["default"].createElement(_Stepper.PreviousStepper, {
+    value: currentPage - 1,
+    disabled: !hasPrevious || disabled,
+    onClick: handlePageNumberChange
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    "data-testid": "current-page-btn",
+    onClick: handleEditMode
+  }, !editMode && /*#__PURE__*/_react["default"].createElement(_PaginationStyle.StyledActiveSimplePaginationButton, {
+    value: currentPage,
+    disabled: disabled,
+    onClick: handlePageNumberChange
+  }, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    as: "div",
+    variant: "subtitle2"
+  }, currentPage)), editMode && /*#__PURE__*/_react["default"].createElement(_PaginationStyle.StyledSimplePaginationInput, {
+    "data-testid": "current-page-input",
+    autoFocus: true,
+    onFocus: handleFocus,
+    onChange: function onChange(e) {
+      handlePageNumberChange(Number(e.currentTarget.value));
+    },
+    onBlur: function onBlur() {
+      return setEditMode(false);
+    },
+    value: currentPage
+  })), /*#__PURE__*/_react["default"].createElement(_PaginationStyle.StyledSimplePaginationButton, {
+    disabled: disabled
+  }, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    as: "div",
+    variant: "subtitle2"
+  }, "/")), /*#__PURE__*/_react["default"].createElement(_PaginationStyle.StyledSimplePaginationButton, {
+    disabled: disabled
+  }, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    as: "div",
+    variant: "subtitle2"
+  }, totalPages)), /*#__PURE__*/_react["default"].createElement(_Stepper.NextStepper, {
+    value: currentPage + 1,
+    disabled: !hasNext || disabled,
+    onClick: handlePageNumberChange
+  }));
+});
+exports.SimplePagination = SimplePagination;

package/lib/@next/Pagination/SimplePagination.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Interactive: any;

package/lib/@next/Pagination/Stepper.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PageButtonProps } from './PageButton';
+export declare const PreviousStepper: (props: Partial<PageButtonProps>) => JSX.Element;
+export declare const NextStepper: (props: Partial<PageButtonProps>) => JSX.Element;

package/lib/@next/Pagination/Stepper.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PreviousStepper = exports.NextStepper = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _Icon = require("../Icon");
+var _PageButton = require("./PageButton");
+var PreviousStepper = function PreviousStepper(props) {
+  return /*#__PURE__*/_react["default"].createElement(_PageButton.PageButton, (0, _extends2["default"])({
+    "data-testid": "previous-page"
+  }, props), /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
+    name: "ri-arrow-m-left-line"
+  }));
+};
+exports.PreviousStepper = PreviousStepper;
+var NextStepper = function NextStepper(props) {
+  return /*#__PURE__*/_react["default"].createElement(_PageButton.PageButton, (0, _extends2["default"])({
+    "data-testid": "next-page"
+  }, props), /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
+    name: "ri-arrow-m-right-line"
+  }));
+};
+exports.NextStepper = NextStepper;

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

@@ -0,0 +1,4 @@
+export * from './Pagination';
+export * from './IconPagination';
+export * from './SimplePagination';
+export type { PaginationProps, IconPaginationProps } from './paginationUtils';

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

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+var _Pagination = require("./Pagination");
+Object.keys(_Pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Pagination[key]) return;
+  exports[key] = _Pagination[key];
+});
+var _IconPagination = require("./IconPagination");
+Object.keys(_IconPagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IconPagination[key]) return;
+  exports[key] = _IconPagination[key];
+});
+var _SimplePagination = require("./SimplePagination");
+Object.keys(_SimplePagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SimplePagination[key]) return;
+  exports[key] = _SimplePagination[key];
+});

package/lib/@next/Pagination/paginationUtils.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export declare type PaginationProps = {
+    /** Total items to be displayed, must be positive integer and above 0 */
+    totalItems: number;
+    /** Current page, must be positive integer and above 0 */
+    currentPage?: number;
+    /** Size of a page, must be positive integer and above 0 */
+    pageSize?: number;
+    disabled?: boolean;
+    onPageChanged?: (currentPage: number) => void;
+};
+export declare type IconPaginationProps = {
+    label?: React.ReactNode;
+    disableNext?: boolean;
+    disablePrevious?: boolean;
+    onNext?: () => void;
+    onPrevious?: () => void;
+};
+export declare const defaultPageSize = 10;
+export declare const defaultBufferSize = 2;
+export declare const getAllPages: (pageSize: number, total: number) => number;
+export declare const getBufferSize: (bufferSize: number, allPages: number) => number;

package/lib/@next/Pagination/paginationUtils.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getBufferSize = exports.getAllPages = exports.defaultPageSize = exports.defaultBufferSize = void 0;
+var defaultPageSize = 10;
+exports.defaultPageSize = defaultPageSize;
+var defaultBufferSize = 2;
+exports.defaultBufferSize = defaultBufferSize;
+var getAllPages = function getAllPages(pageSize, total) {
+  if (pageSize < 1) {
+    console.warn('pageSize must be above 0');
+    return 0;
+  }
+  return Math.ceil(total / pageSize);
+};
+exports.getAllPages = getAllPages;
+var getBufferSize = function getBufferSize(bufferSize, allPages) {
+  var min = 0;
+  var max = Math.floor(allPages / 2) - 1;
+  var newBufferSize = Math.max(bufferSize, min);
+  return Math.min(newBufferSize, max);
+};
+exports.getBufferSize = getBufferSize;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type PasswordInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> & {
+    onChange?: (value: string) => void;
+    error?: boolean;
+};
+export declare const PasswordInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> & {
+    onChange?: (value: string) => void;
+    error?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;

package/lib/@next/PasswordInput/PasswordInput.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PasswordInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+var _Icon = require("../Icon");
+var _Input = require("../Input/Input");
+var _PasswordInputStyle = require("./PasswordInputStyle");
+var _excluded = ["value", "onChange", "error"];
+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 PasswordInput = /*#__PURE__*/_react["default"].forwardRef(function PasswordInput(_ref, ref) {
+  var value = _ref.value,
+    _onChange = _ref.onChange,
+    error = _ref.error,
+    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _useState = (0, _react.useState)(false),
+    showPassword = _useState[0],
+    setShowPassword = _useState[1];
+  var suffixComponent = /*#__PURE__*/_react["default"].createElement(_PasswordInputStyle.StyledSuffixContainer, {
+    onClick: function onClick() {
+      setShowPassword(!showPassword);
+    },
+    "data-testid": "eye-icon"
+  }, showPassword ? /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
+    name: "ri-eye-line"
+  }) : /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
+    name: "ri-eye-off-line"
+  }));
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Input.Input, (0, _extends2["default"])({
+    ref: ref,
+    type: showPassword ? 'text' : 'password',
+    value: value,
+    onChange: function onChange(e) {
+      return _onChange == null ? void 0 : _onChange(e.currentTarget.value);
+    },
+    error: error,
+    suffix: !props.disabled && suffixComponent
+  }, props)));
+});
+exports.PasswordInput = PasswordInput;

package/lib/@next/PasswordInput/PasswordInput.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Interactive: any;

package/lib/@next/PasswordInput/PasswordInputStyle.d.ts

@@ -0,0 +1 @@
+export declare const StyledSuffixContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/@next/PasswordInput/PasswordInputStyle.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.StyledSuffixContainer = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var StyledSuffixContainer = _styledComponents["default"].div.withConfig({
+  displayName: "PasswordInputStyle__StyledSuffixContainer",
+  componentId: "sc-1anxz2z-0"
+})(["height:20px;transform:translateX(4px);svg{cursor:pointer;height:20px;width:20px;}"]);
+exports.StyledSuffixContainer = StyledSuffixContainer;

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

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

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

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

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

@@ -0,0 +1,10 @@
+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: 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

@@ -0,0 +1,23 @@
+"use strict";
+
+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 = /*#__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.
+ * This is a temporary workaround, as React Portal need this as the anchor */
+var Popover = Object.assign(PopoverComponent, {
+  Pane: _polarisGlints.Popover.Pane,
+  Section: _polarisGlints.Popover.Section
+});
+exports.Popover = Popover;

package/lib/@next/Popover/Popover.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Interactive: any;

package/lib/@next/Popover/PopoverFilter.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Interactive: any;

package/lib/@next/Popover/PopoverStyle.d.ts

@@ -0,0 +1 @@
+export declare const StyledPopover: any;

package/lib/@next/Popover/PopoverStyle.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.StyledPopover = void 0;
+var _styledComponents = require("styled-components");
+var _borderRadius = require("../utilities/borderRadius");
+var _colors = require("../utilities/colors");
+var _spacing = require("../utilities/spacing");
+// we need to use global style here because popover is created outside the root element for react app
+var StyledPopover = (0, _styledComponents.createGlobalStyle)([".Polaris-Popover{max-width:calc(100vw - ", ");margin:0.3125rem 2px ", ";box-shadow:0px ", " 20px rgba(71,71,71,0.2),0px 3px 6px -3px rgba(71,71,71,0.08);border-radius:", ";backface-visibility:hidden;will-change:left,top;}.Polaris-Popover__PopoverOverlay{opacity:0;transition:opacity 100ms ease,transform 100ms ease;transform:translateY(-0.3125rem);}.Polaris-Popover__PopoverOverlay--entering{opacity:1;transform:translateY(0);}.Polaris-Popover__PopoverOverlay--open{opacity:1;transform:none;}.Polaris-Popover__PopoverOverlay--exiting{opacity:1;transform:translateY(0);transition-duration:0ms;}.Polaris-Popover--measuring:not(.Polaris-Popover__PopoverOverlay--exiting){opacity:0;transform:translateY(-0.3125rem);}.Polaris-Popover--fullWidth{margin:0.3125rem auto 0 auto;width:100%;&.Polaris-Popover--fitContent{width:fit-content;}}.Polaris-Popover--fullWidth .Polaris-Popover__Content{max-width:none;}.Polaris-Popover--positionedAbove{margin:", " 2px 0.3125rem;}.Polaris-Popover--positionedAbove.Polaris-Popover--fullWidth{margin:0 auto 0.3125rem auto;}.Polaris-Popover__Wrapper{position:relative;overflow:hidden;background-color:", ";border-radius:", ";outline:1px solid transparent;}.Polaris-Popover__Content{position:relative;display:flex;flex-direction:column;border-radius:1px;max-width:25rem;max-height:31.25rem;}.Polaris-Popover__Content:focus{outline:none;}.Polaris-Popover__Content--fullHeight{max-height:none;}.Polaris-Popover__Content--fluidContent{max-height:none;max-width:none;}.Polaris-Popover__Pane{flex:1 1;max-width:100%;}.Polaris-Popover__Pane + .Polaris-Popover__Pane{border-top:1px solid ", ";}.Polaris-Popover__Pane:focus{outline:none;}.Polaris-Popover__Pane--fixed{overflow:visible;flex:0 0 auto;}.Polaris-Popover__Pane--captureOverscroll{overscroll-behavior:contain;}.Polaris-Popover__Section{padding:", ";color:", ";}.Polaris-Popover__Section + .Polaris-Popover__Section{border-top:1px solid #e1e3e5;}.Polaris-Popover__FocusTracker{position:absolute !important;top:0;width:0.0625rem !important;height:0.0625rem !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important;}@media print{.Polaris-Popover__PopoverOverlay--hideOnPrint{display:none !important;}}.Polaris-PositionedOverlay{position:absolute;z-index:400;}.Polaris-PositionedOverlay--fixed{position:fixed;}.Polaris-PositionedOverlay--calculating{visibility:hidden;}.Polaris-PositionedOverlay--preventInteraction{pointer-events:none;}.Polaris-Scrollable{position:relative;max-height:none;overflow-x:hidden;overflow-y:hidden;:focus{outline:0.125rem solid ", ";outline-offset:0.125rem;}}.Polaris-Scrollable--horizontal{overflow-x:auto;}.Polaris-Scrollable--vertical{overflow-y:auto;}"], _spacing.space8, _spacing.space4, _spacing.space8, _borderRadius.borderRadius8, _spacing.space4, _colors.Neutral.B100, _borderRadius.borderRadius8, _colors.Neutral.B85, _spacing.space16, _colors.Neutral.B40, _colors.Blue.S54);
+exports.StyledPopover = StyledPopover;

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

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

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

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

package/lib/@next/Popover/popoverStoryHelper/CheckboxGroup.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type Props = {
+    country: string;
+    cities: string[];
+    onChanged: (action: 'Add' | 'Remove', cities: string[]) => void;
+};
+export declare const CheckboxGroup: ({ country, cities, onChanged }: Props) => JSX.Element;
+export {};

package/lib/@next/Popover/popoverStoryHelper/CheckboxGroup.js

@@ -0,0 +1,67 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CheckboxGroup = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Checkbox = require("../../Checkbox");
+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 CheckboxGroup = function CheckboxGroup(_ref) {
+  var country = _ref.country,
+    cities = _ref.cities,
+    onChanged = _ref.onChanged;
+  var _useState = (0, _react.useState)(false),
+    isCountrySelected = _useState[0],
+    setIsCountrySelected = _useState[1];
+  var _useState2 = (0, _react.useState)([]),
+    selectedCities = _useState2[0],
+    setSelectedCities = _useState2[1];
+  var handleCountryChanged = function handleCountryChanged(checked) {
+    setIsCountrySelected(checked);
+    if (checked) {
+      setSelectedCities(cities);
+    } else {
+      setSelectedCities([]);
+    }
+    onChanged(checked ? 'Add' : 'Remove', cities);
+  };
+  var handleCityChanged = function handleCityChanged(checked, id) {
+    if (checked && !selectedCities.includes(id)) {
+      var selected = [].concat(selectedCities, [id]);
+      setSelectedCities(selected);
+      onChanged('Add', [id]);
+      return;
+    }
+    if (!checked) {
+      var _selected = selectedCities.filter(function (s) {
+        return s !== id;
+      });
+      setSelectedCities(_selected);
+      onChanged('Remove', [id]);
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    key: country
+  }, /*#__PURE__*/_react["default"].createElement(_Checkbox.Checkbox, {
+    id: country,
+    label: country,
+    checked: isCountrySelected,
+    onChange: function onChange(newChecked) {
+      return handleCountryChanged(newChecked);
+    }
+  }), cities.map(function (city) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: "div-" + city,
+      style: {
+        marginLeft: '10px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_Checkbox.Checkbox, {
+      id: city,
+      label: city,
+      key: city,
+      checked: selectedCities.includes(city) || isCountrySelected,
+      onChange: handleCityChanged
+    }));
+  }));
+};
+exports.CheckboxGroup = CheckboxGroup;

package/lib/@next/Popover/popoverStoryHelper/SalarySelector.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    onFromChanged: (amount: number) => void;
+    onToChanged: (amount: number) => void;
+};
+export declare const SalarySelector: ({ onFromChanged, onToChanged }: Props) => JSX.Element;
+export {};

package/lib/@next/Popover/popoverStoryHelper/SalarySelector.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SalarySelector = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _CurrencyInput = require("../../CurrencyInput/CurrencyInput");
+var _Typography = require("../../Typography");
+var SalarySelector = function SalarySelector(_ref) {
+  var onFromChanged = _ref.onFromChanged,
+    onToChanged = _ref.onToChanged;
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '4px',
+      padding: '10px',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    as: "div",
+    variant: "caption"
+  }, "IDR"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_CurrencyInput.CurrencyInput, {
+    currencyCode: "USD",
+    onChange: onFromChanged
+  })), /*#__PURE__*/_react["default"].createElement("div", null, "-"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_CurrencyInput.CurrencyInput, {
+    currencyCode: "USD",
+    onChange: onToChanged
+  }))));
+};
+exports.SalarySelector = SalarySelector;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Portal: ({ children }: {
+    children: React.ReactNode;
+}) => import("react").ReactPortal;

package/lib/@next/Portal/Portal.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Portal = void 0;
+var _reactDom = require("react-dom");
+var Portal = function Portal(_ref) {
+  var children = _ref.children;
+  var container = document.getElementById('glints-portal-container');
+  if (!container) {
+    throw new Error("Portal component requires div with id \"glints-portal-container\" as container, \n      please add it as a sibling to where your react app is rendered!");
+  }
+  return /*#__PURE__*/(0, _reactDom.createPortal)(children, container);
+};
+exports.Portal = Portal;

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

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

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

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

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

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+export interface RadioButtonProps extends Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange'> {
+    label?: ReactNode;
+    helperText?: ReactNode;
+    disabled?: boolean;
+    name?: string;
+    checked?: boolean;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+/**
+ * This is a controlled component, so you need to pass in the `checked` and `onChange` prop to make it work.
+ */
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;

package/lib/@next/RadioButton/RadioButton.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RadioButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _ = require("..");
+var _Typography = require("../Typography");
+var _RadioButtonStyle = require("./RadioButtonStyle");
+var _excluded = ["label", "helperText", "disabled", "name", "checked", "value", "onChange"];
+/**
+ * This is a controlled component, so you need to pass in the `checked` and `onChange` prop to make it work.
+ */
+var RadioButton = /*#__PURE__*/_react["default"].forwardRef(function RadioButton(_ref, ref) {
+  var label = _ref.label,
+    helperText = _ref.helperText,
+    disabled = _ref.disabled,
+    name = _ref.name,
+    checked = _ref.checked,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var renderLabel = function renderLabel() {
+    if (!label) return null;
+    return /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+      variant: "body1",
+      as: typeof label === 'string' ? 'span' : 'div',
+      color: _.Colors.Neutral.B18
+    }, label);
+  };
+  var renderHelperText = function renderHelperText() {
+    if (!helperText) return null;
+    return /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+      variant: "subtitle2",
+      as: typeof label === 'string' ? 'span' : 'div',
+      color: _.Colors.Neutral.B40
+    }, helperText);
+  };
+  return /*#__PURE__*/_react["default"].createElement(_RadioButtonStyle.RadioButtonWrapper, null, /*#__PURE__*/_react["default"].createElement(_RadioButtonStyle.RadioButtonInput, (0, _extends2["default"])({
+    ref: ref,
+    disabled: disabled,
+    name: name,
+    checked: checked,
+    value: value,
+    type: "radio",
+    onChange: onChange,
+    onMouseDown: function onMouseDown(e) {
+      return e.preventDefault();
+    }
+  }, props)), /*#__PURE__*/_react["default"].createElement(_RadioButtonStyle.LabelWrapper, {
+    "data-disabled": disabled
+  }, renderLabel(), renderHelperText()));
+});
+exports.RadioButton = RadioButton;

package/lib/@next/RadioButton/RadioButton.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Interactive: any;
+export declare const ControlledRadioButton: () => JSX.Element;

package/lib/@next/RadioButton/RadioButtonStyle.d.ts

@@ -0,0 +1,3 @@
+export declare const RadioButtonWrapper: import("styled-components").StyledComponent<"label", any, {}, never>;
+export declare const RadioButtonInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const LabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;