glints-aries 4.0.185 → 4.0.187

package/lib/Input/PhoneNumberInput/PhoneNumberInput.stories.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.WithError = exports.WithAddon = exports.NoCallingCodeOptions = exports.Loading = exports.Default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _PhoneNumberInput = require("./PhoneNumberInput");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _ = require("../..");
-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 _default = {
-  title: 'Input/PhoneNumberInput',
-  component: _PhoneNumberInput.PhoneNumberInput,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, {
-      style: {
-        height: '400px'
-      }
-    }, Story());
-  }]
-};
-exports["default"] = _default;
-var callingCodeOptions = [{
-  label: 'Malaysia',
-  callingCode: 60,
-  isFeatured: true
-}, {
-  label: 'Indonesia',
-  callingCode: 62,
-  isFeatured: true
-}, {
-  label: 'Singapore',
-  callingCode: 65,
-  isFeatured: true
-}, {
-  label: 'Taiwan',
-  callingCode: 886,
-  isFeatured: true
-}, {
-  label: 'Vietnam',
-  callingCode: 84,
-  isFeatured: true
-}, {
-  label: 'Afghanistan',
-  callingCode: 93,
-  isFeatured: false
-}, {
-  label: 'Albania',
-  callingCode: 355,
-  isFeatured: false
-}, {
-  label: 'Algeria',
-  callingCode: 213,
-  isFeatured: false
-}, {
-  label: 'Germany',
-  callingCode: 42,
-  isFeatured: false
-}, {
-  label: 'United States',
-  callingCode: 1,
-  isFeatured: false
-}];
-var Template = function Template(args) {
-  var _useState = (0, _react.useState)({
-      callingCode: 65,
-      significantNumber: args.initialSignificantNumber || null
-    }),
-    value = _useState[0],
-    setValue = _useState[1];
-  var _useState2 = (0, _react.useState)(args.initialFilterInput || ''),
-    filterInput = _useState2[0],
-    setFilterInput = _useState2[1];
-  var options = filterInput ? callingCodeOptions.filter(function (option) {
-    return option.label.toLowerCase().includes(filterInput.toLowerCase()) || option.callingCode.toString().includes(filterInput.toLowerCase());
-  }) : callingCodeOptions;
-  var error = value.significantNumber && /[a-zA-Z]/g.test(value.significantNumber) && 'Please include numbers only.';
-  var _useState3 = (0, _react.useState)(false),
-    isLoading = _useState3[0],
-    setIsLoading = _useState3[1];
-  (0, _react.useEffect)(function simulateLoadingOnFilterInputChange() {
-    if (args.filterDelayMs && filterInput) {
-      setIsLoading(true);
-      var stopLoading = function stopLoading() {
-        return setIsLoading(false);
-      };
-      var timeout = setTimeout(stopLoading, args.filterDelayMs);
-      return function () {
-        clearTimeout(timeout);
-        stopLoading();
-      };
-    }
-  }, [args.filterDelayMs, filterInput]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "The phone number is +", value.callingCode || '??', ' ', value.significantNumber || '???'), /*#__PURE__*/_react["default"].createElement(_PhoneNumberInput.PhoneNumberInput, (0, _extends2["default"])({
-    value: value,
-    callingCodeOptions: options,
-    filterValue: filterInput,
-    isLoadingCallingCodeOptions: isLoading,
-    label: "Mobile Number",
-    featuredOptionsLabel: "Frequently Used",
-    otherOptionsLabel: "The Rest Of The World",
-    callingCodeFilterInputPlaceholder: "Type country code or country name",
-    callingCodeNoOptionsLabel: "Sorry, there are no results for country " + filterInput + ". Please try again.",
-    error: error
-  }, args, {
-    onChange: setValue,
-    onInputChange: setFilterInput,
-    onBlur: console.log
-  })));
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {};
-var WithError = Template.bind({});
-exports.WithError = WithError;
-WithError.args = {
-  initialSignificantNumber: '1234 foo'
-};
-var NoCallingCodeOptions = Template.bind({});
-exports.NoCallingCodeOptions = NoCallingCodeOptions;
-NoCallingCodeOptions.args = {
-  initialFilterInput: 'Buxdehude'
-};
-var Loading = Template.bind({});
-exports.Loading = Loading;
-Loading.args = {
-  filterDelayMs: 1000
-};
-var WithAddon = Template.bind({});
-exports.WithAddon = WithAddon;
-WithAddon.args = {
-  addon: /*#__PURE__*/_react["default"].createElement(_.Tag, null, "I am an addon :)")
-};

