glints-aries 4.0.185 → 4.0.187

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { InputProps } from '../Input/Input';
-export declare type TextInputProps = Omit<InputProps, 'type'> & {
-    canClear?: boolean;
-};
-export declare const TextInput: ({ canClear, suffix, value, onChange, ...props }: TextInputProps) => JSX.Element;

package/lib/@next/Alert/Alert.stories.js

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Interactive = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _Button = require("../Button");
-var _Typography = require("../Typography");
-var _Alert = require("./Alert");
-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; }
-_Alert.Alert.displayName = 'Alert';
-var _default = {
-  title: '@next/Alert',
-  component: _Alert.Alert,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  var _useState = (0, _react.useState)(false),
-    showAlert = _useState[0],
-    setShowAlert = _useState[1];
-  var triggerAlert = function triggerAlert() {
-    setShowAlert(true);
-  };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    onClick: function onClick() {
-      return triggerAlert();
-    }
-  }, "Show Alert"), /*#__PURE__*/_react["default"].createElement(_Alert.Alert, (0, _extends2["default"])({}, args, {
-    show: showAlert,
-    onDismissed: function onDismissed() {
-      return setShowAlert(false);
-    }
-  })));
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  title: 'Title',
-  content: 'Alert content',
-  status: 'info',
-  children: /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-    as: "span",
-    variant: "body2",
-    color: "#017EB7"
-  }, "Learn more")
-};

package/lib/@next/Alert/AlertWithProvider.stories.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Interactive = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _Button = require("../Button");
-var _useAlert2 = require("./useAlert");
-var _AlertWithProvider = require("./AlertWithProvider");
-var _Decorators = require("../../../.storybook/Decorators");
-var _Typography = require("../Typography");
-_AlertWithProvider.AlertWithProvider.displayName = 'AlertWithProvider';
-var _default = {
-  title: '@next/AlertWithProvider',
-  component: _AlertWithProvider.AlertWithProvider
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  var _useAlert = (0, _useAlert2.useAlert)(),
-    showAlert = _useAlert.showAlert;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_AlertWithProvider.AlertWithProvider, null), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    onClick: function onClick() {
-      return showAlert((0, _extends2["default"])({}, args));
-    }
-  }, "Show Alert"));
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  title: 'Title',
-  content: 'Alert content',
-  status: 'info',
-  children: /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
-    as: "span",
-    variant: "body2",
-    color: "#017EB7"
-  }, "Learn more")
-};
-Interactive.decorators = [_Decorators.withAlertProvider];
-Interactive.parameters = {
-  docs: {
-    source: {
-      code: "\n      // Add \"AlertProvider\" in your root app \n      import { AlertProvider } from 'glints-aries/lib/@next';\n\n      // index.js\n      ReactDOM.render(\n        <AlertProvider>\n         <App />\n        </AlertProvider>,\n        document.getElementById('root')\n      );\n\n      // Add \"AlertWithProvider\" component in the root so it's accessible from anywhere\n      // app.js\n      <>\n        <AlertWithProvider />\n        <Dashboard />\n      </>  \n\n      // Call \"showAlert\" anywhere from your component\n      import { useAlert } from 'glints-aries/lib/@next';\n\n      const { showAlert } = useAlert();\n      <Button\n        onClick={() =>\n          showAlert({\n            title: 'Title',\n            content: 'Content',\n            children: <a href=\"#\">Learn more</a>,\n          })\n        }\n      >\n        Show Alert\n      </Button>\n      "
-    },
-    language: 'javascript',
-    type: 'auto'
-  }
-};

package/lib/@next/Avatar/Avatar.stories.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Interactive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _Avatar = require("./Avatar");
-var _default = {
-  title: '@next/Avatar',
-  component: _Avatar.Avatar,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }],
-  argTypes: {}
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Avatar.Avatar, args);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  initials: 'HE'
-};

package/lib/@next/Badge/Badge.stories.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Interactive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _Badge = require("./Badge");
-_Badge.Badge.displayName = 'Badge';
-var defaultText = 'Badge';
-var _default = {
-  title: '@next/Badge',
-  component: _Badge.Badge,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }],
-  argTypes: {
-    textColor: {
-      description: 'Text color of the badge',
-      control: 'color',
-      table: {
-        category: 'Colors'
-      }
-    }
-  }
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Badge.Badge, args, defaultText);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  status: null
-};

package/lib/@next/Banner/Banner.stories.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.WithButtons = exports.Interactive = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _Banner = require("./Banner");
-var _Button = require("../Button");
-_Banner.Banner.displayName = 'Banner';
-var defaultText = 'Content of banner';
-var _default = {
-  title: '@next/Banner',
-  component: _Banner.Banner,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Banner.Banner, args, defaultText);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  title: 'Title'
-};
-var WithButtonsTemplate = function WithButtonsTemplate(args) {
-  var action = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-    disabled: args.buttonDisabled
-  }, "Action");
-  return /*#__PURE__*/_react["default"].createElement(_Banner.Banner, (0, _extends2["default"])({
-    action: action
-  }, args), defaultText);
-};
-var WithButtons = WithButtonsTemplate.bind({});
-exports.WithButtons = WithButtons;
-WithButtons.args = {
-  buttonDisabled: false,
-  title: 'Title'
-};

