sag_components 1.0.1068 → 2.0.0-beta1

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

@@ -1,215 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextBeforeAndAfterValue = exports.RowTitle = exports.OutBanner = exports.OneRowContainer = exports.OneFieldsContainer = exports.MainContainer = exports.InfoTextLabel = exports.InfoTextContainer = exports.IconContainer = exports.FormattedValue = exports.FieldsContainer = exports.FieldTitleAndValueSubContainer = exports.FieldTitle = exports.ColumnLineSeporatorContainer = exports.ColumnLineSeporator = exports.AllRowsContainer = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-const scrollableStyles = `
-  overflow-y: auto;
-
-  &::-webkit-scrollbar {
-    width: 8px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: #E8E8E8;
-    border-radius: 5px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: #D0D0D0;
-    border-radius: 5px;
-  }
-`;
-const MainContainer = exports.MainContainer = _styledComponents.default.div`
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  font-family: "Poppins", sans-serif;
-  font-style: normal;
-  font-size: 1rem;
-  border-radius: 12px;
-  padding: 10px;
-  width: ${props => props.width};
-  height: ${props => props.height};
-  overflow: auto;
-  ${scrollableStyles}
-`;
-const RowTitle = exports.RowTitle = _styledComponents.default.h4`
-  display: flex;
-  justify-content: space-between;
-  font-weight: 500;
-  font-size: 18px;
-  margin: 5px 5px 5px 0;
-  @media (max-width: 1536px) {
-    font-size: 15px;
-  }
-  @media (max-width: 1366px) {
-    font-size: 12px;
-  }
-`;
-const AllRowsContainer = exports.AllRowsContainer = _styledComponents.default.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: flex-start;
-  width: 100%;
-  height: 100%;
-`;
-const OneRowContainer = exports.OneRowContainer = _styledComponents.default.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-`;
-const ColumnLineSeporatorContainer = exports.ColumnLineSeporatorContainer = _styledComponents.default.div`
-  display: flex;
-  flex-direction: column;
-  background-color: #b1b1b1;
-  align-items: center;
-  height: 1px;
-  width: 100%;
-  &.ColumnLineSeporatorContainer_vertical {  
-    margin: 0 30px;  
-    height: 100%;
-    width: 1px;
-  }
-  &.ColumnLineSeporatorContainer_horizontal {
-    margin: 30px 0;
-    min-height: 1px;
-    height: 1px;
-    width: 100%;
-  }
-`;
-const ColumnLineSeporator = exports.ColumnLineSeporator = _styledComponents.default.div`
-  min-width: 0.5px;
-  width: 0.5px;
-`;
-const FieldsContainer = exports.FieldsContainer = _styledComponents.default.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  white-space: nowrap;
-  height: 100%;
-  padding: 30px 0px;
-`;
-const OneFieldsContainer = exports.OneFieldsContainer = _styledComponents.default.div`
-  display: flex;
-  padding: 4px;
-  gap: 10px;
-  width: 100%;
-  justify-content: flex-start;
-  // padding: ${props => props.padding}; //0 0 0 40px;
-`;
-const FieldTitle = exports.FieldTitle = _styledComponents.default.h4`
-  font-size: 18px;
-  font-weight: 400;
-  margin: 0;
-  @media (max-width: 1536px) {
-    font-size: 14px;
-  }
-  @media (max-width: 1366px) {
-    font-size: 12px;
-  }
-`;
-const FormattedValue = exports.FormattedValue = _styledComponents.default.div`
-  font-weight: 400;
-  font-size: 40px;
-  display: flex;
-  align-items: baseline;
-  min-height: 40px;
-  gap: 2px;
-  @media (max-width: 1536px) {
-    font-size: 24px;
-  }
-  @media (max-width: 1366px) {
-    font-size: 20px;
-  }
-`;
-const TextBeforeAndAfterValue = exports.TextBeforeAndAfterValue = _styledComponents.default.span`
-  font-weight: 400;
-  font-size: 16px;
-  @media (max-width: 1536px) {
-    font-size: 14px;
-  }
-  @media (max-width: 1366px) {
-    font-size: 11px;
-  }
-`;
-const FieldTitleAndValueSubContainer = exports.FieldTitleAndValueSubContainer = _styledComponents.default.div`
-  display: flex;
-  justify-content: space-around;
-  flex-direction: column;
-  flex-wrap: wrap;
-  width: 100%;
-`;
-const InfoTextContainer = exports.InfoTextContainer = _styledComponents.default.div`
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  height: 100%; 
-  overflow:auto;
-`;
-const IconContainer = exports.IconContainer = _styledComponents.default.div`  
-  display: flex;  
-  padding: 5px 10px 0 0;
-  cursor:  pointer;  
-`;
-const InfoTextLabel = exports.InfoTextLabel = _styledComponents.default.div`
-  color: black;
-  font-size: 18px;
-  line-height: 24px;
-  font-weight: 400;
-  width: 100%;
-  overflow: auto;
-  ${scrollableStyles}
-  strong {
-    font-weight: 500;
-    color: #212121;
-    @media (max-width: 1536px) {
-    font-size: 14px;
-    }
-    @media (max-width: 1366px) {
-    font-size: 12px;
-    }
-  };
-  p1 {
-    font-weight: 400;
-    color: #726F6F;
-    @media (max-width: 1536px) {
-    font-size: 14px;
-    }
-    @media (max-width: 1366px) {
-    font-size: 12px;
-    }
-  };
-`;
-const OutBanner = exports.OutBanner = _styledComponents.default.div`
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  font-size: 14px;
-  font-weight: 400;
-  color: ${props => props.textColor};
-  cursor: pointer;
-  @media (max-width: 1536px) {
-    font-size: 13px;
-  }
-  @media (max-width: 1366px) {
-    font-size: 12px;
-  }
-  > svg {
-    width: 14px;
-    height: 14px;
-    @media (max-width: 1536px) {
-      width: 13px;
-      height: 13px;
-    }
-    @media (max-width: 1366px) {
-      width: 12px;
-      height: 12px;
-    }
-  }
-`;

package/dist/stories/components/Modal.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Modal = require("./Modal.style");
-const Modal = _ref => {
-  let {
-    isOpen,
-    onClose,
-    children
-  } = _ref;
-  if (!isOpen) return null;
-  return /*#__PURE__*/_react.default.createElement(_Modal.ModalOverlay, null, /*#__PURE__*/_react.default.createElement(_Modal.ModalContent, null, children, /*#__PURE__*/_react.default.createElement(_Modal.CloseButton, {
-    onClick: onClose
-  }, "Close")));
-};
-var _default = exports.default = Modal;

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

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SubmitButton = exports.ModalOverlay = exports.ModalContent = exports.CloseButton = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-const fadeIn = (0, _styledComponents.keyframes)`
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-`;
-const ModalOverlay = exports.ModalOverlay = _styledComponents.default.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index:999999;
-  background-color: rgba(0, 0, 0, 0.7);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  animation: ${fadeIn} 0.3s ease-in-out;
-`;
-const ModalContent = exports.ModalContent = _styledComponents.default.div`
-  background-color: #fff;
-  overflow: scroll;
-  padding: 20px;
-  border-radius: 8px;
-  width: 80%;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  animation: ${fadeIn} 0.5s ease-in-out;
-`;
-const CloseButton = exports.CloseButton = _styledComponents.default.button`
-  margin-top: 10px;
-  padding: 5px 15px;
-  border: none;
-  background-color: #333;
-  color: #fff;
-  cursor: pointer;
-  border-radius: 4px;
-  &:hover {
-    background-color: #555;
-  }
-`;
-const SubmitButton = exports.SubmitButton = _styledComponents.default.input`
-  margin-top: 10px;
-  margin-right: 10px;
-  padding: 5px 15px;
-  border: none;
-  background-color: #333;
-  color: #fff;
-  cursor: pointer;
-  border-radius: 4px;
-  &:hover {
-    background-color: #555;
-  }
-`;

package/dist/stories/components/ModalTotalBenchmark.js

@@ -1,224 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactHookForm = require("react-hook-form");
-var _propTypes = _interopRequireWildcard(require("prop-types"));
-var _Modal = _interopRequireDefault(require("./Modal"));
-var _CodeEditor = _interopRequireDefault(require("./CodeEditor"));
-var _TextField = _interopRequireDefault(require("./TextField"));
-var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-var _Modal2 = require("./Modal.style");
-var _TotalDoughnutChart = _interopRequireDefault(require("./TotalDoughnutChart"));
-var _ComponentFactory = _interopRequireDefault(require("../utils/ComponentFactory"));
-const ModalTotalBenchmark = _ref => {
-  let {
-    componentName,
-    title,
-    isModalOpen,
-    setModalOpen,
-    setResult
-  } = _ref;
-  const [params, setParams] = (0, _react.useState)([]);
-  const [code, setCode] = (0, _react.useState)('Select PACKAGE_COST,REDEMPTION_COST,(PACKAGE_COST+REDEMPTION_COST) AS TOTAL_COST,from FACT_EVENT_MEASURES A INNER JOIN DIM_EVENTS B ON A.EVENT_CODE = B.EVENT_CODE');
-  function getTypeName(type) {
-    if (type === _propTypes.default.string) {
-      return 'string';
-    }
-    if (type === _propTypes.default.number) {
-      return 'number';
-    }
-    if (type === _propTypes.default.bool) {
-      return 'bool';
-    }
-    if (type === _propTypes.default.array) {
-      return 'array';
-    }
-    if (type === _propTypes.default.object || type === _propTypes.default.arrayOf) {
-      return 'object';
-    }
-    if (type === _propTypes.default.func) {
-      return 'function';
-    }
-    if (type === _propTypes.default.symbol) {
-      return 'symbol';
-    }
-    if (type === _propTypes.default.any) {
-      return 'any';
-    }
-    return 'other';
-  }
-  function withPropTypeChecks(Component) {
-    const tempParams = [];
-    if (Component.propTypes) {
-      Object.keys(Component.propTypes).forEach(key => {
-        tempParams.push({
-          id: key,
-          label: key.replace(/([A-Z])/g, ' $1').replace(/^./, str => str.toUpperCase()),
-          type: getTypeName(Component.propTypes[key])
-        });
-      });
-    }
-    return tempParams;
-  }
-  (0, _react.useEffect)(() => {
-    const newParams = withPropTypeChecks((0, _ComponentFactory.default)(componentName));
-    setParams(newParams);
-  }, []);
-  const {
-    handleSubmit,
-    control,
-    formState: {
-      errors
-    }
-  } = (0, _reactHookForm.useForm)();
-  const onSubmit = data => setResult(data);
-  return /*#__PURE__*/_react.default.createElement("form", {
-    onSubmit: handleSubmit(onSubmit)
-  }, /*#__PURE__*/_react.default.createElement(_Modal.default, {
-    isOpen: isModalOpen,
-    onClose: () => setModalOpen(false)
-  }, /*#__PURE__*/_react.default.createElement("h2", null, title), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      gap: '10px',
-      display: 'grid'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_CodeEditor.default, {
-    value: code,
-    onChange: setCode
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      gap: '10px',
-      display: 'grid',
-      gridTemplateColumns: 'auto auto auto'
-    }
-  }, params.map(item => {
-    if (item.type === 'string' || item.type === 'number') {
-      return /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
-        key: item.id,
-        control: control,
-        name: item.id,
-        render: _ref2 => {
-          let {
-            field
-          } = _ref2;
-          return /*#__PURE__*/_react.default.createElement(_TextField.default, Object.assign({}, field, {
-            allowedInput: "all",
-            height: "100%",
-            label: item.label,
-            multiline: true,
-            placeHolder: "Type...",
-            shape: "round",
-            size: "small",
-            width: "300px"
-          }));
-        }
-      });
-    }
-    if (item.type === 'bool') {
-      return /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
-        key: item.id,
-        control: control,
-        name: item.id,
-        render: _ref3 => {
-          let {
-            field
-          } = _ref3;
-          return /*#__PURE__*/_react.default.createElement(_Dropdown.default, Object.assign({}, field, {
-            allowedInput: "all",
-            labelColor: "#1B30AA",
-            limitTagsOnMultiSelect: 0,
-            onInputChange: e => {
-              var _e$inputValue;
-              field.onChange((_e$inputValue = e === null || e === void 0 ? void 0 : e.inputValue) !== null && _e$inputValue !== void 0 ? _e$inputValue : '');
-            },
-            options: ['true', 'false'],
-            placeHolder: "Type...",
-            shape: "round",
-            size: "small",
-            text: item.label,
-            width: "300px"
-          }));
-        }
-      });
-    }
-    if (item.type === 'other') {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
-        key: item.id,
-        control: control,
-        name: `${item.id}Key`,
-        render: _ref4 => {
-          let {
-            field
-          } = _ref4;
-          return /*#__PURE__*/_react.default.createElement(_TextField.default, Object.assign({}, field, {
-            label: `${item.label}Key`,
-            text: `${item.label}Key`,
-            allowedInput: "all",
-            labelColor: "#1B30AA",
-            width: "300px",
-            height: "100%",
-            multiline: true,
-            placeHolder: "The Key",
-            shape: "round",
-            size: "small"
-          }));
-        }
-      }), /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
-        key: item.id,
-        control: control,
-        name: `${item.id}Args`,
-        render: _ref5 => {
-          let {
-            field
-          } = _ref5;
-          return /*#__PURE__*/_react.default.createElement(_TextField.default, Object.assign({}, field, {
-            label: `${item.label}Args`,
-            text: `${item.label}Args`,
-            allowedInput: "all",
-            labelColor: "#1B30AA",
-            width: "300px",
-            height: "100%",
-            multiline: true,
-            placeHolder: "The args",
-            shape: "round",
-            size: "small"
-          }));
-        }
-      }));
-    }
-    return /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
-      key: item.id,
-      control: control,
-      name: item.id,
-      render: _ref6 => {
-        let {
-          field
-        } = _ref6;
-        return /*#__PURE__*/_react.default.createElement(_Dropdown.default, Object.assign({}, field, {
-          allowedInput: "all",
-          labelColor: "#1B30AA",
-          limitTagsOnMultiSelect: 0,
-          onInputChange: e => {
-            var _e$inputValue2;
-            field.onChange((_e$inputValue2 = e === null || e === void 0 ? void 0 : e.inputValue) !== null && _e$inputValue2 !== void 0 ? _e$inputValue2 : '');
-          },
-          options: item.options,
-          placeHolder: "Type...",
-          shape: "round",
-          size: "small",
-          text: item.label,
-          width: "300px"
-        }));
-      }
-    });
-  }))), /*#__PURE__*/_react.default.createElement(_Modal2.SubmitButton, {
-    type: "submit"
-  })));
-};
-var _default = exports.default = ModalTotalBenchmark;

package/dist/stories/components/ModalTotalCost.js

@@ -1,139 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactHookForm = require("react-hook-form");
-var _Modal = _interopRequireDefault(require("./Modal"));
-var _CodeEditor = _interopRequireDefault(require("./CodeEditor"));
-var _TextField = _interopRequireDefault(require("./TextField"));
-var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-var _Modal2 = require("./Modal.style");
-const ModalTotalCost = _ref => {
-  let {
-    title,
-    isModalOpen,
-    setModalOpen,
-    setResult
-  } = _ref;
-  const [params, setParams] = (0, _react.useState)([{
-    id: 'title',
-    label: 'Title',
-    type: 'text'
-  }, {
-    id: 'dotCut',
-    label: 'Do Cut',
-    type: 'select',
-    options: ['true', 'false']
-  }, {
-    id: 'currency',
-    label: 'Currency',
-    type: 'select',
-    options: ['true', 'false']
-  }, {
-    id: 'currencyType',
-    label: 'Currency Type',
-    type: 'select',
-    options: ['USD', 'EUR', 'ILS', 'GBP', 'JPY']
-  }, {
-    id: 'width',
-    label: 'Width',
-    type: 'text'
-  }, {
-    id: 'height',
-    label: 'Height',
-    type: 'text'
-  }, {
-    id: 'textColor',
-    label: 'Text Color',
-    type: 'text'
-  }, {
-    id: 'noDataText',
-    label: 'No Data Text',
-    type: 'text'
-  }]);
-  const [code, setCode] = (0, _react.useState)('Select PACKAGE_COST,REDEMPTION_COST,(PACKAGE_COST+REDEMPTION_COST) AS TOTAL_COST,from FACT_EVENT_MEASURES A INNER JOIN DIM_EVENTS B ON A.EVENT_CODE = B.EVENT_CODE');
-  const {
-    register,
-    handleSubmit,
-    watch,
-    control,
-    formState: {
-      errors
-    }
-  } = (0, _reactHookForm.useForm)();
-  const onSubmit = data => setResult(data);
-  return /*#__PURE__*/_react.default.createElement("form", {
-    onSubmit: handleSubmit(onSubmit)
-  }, /*#__PURE__*/_react.default.createElement(_Modal.default, {
-    isOpen: isModalOpen,
-    onClose: () => setModalOpen(false)
-  }, /*#__PURE__*/_react.default.createElement("h2", null, title), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      gap: '10px',
-      display: 'grid'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_CodeEditor.default, {
-    value: code,
-    onChange: setCode
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      gap: '10px',
-      display: 'grid',
-      gridTemplateColumns: 'auto auto auto'
-    }
-  }, params.map(item => {
-    if (item.type === 'text') {
-      return /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
-        control: control,
-        name: item.id,
-        render: _ref2 => {
-          let {
-            field
-          } = _ref2;
-          return /*#__PURE__*/_react.default.createElement(_TextField.default, Object.assign({}, field, {
-            allowedInput: "all",
-            height: "100%",
-            label: item.label,
-            multiline: true,
-            placeHolder: "Type...",
-            shape: "round",
-            size: "small",
-            width: "300px"
-          }));
-        }
-      });
-    }
-    return /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
-      control: control,
-      name: item.id,
-      render: _ref3 => {
-        let {
-          field
-        } = _ref3;
-        return /*#__PURE__*/_react.default.createElement(_Dropdown.default, Object.assign({}, field, {
-          allowedInput: "all",
-          labelColor: "#1B30AA",
-          limitTagsOnMultiSelect: 0,
-          onInputChange: e => {
-            var _e$inputValue;
-            field.onChange((_e$inputValue = e === null || e === void 0 ? void 0 : e.inputValue) !== null && _e$inputValue !== void 0 ? _e$inputValue : '');
-          },
-          options: item.options,
-          placeHolder: "Type...",
-          shape: "round",
-          size: "small",
-          text: item.label,
-          width: "300px"
-        }));
-      }
-    });
-  }))), /*#__PURE__*/_react.default.createElement(_Modal2.SubmitButton, {
-    type: "submit"
-  })));
-};
-var _default = exports.default = ModalTotalCost;