package/lib/Input/RadioButton/RadioButton.stories.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.SmallRadioButton = exports.RadioButtonWithError = exports.RadioButtonWithBorder = exports.Interactive = exports.DisabledRadioButton = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _RadioButton = require("./RadioButton");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _default = {
-  title: 'Input/RadioButton',
-  component: _RadioButton.RadioButton,
-  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(_RadioButton.RadioButton, args);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  label: 'Radio Button',
-  name: 'default'
-};
-var RadioButtonWithError = Template.bind({});
-exports.RadioButtonWithError = RadioButtonWithError;
-RadioButtonWithError.args = {
-  label: 'Radio Button With Error',
-  name: 'default',
-  error: true
-};
-var RadioButtonWithBorder = Template.bind({});
-exports.RadioButtonWithBorder = RadioButtonWithBorder;
-RadioButtonWithBorder.args = {
-  label: 'Radio Button With Border',
-  name: 'default',
-  border: true
-};
-var DisabledRadioButton = Template.bind({});
-exports.DisabledRadioButton = DisabledRadioButton;
-DisabledRadioButton.args = {
-  label: 'Disabled Radio Button',
-  name: 'default',
-  disabled: true
-};
-var SmallRadioButton = Template.bind({});
-exports.SmallRadioButton = SmallRadioButton;
-SmallRadioButton.args = {
-  label: 'Small Radio Button',
-  name: 'default',
-  size: 'small'
-};

package/lib/Input/Select/Select.stories.js

@@ -1,151 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Sizes = exports.RemoveFloatingLabel = exports.RemoveDropIcon = exports.LoadingOptions = exports.Error = exports.Disabled = exports.DisableTyping = exports.DefaultValue = exports.DefaultSelect = exports.CustomizeNoOptionResultMessage = exports.CustomizeFilterFunction = exports.BasicUsage = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _Select = _interopRequireDefault(require("./Select"));
-var _components = require("../../General/Icon/components");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _default = {
-  title: 'Input/Select',
-  component: _Select["default"],
-  argTypes: {
-    status: {
-      control: null
-    },
-    error: {
-      control: {
-        type: 'boolean'
-      }
-    }
-  },
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }]
-};
-exports["default"] = _default;
-var Options = [/*#__PURE__*/_react["default"].createElement(_Select["default"].Option, {
-  key: 1,
-  value: "accountant"
-}, "Accountant"), /*#__PURE__*/_react["default"].createElement(_Select["default"].Option, {
-  key: 2,
-  value: "business development"
-}, "Business Development"), /*#__PURE__*/_react["default"].createElement(_Select["default"].Option, {
-  key: 3,
-  value: "software engineer"
-}, "Software Engineer")];
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      height: '200px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], (0, _extends2["default"])({
-    label: "Jobs"
-  }, args, {
-    // set undefined to prevent these properties are shown in code sample
-    onBlur: undefined,
-    onFocus: undefined,
-    onChange: undefined,
-    onInputChange: undefined
-  }), Options));
-};
-var DefaultSelect = Template.bind({});
-exports.DefaultSelect = DefaultSelect;
-var BasicUsage = Template.bind({});
-exports.BasicUsage = BasicUsage;
-BasicUsage.args = {
-  label: 'Label',
-  value: 'Accountant'
-};
-var LoadingOptions = Template.bind({});
-exports.LoadingOptions = LoadingOptions;
-LoadingOptions.args = {
-  isLoading: true
-};
-var Error = function Error() {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      height: '250px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      marginBottom: '20px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-    label: "Boolean",
-    error: true
-  }, Options)), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      marginBottom: '20px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-    label: "String",
-    error: "error message"
-  }, Options)), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-    label: "React Node",
-    error: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_components.WarningOutlineIcon, null), " error message")
-  }, Options));
-};
-exports.Error = Error;
-var Disabled = Template.bind({});
-exports.Disabled = Disabled;
-Disabled.args = {
-  disabled: true
-};
-var DefaultValue = Template.bind({});
-exports.DefaultValue = DefaultValue;
-DefaultValue.args = {
-  defaultValue: 'Accountant'
-};
-var DisableTyping = Template.bind({});
-exports.DisableTyping = DisableTyping;
-DisableTyping.args = {
-  disableTyping: true
-};
-var CustomizeNoOptionResultMessage = Template.bind({});
-exports.CustomizeNoOptionResultMessage = CustomizeNoOptionResultMessage;
-CustomizeNoOptionResultMessage.args = {
-  noOptionResult: 'Customized no option result message'
-};
-var RemoveFloatingLabel = Template.bind({});
-exports.RemoveFloatingLabel = RemoveFloatingLabel;
-RemoveFloatingLabel.args = {
-  removeFloatingLabel: true
-};
-var RemoveDropIcon = Template.bind({});
-exports.RemoveDropIcon = RemoveDropIcon;
-RemoveDropIcon.args = {
-  removeDropIcon: true
-};
-var Sizes = function Sizes() {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      height: '200px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      marginBottom: '20px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-    label: "Small",
-    small: true
-  }, Options)), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-    label: "Default"
-  }, Options));
-};
-exports.Sizes = Sizes;
-var CustomizeFilterFunction = function CustomizeFilterFunction() {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      height: '200px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-    label: "Jobs",
-    filterFunction: function filterFunction(option, search) {
-      return !option.toLowerCase().includes(search.toLowerCase());
-    }
-  }, Options));
-};
-exports.CustomizeFilterFunction = CustomizeFilterFunction;

package/lib/Input/TextField/TextField.stories.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.TextFieldWithStartIcon = exports.TextFieldWithEndIcon = exports.TextFieldWithClearIcon = exports.PasswordField = exports.Interactive = exports.Disabled = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _TextField = require("./TextField");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _SearchIcon = _interopRequireDefault(require("../../General/Icon/components/SearchIcon"));
-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 _default = {
-  title: 'Input/TextField',
-  component: _TextField.TextField,
-  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)(''),
-    textValue = _useState[0],
-    setTextValue = _useState[1];
-  return /*#__PURE__*/_react["default"].createElement(_TextField.TextField, (0, _extends2["default"])({
-    value: textValue,
-    onChange: function onChange(e) {
-      return setTextValue(e.target.value);
-    }
-  }, args));
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  label: 'Description',
-  type: 'text'
-};
-var TextFieldWithClearIcon = Template.bind({});
-exports.TextFieldWithClearIcon = TextFieldWithClearIcon;
-TextFieldWithClearIcon.args = {
-  label: 'Description',
-  allowClear: true,
-  type: 'text'
-};
-var Disabled = Template.bind({});
-exports.Disabled = Disabled;
-Disabled.args = {
-  label: 'Description',
-  type: 'text',
-  disabled: true
-};
-var TextFieldWithStartIcon = Template.bind({});
-exports.TextFieldWithStartIcon = TextFieldWithStartIcon;
-TextFieldWithStartIcon.args = {
-  label: 'Description',
-  type: 'text',
-  startIcon: /*#__PURE__*/_react["default"].createElement(_SearchIcon["default"], null)
-};
-var TextFieldWithEndIcon = Template.bind({});
-exports.TextFieldWithEndIcon = TextFieldWithEndIcon;
-TextFieldWithEndIcon.args = {
-  label: 'Description',
-  type: 'text',
-  endIcon: /*#__PURE__*/_react["default"].createElement(_SearchIcon["default"], null)
-};
-var PasswordField = Template.bind({});
-exports.PasswordField = PasswordField;
-PasswordField.args = {
-  label: 'Description',
-  type: 'password'
-};