package/lib/@next/Button/Button.stories.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.WithIcon = exports.Interactive = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _Button = require("./Button");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _Icon = require("../Icon");
-var _PrimaryButtonStyle = require("./PrimaryButtonStyle");
-_Button.Button.displayName = 'Button';
-var defaultText = 'Label';
-var _default = {
-  title: '@next/Button',
-  component: _Button.Button,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }],
-  argTypes: {
-    disabled: {
-      control: 'boolean'
-    }
-  }
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Button.Button, (0, _extends2["default"])({}, args, {
-    type: "button"
-  }), defaultText);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  size: 'default',
-  disabled: false
-};
-var WithIconsTemplate = function WithIconsTemplate(args) {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '10px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Button.Button, (0, _extends2["default"])({}, args, {
-    type: "button"
-  }), defaultText), /*#__PURE__*/_react["default"].createElement(_PrimaryButtonStyle.PrimaryButton, (0, _extends2["default"])({}, args, {
-    type: "button"
-  }), defaultText));
-};
-var WithIcon = WithIconsTemplate.bind({});
-exports.WithIcon = WithIcon;
-WithIcon.args = {
-  size: 'default',
-  icon: /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
-    name: "ri-arrow-up-down-fill"
-  }),
-  iconPosition: 'left',
-  disabled: false
-};

package/lib/@next/Button/DesctructiveButton.stories.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Interactive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _DesctructiveButtonStyle = require("./DesctructiveButtonStyle");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-_DesctructiveButtonStyle.DestructiveButton.displayName = 'DestructiveButton';
-var defaultText = 'Label';
-var _default = {
-  title: '@next/DestructiveButton',
-  component: _DesctructiveButtonStyle.DestructiveButton,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_DesctructiveButtonStyle.DestructiveButton, args, defaultText);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  size: 'default'
-};

package/lib/@next/Button/OutlineButton.stories.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Interactive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _OutlineButtonStyle = require("./OutlineButtonStyle");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-_OutlineButtonStyle.OutlineButton.displayName = 'OutlineButton';
-var defaultText = 'Label';
-var _default = {
-  title: '@next/OutlineButton',
-  component: _OutlineButtonStyle.OutlineButton,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_OutlineButtonStyle.OutlineButton, args, defaultText);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  size: 'default'
-};

package/lib/@next/Button/OutlineMonochromeButton.stories.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Interactive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _OutlineMonochromeStyle = require("./OutlineMonochromeStyle");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-_OutlineMonochromeStyle.OutlineMonochromeButton.displayName = 'OutlineMonochromeButton';
-var defaultText = 'Label';
-var _default = {
-  title: '@next/OutlineMonochromeButton',
-  component: _OutlineMonochromeStyle.OutlineMonochromeButton,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_OutlineMonochromeStyle.OutlineMonochromeButton, args, defaultText);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  size: 'default',
-  active: false
-};

package/lib/@next/Button/PrimaryButton.stories.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Interactive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _PrimaryButtonStyle = require("./PrimaryButtonStyle");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-_PrimaryButtonStyle.PrimaryButton.displayName = 'PrimaryButton';
-var defaultText = 'Label';
-var _default = {
-  title: '@next/PrimaryButton',
-  component: _PrimaryButtonStyle.PrimaryButton,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_PrimaryButtonStyle.PrimaryButton, args, defaultText);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  size: 'default'
-};

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

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Interactive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _PrimaryButtonStyle = require("../Button/PrimaryButtonStyle");
-var _Button = require("../Button/Button");
-var _OutlineButtonStyle = require("../Button/OutlineButtonStyle");
-var _ButtonGroup = require("./ButtonGroup");
-_ButtonGroup.ButtonGroup.displayName = 'ButtonGroup';
-var _default = {
-  title: '@next/ButtonGroup',
-  component: _ButtonGroup.ButtonGroup,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, {
-      style: {
-        width: '1000px'
-      }
-    }, Story());
-  }]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  var segmented = args.segmented;
-  var children = segmented ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_OutlineButtonStyle.OutlineButton, null, "Label"), /*#__PURE__*/_react["default"].createElement(_OutlineButtonStyle.OutlineButton, null, "Label"), /*#__PURE__*/_react["default"].createElement(_OutlineButtonStyle.OutlineButton, {
-    active: true
-  }, "Label"), /*#__PURE__*/_react["default"].createElement(_OutlineButtonStyle.OutlineButton, null, "Label"), /*#__PURE__*/_react["default"].createElement(_OutlineButtonStyle.OutlineButton, null, "Label")) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button.Button, null, "Label"), /*#__PURE__*/_react["default"].createElement(_PrimaryButtonStyle.PrimaryButton, null, "Label"));
-  return /*#__PURE__*/_react["default"].createElement(_ButtonGroup.ButtonGroup, args, children);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  segmented: false,
-  fullWidth: false
-};

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

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Interactive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Checkbox = require("./Checkbox");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-_Checkbox.Checkbox.displayName = 'Checkbox';
-var _default = {
-  title: '@next/Checkbox',
-  component: _Checkbox.Checkbox,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Checkbox.Checkbox, args);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  label: 'Label'
-};

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

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Interactive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _CurrencyInput = require("./CurrencyInput");
-_CurrencyInput.CurrencyInput.displayName = 'Currency';
-var _default = {
-  title: '@next/CurrencyInput',
-  component: _CurrencyInput.CurrencyInput,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }],
-  argTypes: {}
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_CurrencyInput.CurrencyInput, args);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  placeholder: '0.0',
-  disabled: false,
-  locale: 'en',
-  value: 10000,
-  onChange: function onChange(value) {
-    console.log('Currency on changed value: ', value);
-  }
-};

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

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Interactive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _Divider = require("./Divider");
-_Divider.Divider.displayName = 'Divider';
-var _default = {
-  title: '@next/Divider',
-  component: _Divider.Divider,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }]
-};
-exports["default"] = _default;
-var Template = function Template() {
-  return /*#__PURE__*/_react["default"].createElement("div", null, "some text", /*#__PURE__*/_react["default"].createElement(_Divider.Divider, null), "another text after divider");
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {};