@bonlineza/luxity-lib 2.30.3 → 2.31.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bonlineza/luxity-lib",
-  "version": "2.30.3",
+  "version": "2.31.1",
   "scripts": {
     "start": "start-storybook -p 9001 -c .storybook -s ./public",
     "clean": "rimraf ./build/*.*",
@@ -76,7 +76,7 @@
     "@storybook/preset-create-react-app": "^3.1.4",
     "@storybook/react": "^6.5.9",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
-    "autoprefixer": "^9.8.6",
+    "autoprefixer": "^10.4.17",
     "axios": "^0.19.2",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.1.0",
@@ -91,7 +91,7 @@
     "babel-preset-env": "^1.7.0",
     "babel-preset-react": "^6.24.1",
     "css-loader": "^1.0.0",
-    "cssnano": "^4.1.10",
+    "cssnano": "^6.0.3",
     "enzyme": "^3.11.0",
     "eslint": "^6.8.0",
     "eslint-config-airbnb": "17.1.1",
@@ -111,7 +111,7 @@
     "lint-staged": "^7.3.0",
     "moxios": "^0.4.0",
     "npm-run-all": "^4.1.1",
-    "postcss": "^6.0.23",
+    "postcss": "^8.4.33",
     "prettier": "^1.19.1",
     "react": "^17.0.2",
     "react-docgen": "^4.1.1",
@@ -122,7 +122,7 @@
     "react-test-renderer": "^16.13.1",
     "rollup": "^1.32.1",
     "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-sass": "^1.2.2",
+    "rollup-plugin-sass": "^1.12.21",
     "style-loader": "^0.23.1",
     "styled-components": "^5.1.1",
     "typescript": "^3.9.7",

package/CHANGELOG.md

@@ -1,285 +0,0 @@
-## Changelog
-
-### 2.30.1
-- adding a class name prop for the buttons on the communications preference components.
-- removing the default section header on communication preferences.
-
-### 2.30.0
-- Components added:
-  - `CommunicationPreferences` 
-  - `CommunicationPreferenceSection` 
-  - `CommunicationPreferenceOptionRenderer`
-
-### 2.29.1
-- Allow the search input container to auto focus on render
-
-### 2.29.0
-- Removed models and materials filtering from `Style Selector`
-- Showing brands as multiselect instead of dropdown on `Add Interest` form
-
-### 2.28.0
-Removed models and materials select from `Add Interest`
-
-### 2.27.0
-Add click event on Sidebar of `Rarestep Header`
-
-### 2.26.0
-Once user click on Menu Items Nav will closed `Rarestep Header`
-
-### 2.25.0
-User icon show when it present in `Rarestep Header`
-
-### 2.24.0
-Reduce padding and size of X of `Rarestep Header`
-
-### 2.23.0
-- All items are capitalize headers in `RarestepHeader`
-
-### 2.22.0
-- Add More Navigation Specific for `RarestepHeader`
-
-### 2.21.0
-- Capitalize all headers in `RarestepHeader`
-
-### 2.20.0
-- Move rarestep dropdown brands to header
-
-### 2.19.0
-- Show tiktok icon on `RareStepFooter`
-
-### 2.18.5
-- Allow `RareStepHeader` brands on menu dropdown to be clickable
-
-### 2.18.4
-- Replace `CurrencyInputFormatter` with custom code
-
-### 2.18.3
-- Only show the scroll bar on the `RareStepHeader` side nav when there is scrollable content
-
-### 2.18.2
-- Reduce `RareStepFooter` link font size
-
-### 2.18.1
-- Ensure RareStep SubMenuLink opens SubMenu instead of opening link
-
-### 2.18.0
-- Passing brands, models and materials to the styles graphql query to filter out styles that don't match up to the selected brands, models and materials.
-
-### 2.17.5
-- Open RareStep social media links in a new tab
-
-### 2.17.4
-- Fix stretching of `RareStepFooter` and `RareStepHeader` logo images
-
-### 2.17.3
-- Set a static height size for images on the desktop dropdown menu
-
-### 2.17.2
-- Made links on `RareStepHeader` dropdown clickable
-
-### 2.17.1
-- Aligned `SellToUsLink` with `HeaderIcon`
-
-### 2.17.0
-- Update `HeaderLogo` dimensions
-- Update `HeaderIcon` dimensions
-- Show dropdown on hover of user icon in the header
-
-### 2.16.0
-- Removed unused links from `RareStepFooter` and `RareStepHeader` components 
-- Centre aligned the logo on `RareStepHeader` mobile
-- Changed background color of search container of `RareStepHeader` mobile
-- `RareStepHeader` now accepts handleOnCartClick function to  navigate to cart page 
-
-### 2.15.1
-- Ensure dropdown search fills page width
-- Make `RareStepFooter` and `RareStepHeader` logo clickable
-### 2.15.0
-- Adds sliding animation to `RareStepHeader` on mobile 
-- Change props to camel case for `RareStepFooter` and `RareStepHeader` components 
-
-### 2.14.0
-- Made `RareStepFooter` and `RareStepHeader` components responsive
-
-### 2.13.1
-- Changed interest page heading from `My Interests` to `Interests`.
-
-### 2.13.0
-- Removed `LuxityLoader` component 
-
-### 2.12.0
-- Added a `RareStepHeader` and `RareStepFooter` components
-
-### 2.11.0
-- Components added:
-  -- `GraphQLDropdownSelector`, `LuxityGraphQLDropdownSelector`, `MaterialSelector`, and `ModelSelector`
-- Added models and materials select form fields to add interests.
-
-### 2.10.0
-- Added a `LuxityLoader` component
-### 2.9.2
-- Ensure the search icon is not cutting off
-
-### 2.9.1
-- Ensure the interest categories wrap on small screen
-
-### 2.9.0
-- Added clothing as an interest item
-### 2.8.0
-- Breaking - `CurrencyInput` component renamed to `CurrencyInputFormatter`
-- CurrencyInputFormatter props `onChange, value, prefix, allowNegativeValue,
-  groupSeparator,
-  decimalSeparator,`
-- upgrade react to react 17.0.2
-- upgrade storybook
-- remove storybook-readme
-
-### 2.7.5
-- Change color of the active Interest category
-when adding item as interest
-### 2.7.4
-- Bug fix for IOS, extra space showing on `InterestItem`
-### 2.7.3
-- Fix container alignment of `AddInterest` and `InterestItem` so they match
-- Center alignment trash icon in `InterestItem` 
-### 2.7.2
-- Dont show `MyInterestTitleHeading` if don't have interest items
-### 2.7.1
-- Change svg colors from pink to black
-### 2.7.0 
-- `AddInterest` and `InterestItem` have a new design that does not use the `Accordion` component
-- Can add a watch as interest 
-### 2.6.2
-- Limit the width of the title of `InterestItem` so that it does not overlap with trash icon
-### 2.6.1 
-- Upgrade `@bonlineza/b-lib` to v3.2.2
-
-### 2.6.0
-- `InterestItem` now has a delete button next to the interest title
-### 2.5.4
-- Changed background color on `Add Interest` component buttons to black with white text
-### 2.5.3
-- Changed text color on `Add Interest` component buttons
-
-### 2.5.2
-- `Notify` component now includes a warning function
-### 2.5.1
-- change base color from pink to black
-### 2.5.0
-- `Accordion` component now accepts defaultHeight as a prop
-### 2.4.0
-- Formatted `mark` data for `RangeSlider` 
-### 2.3.0
-- Changed `title` prop on `Accordion` to include support for Component rendering
-### 2.2.0
-- Add `DummyAccordion` component that looks like an `Accordion` only with a button-like behaviour
-- Remove bundle conversion of Flow types to prop-types
-- Strip 'prop-types' from exported bundles (removed the 'prop-types' Dependency)
-- Add `SvgWrapper` as exported component
-- Include `svgs` in package - can now import them induvidually as `@bonlineza/luxity-lib/svg/Add`
-- Update all packages
-- include `package-lock.json` file
-- Update `Tooltip` - allow passing custom classes for `containerClassName` and `bodyClassName`
-- Update `TextButton` - add default `type` prop as 'button' to prevent unintended form submissions
-
-### 2.1.1
-- Update `CountryCodeSelect` change the value that is used in the onChange callback
-
-### 2.1.0
-- Add components: `CountryCodeSelect` and `ReactSelectWrapper`
-
-### 2.0.3
-- Fix: prevent event from being passed into the `closeAccordion` function
-
-### 2.0.2
-- Fix: export `constants` properly - can now import directly from: `@bonlineza/luxity-lib/constants`
-
-### 2.0.1
-- Add fade transition to for `ShoeSizeTypeSelector` to improve ux
-
-### 2.0.0
-- Amend version to `2.0.0` for sanity due to the last feature being a breaking change
-
-### 1.3.0
-- Correct versioning of package due to `shoe-size-type` feature being a breaking 
-change
-
-### 1.2.9
-- Add functionality to choose size type for the `ShoeSelector` in the 
-`AddInterest` component due to spec changes. Add prop `shoe_size_type` to
-payload of of request for adding an interest
-- Add default check functionality for `RadioButton` component
-- Update tests for `RadioButton` and `InterestItem`
-- Correct prop definition `SimpleErrorBoundary` which was preventing `yarn docs`
-from creating an `md` file for that component
-
-### 1.2.8
-- Surround `InterestItem` with `SimpleErrorBoundary`
-- Add sanity to the `getShoeSize` output
-- Export `gender` constants
-
-### 1.2.7
-- Change Full Size Range Button in Add Interest inverted button
-
-### 1.2.6
-- Remove deselectAll from AddInterest
-- Fix infinite loop of CheckboxButton
-- Remove reference props in GenderSelector
-- Update test for CheckboxButton
-
-### 1.2.4
-- Change InterestItem to use the 'title' prop and add test
-
-### 1.2.3
-- Refactor styles of InterestItem so it looks the way it is required to look
-- Fix logic for deselecting brands and styles for GraphQLMultiSelector when a category changes
-- Add forwardRef logic to themed function
-
-### 1.2.2
-- Fix InterstItem render that uses new 'name' prop from Styles
-
-### 1.2.1
-- Fix Border Style for NotificationDropdown
-- Change deleteInterest prop to `deleteInterestApi` to better describe it
-
-### 1.2.0
-- No Longer Exporting: BrandSelector and AddInterest
-- Added Component: Interests
-
-### 1.1.1
-- Fix RangeSlider: Tooltip component receives correct props
-
-### 1.1.0
-- Added Components:
-   - AddInterest
-   - BrandSelector
-   - CurrencyInput
-   - GraphQLMultiSelector
-   - InterestCatSelector
-   - InterestItem
-   - LuxityGraphQLMultiSelector
-   - LuxityPageReady
-   - StyleSelector
-   - RangeSlider
-   - ShoeSizeSelector
-   - PriceRangeSelector
-- Added List of Helper functions to the Readme
-- Added Development guide to the Readme
-- Added Publishing Guide to the Readme
-
-### 1.0.0
-- Breaking Change: Reworked Button 'variant' prop into individual Components
-- Removed Generic Button component
-- New Button components: PrimaryButton, SecondaryButton, TextButton, InvertedTextButton, WrapperButton
-- Added SVG components (see README for full List)
-
-### 0.1.2
-- Updated `styled-components` version to v5
-
-### 0.1.1
-- Moved `styled-components` to dev and peer-dependencies as it is a host project requirement
-
-### 0.1.0
-- Added Components: Checkbox, RadioButtons, Tooltip
-- Added generated ocumentation for components
-- Added Element: Button

package/CreateRarestepInterest.js

@@ -1,85 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) :
-  typeof define === 'function' && define.amd ? define(['react'], factory) :
-  (global = global || self, global.CreateRarestepInterest = factory(global.React));
-}(this, (function (React) { 'use strict';
-
-  var React__default = 'default' in React ? React['default'] : React;
-
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-  }
-
-  function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
-
-  function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"] != null) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-
-    return _arr;
-  }
-
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-    return arr2;
-  }
-
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  var CreateRarestepInterest = function CreateRarestepInterest() {
-    var _useState = React.useState(null),
-        _useState2 = _slicedToArray(_useState, 2),
-        state = _useState2[0],
-        setState = _useState2[1];
-
-    React.useEffect(function () {
-      setState(1);
-    }, []);
-    console.log(state);
-    return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-      className: "test"
-    }, /*#__PURE__*/React__default.createElement("h1", null, "Hie")));
-  };
-
-  return CreateRarestepInterest;
-
-})));

package/RarestepAddInterests.js

@@ -1,118 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components')) :
-  typeof define === 'function' && define.amd ? define(['react', 'styled-components'], factory) :
-  (global = global || self, global.RarestepAddInterests = factory(global.React, global.styled));
-}(this, (function (React, styled) { 'use strict';
-
-  var React__default = 'default' in React ? React['default'] : React;
-  var styled__default = 'default' in styled ? styled['default'] : styled;
-
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
-  function _taggedTemplateLiteral(strings, raw) {
-    if (!raw) {
-      raw = strings.slice(0);
-    }
-
-    return Object.freeze(Object.defineProperties(strings, {
-      raw: {
-        value: Object.freeze(raw)
-      }
-    }));
-  }
-
-  var _templateObject;
-  var AddInterestWrapper = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n   {\n    background-color: ", ";\n  }\n"])), function (props) {
-    return props.theme.rareStepColors.ntrl50;
-  });
-
-  var theme = {
-    breakpoints: ['40em', '52em', '64em'],
-    space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
-    fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
-    marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
-    letterSpacings: ['-0.5px', '0px', '+0.5px'],
-    radii: ['0px', '2px', '4px', '8px'],
-    borderRadius: '6px',
-    colors: {
-      primary: '#000',
-      base: '#4e4949',
-      baseLt: '#817c7c',
-      borderColor: '#d8d8d8',
-      ntrlMin: '#fff',
-      ntrlMinTen: '#e6e6e6',
-      gray: '#efefef',
-      darkerGray: '#454141'
-    },
-    rareStepColors: {
-      primary: '#202b58',
-      secondary: '#ef5c2d',
-      ntrlMin: '#ffffff',
-      ntrl40: '#f4f4f4',
-      ntrl50: '#808080',
-      ntrl60: '#e8e8e8',
-      ntrl70: '#252525',
-      ntrlMax: '#000000'
-    },
-    rareStepFontWeights: {
-      normal: 400,
-      medium: 500,
-      semiBold: 600,
-      bold: 700
-    },
-    rareStepFontSize: {
-      h1: '36px',
-      h2: '30px',
-      h3: '24px',
-      h4: '20px',
-      h5: '16px',
-      h6: '14px',
-      footerTitle: '16px'
-    },
-    rareStepPageSizes: {
-      mobile: '500px',
-      tablet: '768px',
-      desktop: '992px',
-      screenl: '1280px',
-      screenxl: '1680px',
-      screenxxl: '1920px',
-      container: '1600px'
-    }
-  };
-
-  var themed = (function (Component) {
-    return /*#__PURE__*/React.forwardRef(function (props, ref) {
-      return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
-        theme: theme
-      }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
-        ref: ref
-      })));
-    });
-  });
-
-  var RarestepAddInterest = function RarestepAddInterest() {
-    return /*#__PURE__*/React__default.createElement(AddInterestWrapper, null, /*#__PURE__*/React__default.createElement("div", {
-      className: "hello"
-    }, "Hello"));
-  };
-
-  var index = themed(RarestepAddInterest);
-
-  return index;
-
-})));

package/RarestepInterests.js

@@ -1,118 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components')) :
-  typeof define === 'function' && define.amd ? define(['react', 'styled-components'], factory) :
-  (global = global || self, global.RarestepInterests = factory(global.React, global.styled));
-}(this, (function (React, styled) { 'use strict';
-
-  var React__default = 'default' in React ? React['default'] : React;
-  var styled__default = 'default' in styled ? styled['default'] : styled;
-
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
-  function _taggedTemplateLiteral(strings, raw) {
-    if (!raw) {
-      raw = strings.slice(0);
-    }
-
-    return Object.freeze(Object.defineProperties(strings, {
-      raw: {
-        value: Object.freeze(raw)
-      }
-    }));
-  }
-
-  var _templateObject;
-  var AddInterestWrapper = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n   {\n    background-color: ", ";\n  }\n"])), function (props) {
-    return props.theme.rareStepColors.ntrl50;
-  });
-
-  var theme = {
-    breakpoints: ['40em', '52em', '64em'],
-    space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
-    fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
-    marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
-    letterSpacings: ['-0.5px', '0px', '+0.5px'],
-    radii: ['0px', '2px', '4px', '8px'],
-    borderRadius: '6px',
-    colors: {
-      primary: '#000',
-      base: '#4e4949',
-      baseLt: '#817c7c',
-      borderColor: '#d8d8d8',
-      ntrlMin: '#fff',
-      ntrlMinTen: '#e6e6e6',
-      gray: '#efefef',
-      darkerGray: '#454141'
-    },
-    rareStepColors: {
-      primary: '#202b58',
-      secondary: '#ef5c2d',
-      ntrlMin: '#ffffff',
-      ntrl40: '#f4f4f4',
-      ntrl50: '#808080',
-      ntrl60: '#e8e8e8',
-      ntrl70: '#252525',
-      ntrlMax: '#000000'
-    },
-    rareStepFontWeights: {
-      normal: 400,
-      medium: 500,
-      semiBold: 600,
-      bold: 700
-    },
-    rareStepFontSize: {
-      h1: '36px',
-      h2: '30px',
-      h3: '24px',
-      h4: '20px',
-      h5: '16px',
-      h6: '14px',
-      footerTitle: '16px'
-    },
-    rareStepPageSizes: {
-      mobile: '500px',
-      tablet: '768px',
-      desktop: '992px',
-      screenl: '1280px',
-      screenxl: '1680px',
-      screenxxl: '1920px',
-      container: '1600px'
-    }
-  };
-
-  var themed = (function (Component) {
-    return /*#__PURE__*/React.forwardRef(function (props, ref) {
-      return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
-        theme: theme
-      }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
-        ref: ref
-      })));
-    });
-  });
-
-  var RarestepAddInterest = function RarestepAddInterest() {
-    return /*#__PURE__*/React__default.createElement(AddInterestWrapper, null, /*#__PURE__*/React__default.createElement("div", {
-      className: "hello"
-    }, "Hello"));
-  };
-
-  var index = themed(RarestepAddInterest);
-
-  return index;
-
-})));