package/lib/Input/Textarea/Textarea.stories.js

@@ -1,31 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.removeFloatingLabelIsTrue = exports["default"] = exports.Interactive = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _Textarea = require("./Textarea");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-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 _default = {
-  title: 'Input/Textarea',
-  component: _Textarea.Textarea,
-  decorators: [function (Story) {
-    return /*#__PURE__*/React.createElement(_GlintsContainer.BaseContainer, null, Story());
-  }]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_Textarea.Textarea, args);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  label: 'Description'
-};
-var removeFloatingLabelIsTrue = Template.bind({});
-exports.removeFloatingLabelIsTrue = removeFloatingLabelIsTrue;
-removeFloatingLabelIsTrue.args = {
-  label: 'Remove Floating Label Is True',
-  removeFloatingLabel: true
-};

package/lib/Input/ToggleSwitch/ToggleSwitch.stories.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.ToggleSwitchWithIcons = exports.ToggleSwitchInAnActiveState = exports.Interactive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ToggleSwitch = require("./ToggleSwitch");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var _EyeIcon = _interopRequireDefault(require("../../General/Icon/components/EyeIcon"));
-var _EyeSlashedIcon = _interopRequireDefault(require("../../General/Icon/components/EyeSlashedIcon"));
-var _default = {
-  title: 'Input/ToggleSwitch',
-  component: _ToggleSwitch.ToggleSwitch,
-  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(_ToggleSwitch.ToggleSwitch, args);
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  defaultActive: false
-};
-var ToggleSwitchWithIcons = function ToggleSwitchWithIcons() {
-  return /*#__PURE__*/_react["default"].createElement(_ToggleSwitch.ToggleSwitch, {
-    defaultActive: false,
-    iconOptions: {
-      active: _EyeIcon["default"],
-      inactive: _EyeSlashedIcon["default"]
-    }
-  });
-};
-exports.ToggleSwitchWithIcons = ToggleSwitchWithIcons;
-var ToggleSwitchInAnActiveState = function ToggleSwitchInAnActiveState() {
-  return /*#__PURE__*/_react["default"].createElement(_ToggleSwitch.ToggleSwitch, {
-    active: true
-  });
-};
-exports.ToggleSwitchInAnActiveState = ToggleSwitchInAnActiveState;

