sag_components 1.0.1021 → 1.0.1022

package/dist/stories/components/EventListItem/EventListItem.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.EventListItem = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _LinkButton = _interopRequireDefault(require("../LinkButton/LinkButton"));
-var _EventListItem = require("./EventListItem.style");
-const EventListItem = props => {
-  const {
-    eventName,
-    period,
-    width,
-    height,
-    selectTextColor,
-    onClick
-  } = props;
-  const handleOnClick = event => {
-    onClick({
-      eventName,
-      event
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement(_EventListItem.EventListItemControlsContainer, {
-    height: height,
-    width: width
-  }, /*#__PURE__*/_react.default.createElement(_EventListItem.Period, {
-    className: "Period"
-  }, period), /*#__PURE__*/_react.default.createElement(_EventListItem.EventName, {
-    className: "EventName"
-  }, eventName), /*#__PURE__*/_react.default.createElement(_EventListItem.SelectButtonContainer, null, /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
-    size: "medium",
-    text: "Select",
-    rightIcon: "Select",
-    textColor: selectTextColor,
-    onClick: handleOnClick
-  })));
-};
-exports.EventListItem = EventListItem;
-var _default = exports.default = EventListItem;
-EventListItem.defaultProps = {
-  eventName: '',
-  period: 'DD.MM.YYYY - DD.MM.YYYY',
-  width: 'auto',
-  height: 'auto',
-  selectTextColor: '#212121',
-  onClick: () => {}
-};

package/dist/stories/components/EventListItem/EventListItem.stories.js

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ExampleEventListItem = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _EventListItem = require("./EventListItem");
-var _default = exports.default = {
-  title: 'SAG BI/EventListItem',
-  component: _EventListItem.EventListItem,
-  tags: ['autodocs'],
-  argTypes: {
-    eventName: {
-      name: 'eventName',
-      control: {
-        type: 'text'
-      },
-      description: ''
-    },
-    period: {
-      name: 'period',
-      control: {
-        type: 'text'
-      },
-      description: 'With this format DD.MM.YYYY'
-    },
-    width: {
-      name: 'width',
-      control: {
-        type: 'text'
-      },
-      description: 'width of the control (in px or %)'
-    },
-    height: {
-      name: 'height',
-      control: {
-        type: 'text'
-      },
-      description: 'height of the control (in px or %)'
-    },
-    selectTextColor: {
-      name: 'selectTextColor',
-      description: 'Sets the select TextColor ',
-      control: {
-        type: 'color',
-        presetColors: ['#ffffff', '#ff0000', '#00ff00', '#0000ff']
-      }
-    },
-    onClick: {
-      action: 'onClick',
-      description: 'returns an event click object when user clicks on a button'
-    }
-  }
-};
-const ExampleEventListItem = exports.ExampleEventListItem = {
-  args: {
-    eventName: 'Large Selling Event #10 POD3 Weeks 37 and 38 and #10 POD3 Weeks 39 and 40',
-    period: '10.08.2023 - 09.09.2023',
-    selectTextColor: '#229E38',
-    width: '400px',
-    height: '160px'
-  }
-};

package/dist/stories/components/EventListItem/EventListItem.style.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectButtonContainer = exports.Period = exports.EventName = exports.EventListItemControlsContainer = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-const EventListItemControlsContainer = exports.EventListItemControlsContainer = _styledComponents.default.div`
-  position: relative;
-  font-family: "Poppins", sans-serif;
-  width: ${props => props.width};
-  height: ${props => props.height};
-  display: flex;
-  flex-direction: column;
-  align-content: center;
-  background-color: #ffffff;
-  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-  padding: 20px;
-  border-radius: 12px;
-`;
-const EventName = exports.EventName = _styledComponents.default.span`
-  font-size: 16px;
-  @media (max-width: 1536px) {
-    font-size: 14px;
-  }
-`;
-const Period = exports.Period = _styledComponents.default.span`
-  color: #b1b1b1;
-  font-size: 16px;
-  margin-bottom: 8px;
-  @media (max-width: 1536px) {
-    font-size: 14px;
-  }
-`;
-const SelectButtonContainer = exports.SelectButtonContainer = _styledComponents.default.span`
-  font-size: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  margin-top: auto;
-  gap: 8px;
-  color: ${props => props.selectTextColor};
-  @media (max-width: 1536px) {
-    font-size: 14px;
-  }
-`;

package/dist/stories/components/FilterContainer/FilterContainer.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FilterContainer = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _FilterContainer = require("./FilterContainer.style");
-const FilterContainer = exports.FilterContainer = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    itemClass,
-    nodeRef,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_FilterContainer.FilterDivContainer, {
-    className: itemClass,
-    style: {
-      width: '100%',
-      height: '100%'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: props.className,
-    ref: nodeRef
-  }, props.children));
-});
-FilterContainer.propTypes = {};
-FilterContainer.defaultProps = {};
-var _default = exports.default = FilterContainer;

package/dist/stories/components/FilterContainer/FilterContainer.stories.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SmallContainedStyle = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _FilterContainer = require("./FilterContainer");
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-var _default = exports.default = {
-  title: 'Sag BI/FilterContainer',
-  component: _FilterContainer.FilterContainer,
-  tags: ['autodocs'],
-  argTypes: {}
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_FilterContainer.FilterContainer, args);
-const SmallContainedStyle = exports.SmallContainedStyle = {
-  args: {
-    width: 350,
-    height: 950
-  }
-};

package/dist/stories/components/FilterContainer/FilterContainer.style.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FilterFooterContent = exports.FilterDivContent = exports.FilterDivContainer = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-const FilterDivContainer = exports.FilterDivContainer = _styledComponents.default.div`
-    width: 100%;
-    height:100%;
-    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
-    border-radius: 12px;
-    display: grid;
-    background-color: white;
-`;
-const FilterDivContent = exports.FilterDivContent = _styledComponents.default.div`
-    width: 100%;
-    padding-top: 40px;
-    height: 90%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    > div {
-        margin: 25px;
-    }
-`;
-const FilterFooterContent = exports.FilterFooterContent = _styledComponents.default.div`
-    height: 10%;
-`;