linear-react-components-ui 1.1.20-beta.32 → 1.1.20-beta.33

package/lib/alerts/types.d.ts

@@ -1,51 +0,0 @@
-import { ReactNode } from 'react';
-import { PositionAlert } from '../@types/PositionAlert.js';
-import { IconNames } from '../@types/Icon.js';
-import '../icons/helper.js';
-
-type AlertContainerMethods = {
-    default: (messageConfig: DefaultMessageConfigType) => void;
-    info: (message: string, options: IMessageProps) => void;
-    custom: (message: string, options: IMessageProps) => void;
-    danger: (message: string, options: IMessageProps) => void;
-    warning: (message: string, options: IMessageProps) => void;
-    success: (message: string, options: IMessageProps) => void;
-};
-type DefaultMessageConfigType = {
-    message: string;
-    options: IMessageProps & {
-        type: 'info' | 'warning' | 'danger' | 'success';
-    };
-};
-interface IMessageProps {
-    id?: number;
-    position?: PositionAlert;
-    message?: string;
-    handleClose?: (id: number, position: string) => void;
-    className?: string;
-    closeButton?: boolean;
-    color?: string;
-    customClass?: string;
-    icon?: ReactNode | null;
-    iconName?: IconNames | null;
-    timeout?: number;
-    pauseTimeoutOnMouseHover?: boolean;
-}
-interface IBaseAlertProps {
-    children: ReactNode;
-}
-interface IAlertProviderProps {
-    children: ReactNode;
-}
-interface WithAlertContextProps {
-    alert?: AlertContainerMethods;
-}
-type GetClassParams = {
-    customClass?: string;
-    className?: string;
-};
-type MessagesState = {
-    [key: string]: Array<IMessageProps>;
-};
-
-export { AlertContainerMethods, DefaultMessageConfigType, GetClassParams, IAlertProviderProps, IBaseAlertProps, IMessageProps, MessagesState, WithAlertContextProps };

package/lib/alerts/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/lib/alerts/withAlert.d.ts

@@ -1,9 +0,0 @@
-import React__default from 'react';
-import { WithAlertContextProps } from './types.js';
-import '../@types/PositionAlert.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const withAlert: <ComponentProps extends WithAlertContextProps>(WrapperComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
-
-export { withAlert as default };

package/lib/alerts/withAlert.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const withAlert = WrapperComponent => {
-  const GetAlert = props => {
-    const {
-      alert
-    } = (0, _react.useContext)(_helpers.default);
-    return /*#__PURE__*/_react.default.createElement(WrapperComponent, _extends({}, props, {
-      alert: alert
-    }));
-  };
-  return GetAlert;
-};
-var _default = exports.default = withAlert;

package/lib/assets/styles/alerts.scss

@@ -1,149 +0,0 @@
-@import "colors.scss";
-@import "effects.scss";
-.transparentclass {
-  opacity: 0.3 !important;
-  background-color: #E0CABB;
-}
-
-.alert-component {
-  position: fixed;
-  z-index: 9999999;
-  > .messagecontainer {
-    height: 100%;
-    > .lefttop, > .leftbottom, > .rightbottom, .righttop, .centertop, .centerbottom {
-      position: fixed;
-      width: auto;
-      min-width: 20%;
-      max-width: 25%;
-    }
-    > .lefttop {
-      left: 0;
-      top: 0;
-    }
-    > .leftbottom {
-      left: 0;
-      bottom: 0;
-    }
-    > .centertop {
-      top: 0;
-      right: auto;
-      bottom: auto;
-      left: 50%;
-      transform: translate(-50%, 0%)
-    }
-    > .centerbottom {
-      top: auto;
-      right: auto;
-      bottom: 0;
-      left: 50%;
-      transform: translate(-50%, 0%)
-    }
-    > .righttop {
-      top: 0;
-      right: 0;
-      bottom: auto;
-      left: auto;
-    }
-    > .danger {
-      background-color: $danger-color;
-      color: $font-color-second;
-      &:hover, &:focus {
-        background-color: $danger-hover-color;
-      }
-    }
-    > .rightbottom {
-      right: 0;
-      bottom: 0;
-    }
-  }
-  .message {
-    display: flex;
-    flex-wrap: wrap;
-    width: 100%;
-    height: 100%;
-    min-height: 80px;
-    background: #FFF;
-    box-shadow: 2px 4px 10px rgba(0,0,0,0.1);
-    -webkit-box-shadow: 10px 2px 28px 1px rgba(0, 0, 0, 0.623);
-    -moz-box-shadow: 10px 2px 28px 1px rgba(0, 0, 0, 0.623);
-    box-shadow: 10px 2px 28px 1px rgba(0, 0, 0, 0.623);
-    margin-bottom: 2px;
-    animation: tinRightIn 1s forwards ease-in-out ;
-    animation: 1s ease-out 0s 1 tinUpIn;
-    > .-icon {
-      background: #455870;
-      display: flex;
-      flex: 3;
-      justify-content: center;
-      align-items: center;
-      color: #FFF;
-      margin: 0;
-      margin-left: -1px;
-    }
-    > .-messagecontent {
-      flex: 10;
-      padding-left: 1.5rem;
-      margin: 0;
-      display: flex;
-      align-items: center;
-      padding: 10px 10px 10px 15px;
-      font-family: 'Roboto';
-      font-weight: 400;
-      font-size: 16px;
-      color: #333333;
-      line-height: 22px;
-    }
-    > .close {
-      color: #455870;
-      display: flex;
-      flex: 1;
-      justify-content: center;
-      font-size: 1.2em;
-      transition: color .4s ease;
-      font-family: 'Roboto';
-      >.close-button {
-        cursor: pointer;
-        margin-top: 5px;
-        margin-right: 3px;
-        pointer-events: all;
-      }
-    }
-    &.-warning {
-      color: $warning-color;
-      &:hover, &:focus {
-        border-color: $warning-hover-color;
-      }
-      & .-icon {
-        background: $warning-color;
-      }
-    }
-    &.-danger {
-      font-weight: 600!important;
-      color: $danger-color;
-      &:hover, &:focus {
-        border-color: $danger-hover-color;
-      }
-      & .-icon {
-        background: $danger-color;
-      }
-    }
-    &.-success {
-      color: $success-color;
-      &:hover, &:focus {
-        border-color: $success-hover-color;
-      }
-      & .-icon {
-        background: $success-color;
-      }
-    }
-    &.-info {
-      color: $info-color;
-      &:hover, &:focus { 
-        border-color: $info-hover-color;
-      }
-      & .-icon {
-        background: $info-color;
-      }
-    }
-  }
-}

package/lib/assets/styles/avatar.scss

@@ -1,42 +0,0 @@
-.avatar-component {
-  color: rgb(255, 255, 255);
-  background-color: #e2e2e2;
-  user-select: none;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 20px;
-  border-radius: 100%;
-  height: 40px;
-  width: 40px;
-  top: 8px;
-  left: 16px;
-  > .imgavatar {
-    border-radius: 100%;
-    pointer-events: none;
-    object-fit: cover;
-    opacity: 1;
-  }
-  &.-square {
-    border-radius: 10%;
-    > .imgavatar {
-      border-radius: 10%;
-    }
-  }
-  &.-default {
-    width: 40px;
-    height: 40px;
-    > .imgavatar {
-      width: 40px;
-      height: 40px;
-    }
-  }
-  &.-mini {
-    width: 30px;
-    height: 30px;
-    > .imgavatar {
-      width: 30px;
-      height: 30px;
-    }
-  }
-}

package/lib/assets/styles/badge.scss

@@ -1,48 +0,0 @@
-@import "colors.scss";
-@import "commons.scss";
-.badge-component { 
-  position: relative;
-  display: inline-block;
-  .badge {
-    align-content: center;
-    align-items: center;
-    position: absolute;
-    top: -16px;
-    right: -11px;
-    font-weight: 500;
-    font-size: 12px;
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-    z-index: 1;
-    text-align: center;
-    font-weight: 600;
-    line-height: 24px;
-    &.-default {
-      background: $default-color;
-      color: $font-color-default;
-      border: 1px solid $component-border-color;
-    }
-    &.-primary {
-      background: $primary-color;
-      color: $font-color-second;
-    }
-    &.-warning {
-      background: $warning-color;
-      color: $font-color-second;
-    }
-    &.-danger {
-      background: $danger-color;
-      color: $font-color-second;
-    }
-    &.-success {
-      background: $success-color;
-      color: $font-color-second;
-    }
-    &.-info {
-      background: $info-color;
-      color: $font-color-second;
-    }
-  }
-}
-