package/lib/Layout/Box/Box.stories.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.ResponsiveSpacing = exports.Interactive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _index = require("./index");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var S = _interopRequireWildcard(require("./BoxStoryStyle"));
-var _constants = require("./constants");
-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 _default = {
-  title: 'Layout/Box',
-  component: _index.Box,
-  argTypes: _constants.boxArgTypes,
-  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(S.GreyBackground, null, /*#__PURE__*/_react["default"].createElement(S.Box, args, /*#__PURE__*/_react["default"].createElement(S.Content, null, "Content")));
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;
-Interactive.args = {
-  p: 32,
-  m: 64
-};
-var ResponsiveSpacing = Template.bind({});
-exports.ResponsiveSpacing = ResponsiveSpacing;
-ResponsiveSpacing.args = {
-  p: {
-    "default": 32,
-    desktopS: 64
-  },
-  m: {
-    "default": 64,
-    desktopS: 32
-  }
-};
-ResponsiveSpacing.parameters = {
-  docs: {
-    description: {
-      story: "Resize the viewport to see the responsive padding and margin change\n\n      Following is the Breakpoint Aliases table for Responsive Space Object\n\n      | Alias    | Device         | Description                           |\n      |----------|----------------|---------------------------------------|\n      | default  | -              | define the base, non-responsive value |\n      | mobileS  | Mobile Small   | @media screen and (min-width: 320px)  |\n      | mobileM  | Mobile Medium  | @media screen and (min-width: 480px)  |\n      | mobileL  | Mobile Large   | @media screen and (min-width: 640px)  |\n      | tablet   | Tablet         | @media screen and (min-width: 768px)  |\n      | desktopS | Desktop Small  | @media screen and (min-width: 1024px) |\n      | desktopM | Desktop Medium | @media screen and (min-width: 1260px) |\n      | desktopL | Desktop Large  | @media screen and (min-width: 1440px) |\n      "
-    }
-  }
-};

package/lib/Layout/Flex/Flex.stories.js

@@ -1,39 +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 _index = require("./index");
-var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
-var S = _interopRequireWildcard(require("./FlexStoryStyle"));
-var _constants = require("../Box/constants");
-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 _default = {
-  title: 'Layout/Flex',
-  component: _index.Flex,
-  argTypes: (0, _extends2["default"])({
-    // to put prop at the top of table by giving empty object
-    flexDirection: {},
-    justifyContent: {},
-    alignItems: {},
-    flexWrap: {}
-  }, _constants.boxArgTypes, {
-    style: {
-      table: {
-        disable: true
-      }
-    }
-  }),
-  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(S.Flex, args, /*#__PURE__*/_react["default"].createElement(S.Item, null, "1"), /*#__PURE__*/_react["default"].createElement(S.Item, null, "2"), /*#__PURE__*/_react["default"].createElement(S.Item, null, "3"));
-};
-var Interactive = Template.bind({});
-exports.Interactive = Interactive;

package/lib/Navigation/Breadcrumb/Breadcrumb.stories.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = exports.Default = exports.BreadcrumbWithNoItemActive = exports.BreadcrumbWithFirstItemActive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Breadcrumb = require("./Breadcrumb");
-var _default = {
-  title: 'Navigation/Breadcrumb',
-  component: _Breadcrumb.Breadcrumb
-};
-exports["default"] = _default;
-var Template = function Template() {
-  return /*#__PURE__*/_react["default"].createElement(_Breadcrumb.Breadcrumb, null, /*#__PURE__*/_react["default"].createElement(_Breadcrumb.Breadcrumb.Item, null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: "/home"
-  }, "Home")), /*#__PURE__*/_react["default"].createElement(_Breadcrumb.Breadcrumb.Item, null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: "/jobs"
-  }, "Jobs")), /*#__PURE__*/_react["default"].createElement(_Breadcrumb.Breadcrumb.Item, {
-    active: true
-  }, /*#__PURE__*/_react["default"].createElement("a", {
-    href: "/software-engineer"
-  }, "Software Engineer")));
-};
-var Default = Template.bind({});
-exports.Default = Default;
-var BreadcrumbWithFirstItemActive = function BreadcrumbWithFirstItemActive() {
-  return /*#__PURE__*/_react["default"].createElement(_Breadcrumb.Breadcrumb, null, /*#__PURE__*/_react["default"].createElement(_Breadcrumb.Breadcrumb.Item, {
-    active: true
-  }, /*#__PURE__*/_react["default"].createElement("a", {
-    href: "/home"
-  }, "Home")), /*#__PURE__*/_react["default"].createElement(_Breadcrumb.Breadcrumb.Item, null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: "/jobs"
-  }, "Jobs")), /*#__PURE__*/_react["default"].createElement(_Breadcrumb.Breadcrumb.Item, null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: "/software-engineer"
-  }, "Software Engineer")));
-};
-exports.BreadcrumbWithFirstItemActive = BreadcrumbWithFirstItemActive;
-var BreadcrumbWithNoItemActive = function BreadcrumbWithNoItemActive() {
-  return /*#__PURE__*/_react["default"].createElement(_Breadcrumb.Breadcrumb, null, /*#__PURE__*/_react["default"].createElement(_Breadcrumb.Breadcrumb.Item, null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: "/home"
-  }, "Home")), /*#__PURE__*/_react["default"].createElement(_Breadcrumb.Breadcrumb.Item, null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: "/jobs"
-  }, "Jobs")), /*#__PURE__*/_react["default"].createElement(_Breadcrumb.Breadcrumb.Item, null, /*#__PURE__*/_react["default"].createElement("a", {
-    href: "/software-engineer"
-  }, "Software Engineer")));
-};
-exports.BreadcrumbWithNoItemActive = BreadcrumbWithNoItemActive;