intelicoreact 1.8.69 → 2.0.0

package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.scss

@@ -1,520 +0,0 @@
-@import "https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";
-
-$triggerHeight: 20px;
-$triggerWidth: 20px;
-$lineHeight: 4px;
-
-@keyframes shake {
-  10%,
-  90% {
-    transform: translate3d(-1px, 0, 0);
-  }
-
-  20%,
-  80% {
-    transform: translate3d(1px, 0, 0);
-  }
-
-  30%,
-  50%,
-  70% {
-    transform: translate3d(-2px, 0, 0);
-  }
-
-  40%,
-  60% {
-    transform: translate3d(2px, 0, 0);
-  }
-}
-
-.range-slider2 {
-  display: flex;
-  flex-direction: column;
-
-  width: 100%;
-  max-width: 100%;
-  margin-top: 16px;
-
-  .collision {
-    position: absolute;
-    z-index: 1;
-    top: calc($triggerHeight / 2 - 2px);
-
-    width: 0;
-    height: 4px;
-
-    font-size: 0;
-
-    opacity: 0;
-    border-radius: 5px;
-    background: #f06d8d;
-
-    &--visible {
-      opacity: 1;
-    }
-
-    &--left {
-      left: calc($triggerWidth / 2);
-
-      transform: translateX(-100%);
-    }
-
-    &--right {
-      left: calc($triggerWidth / 2);
-    }
-
-    &--both {
-      left: calc($triggerWidth / 2);
-
-      transform: translateX(-50%);
-    }
-  }
-
-  &__track {
-    position: relative;
-
-    display: flex;
-    align-items: center;
-
-    box-sizing: border-box;
-    height: $triggerHeight;
-
-    &__line {
-      position: absolute;
-      left: 0;
-
-      box-sizing: border-box;
-      width: 100%;
-      height: $lineHeight;
-
-      border-radius: 4px;
-      background: linear-gradient(270deg, #99c28c 0%, #f06d8d 100.94%);
-
-      &__dividers {
-        display: flex;
-
-        height: 100%;
-
-        &--item {
-          position: relative;
-
-          box-sizing: border-box;
-          width: 100%;
-
-          &:not(:last-child)::after {
-            position: absolute;
-            right: -1px;
-
-            width: 2px;
-            height: 100%;
-
-            content: "";
-
-            background: #ffffff66;
-          }
-        }
-      }
-
-      &__extremum {
-        &--min,
-        &--max {
-          position: absolute;
-          bottom: 0;
-
-          font-family: "Roboto";
-          font-size: 13px;
-          font-weight: 400;
-          font-style: normal;
-          line-height: 20px;
-
-          color: #1e1e2d;
-
-          transform: translateY(-22px);
-        }
-
-        &--min {
-          left: 0;
-        }
-
-        &--max {
-          right: 0;
-        }
-      }
-    }
-
-    &__range {
-      &-triggers {
-        position: absolute;
-        left: 0;
-
-        width: 100%;
-        height: 100%;
-
-        &--add-trigger {
-          position: absolute;
-          z-index: 1;
-
-          display: flex;
-
-          opacity: 0;
-
-          transition: opacity 0.3s;
-          transform: translateX(-50%);
-
-          &--fixed {
-            z-index: 999 !important;
-
-            opacity: 1 !important;
-          }
-
-          &--force-visible {
-            opacity: 1 !important;
-          }
-
-          &--moved-smoothly {
-            transition: all 0.3s;
-          }
-
-          &__point {
-            position: relative;
-            z-index: 3;
-
-            display: flex;
-            justify-content: center;
-            align-items: center;
-
-            box-sizing: border-box;
-            width: 20px;
-            height: 20px;
-            margin: 0 auto;
-
-            cursor: pointer;
-
-            border: 1px solid #6b81dd;
-            border-radius: 50%;
-            background: #f4f6ff;
-            box-shadow: 0 4px 4px 0 #0000001a;
-
-            transition: opacity 0.5s;
-
-            svg {
-              position: relative;
-
-              width: 16px;
-              height: 16px;
-
-              cursor: pointer;
-
-              color: #6b81dd;
-            }
-
-            &:before {
-              position: absolute;
-              top: calc(-100% - 13px);
-
-              font-family: "Roboto";
-              font-size: 13px;
-              font-weight: 400;
-              font-style: normal;
-              line-height: 20px;
-              content: attr(data-point-value);
-              white-space: nowrap;
-
-              color: #9aa0b9;
-            }
-
-            &--shake {
-              animation: shake 0.7s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-            }
-          }
-
-          &__settings {
-            position: absolute;
-            z-index: 999;
-
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-
-            min-width: 125px;
-            padding: 2px;
-
-            border-radius: 3px;
-            background: #ffffff;
-            box-shadow:
-              0px 0px 2px rgba(0, 0, 0, 0.15),
-              0px 4px 4px rgba(0, 0, 0, 0.05);
-
-            transform: translate(calc(-50% + $triggerWidth / 2), 0px);
-
-            &-body {
-              display: flex;
-              flex-direction: row;
-              justify-content: space-between;
-              align-items: center;
-
-              width: 100%;
-              margin-bottom: 4px;
-
-              &--assign-left,
-              &--assign-right {
-                display: flex;
-                flex-direction: row;
-                justify-content: center;
-                align-items: center;
-
-                box-sizing: border-box;
-                width: 22px;
-                height: 24px;
-
-                cursor: pointer;
-
-                border-radius: 3px;
-                background: #f4f6ff;
-
-                &[attr-is-active="true"] {
-                  border: 1px solid #6b81dd;
-                  border-radius: 3px;
-                  background: #e2e6f8;
-                }
-
-                svg {
-                  width: 16px;
-                  height: 16px;
-                }
-              }
-
-              &--lenders-count {
-                font-size: 13px;
-                line-height: 20px;
-
-                color: #1e1e2d;
-              }
-            }
-
-            &-actions {
-              display: flex;
-              flex-direction: row;
-              justify-content: space-between;
-
-              width: 100%;
-
-              &--cancel,
-              &--apply {
-                width: calc(100% - 4px);
-
-                font-size: 11px;
-                line-height: 20px;
-                cursor: pointer;
-                text-align: center;
-
-                color: #6b81dd;
-              }
-
-              &--apply {
-                color: #ffffff;
-                border-radius: 3px;
-                background: #6b81dd;
-              }
-            }
-          }
-
-          &__collision {
-            @extend .collision;
-          }
-        }
-
-        &--trigger {
-          position: absolute;
-          z-index: 3;
-          top: 50%;
-
-          width: $triggerWidth;
-          height: $triggerHeight;
-
-          transform: translate(-50%, -50%);
-
-          &__moving {
-            z-index: 2;
-          }
-
-          &__fixed {
-            pointer-events: none;
-          }
-
-          &__point {
-            position: absolute;
-            z-index: 10;
-
-            box-sizing: border-box;
-            width: $triggerWidth;
-            height: $triggerHeight;
-
-            cursor: move;
-
-            border: 1px solid #ffffff;
-            border-radius: 50%;
-            background: #6b81dd;
-            box-shadow: 0px 4px 6px rgb(0 0 0 / 20%);
-
-            &:before {
-              position: absolute;
-              top: calc(-100% - 13px);
-              left: 9px;
-
-              width: fit-content;
-
-              font-family: "Roboto";
-              font-size: 13px;
-              font-weight: 400;
-              font-style: normal;
-              line-height: 20px;
-              content: attr(data-point-value);
-              white-space: nowrap;
-
-              color: #1e1e2d;
-
-              transform: translateX(-50%);
-            }
-
-            &:after {
-              position: absolute;
-              top: 50%;
-              left: 50%;
-
-              width: 50%;
-              height: 50%;
-
-              content: "";
-
-              border-radius: 50%;
-              background: #e2e6f8;
-
-              transform: translate(-50%, -50%);
-            }
-
-            &--shake {
-              animation: shake 0.7s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-            }
-          }
-
-          &__collision {
-            @extend .collision;
-          }
-
-          &__actions {
-            position: absolute;
-            z-index: 9;
-            top: 0;
-            left: 0;
-
-            display: flex;
-            overflow: hidden;
-            justify-content: center;
-            align-items: flex-end;
-
-            box-sizing: border-box;
-            width: $triggerWidth;
-            height: 0;
-
-            opacity: 0;
-            border: 1px solid #ffffff;
-            border-radius: 16px;
-            background: #fff4f7;
-            box-shadow: 0px 2px 2px rgb(0 0 0 / 5%);
-
-            transition: all 0.3s;
-
-            &--hidden {
-              height: 0 !important;
-            }
-
-            &--remove {
-              position: relative;
-
-              display: flex;
-              justify-content: center;
-              align-items: center;
-
-              width: 20px;
-              height: 20px;
-
-              cursor: pointer;
-
-              color: #f06d8d;
-
-              transition: margin 0.5s;
-
-              &[is-hidden="true"] {
-                margin-top: -20px !important;
-              }
-
-              svg {
-                width: 16px;
-                height: 16px;
-              }
-            }
-          }
-
-          &__hidden &__point,
-          &__hidden &__collision,
-          &__hidden &__actions {
-            display: none;
-          }
-
-          &:hover &__point {
-            background: #4f68d1;
-          }
-
-          &:hover &__actions {
-            height: calc($triggerHeight * 2);
-
-            opacity: 1;
-          }
-        }
-      }
-    }
-
-    &__ranges-value {
-      position: absolute;
-
-      display: flex;
-
-      width: 100%;
-      height: 100%;
-
-      transform: translateY(calc(50% + 6px));
-
-      &--item {
-        position: absolute;
-
-        display: flex;
-
-        padding: 2px;
-
-        font-size: 13px;
-        line-height: 20px;
-        white-space: nowrap;
-
-        color: #1e1e2d;
-        border-radius: 3px;
-        background: #ffffff;
-        box-shadow:
-          0px 0px 2px rgba(0, 0, 0, 0.15),
-          0px 4px 4px rgba(0, 0, 0, 0.05);
-
-        transition: left 0.3s;
-        transform: translateX(-50%);
-      }
-    }
-  }
-
-  &:hover [class*="add-trigger"] {
-    opacity: 1;
-  }
-}
-
-.moving-cursor {
-  cursor: move !important;
-}

package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.interface.ts

@@ -1,13 +0,0 @@
-import type { ReactNode } from 'react';
-import type { IUniProps } from '../../../types/base.interface';
-
-export interface ISwitchableRowProps extends IUniProps {
-  RC?: string;
-  className?: string;
-  children?: ReactNode;
-  isActive: boolean,
-  setIsActive: (value: boolean) => void,
-  switcherLabel: string,
-  isSwitcherLabelBold?: boolean,
-  isIncludeOuterStyles?: boolean
-}

package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return a}});var e=require("react/jsx-runtime"),t=i(require("classnames"));require("react");var r=i(require("../Switcher/Switcher"));function i(e){return e&&e.__esModule?e:{default:e}}require("./SwitchableRow.scss");var s="switchable-row",a=function(i){var a=i||{},c=a.RC,l=void 0===c?s:c,d=a.className,n=a.children,u=a.isActive,o=a.setIsActive,v=a.switcherLabel,h=a.isSwitcherLabelBold,f=a.testId,b=void 0===f?s:f;return(0,e.jsxs)("div",{className:(0,t.default)(l,d),"data-testid":b,children:[(0,e.jsx)("div",{className:(0,t.default)("".concat(l,"__cell")),children:(0,e.jsx)(r.default,{isActive:u,onChange:o,isLabelBold:h,label:v,testId:"".concat(b,"-switcher")})}),n]})};

package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.scss

@@ -1,16 +0,0 @@
-.switchable-row {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-
-  &__cell {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: flex-start;
-    align-items: center;
-
-    box-sizing: border-box;
-    height: 100%;
-  }
-}

package/dist/Atomic/FormElements/SwitchableRow/partial/AnyOuterClass.scss

@@ -1,18 +0,0 @@
-@import "https://fonts.googleapis.com/css2?family=Sarabun&display=swap";
-
-.any-outer-class__switchable-row {
-  height: 40px;
-
-  .switchable-row__cell {
-    width: calc((100% - 200px) / 3);
-    padding: 8px 0;
-  }
-
-  .switchable-row__cell:first-of-type {
-    width: 200px;
-  }
-
-  .switchable-row__cell > div {
-    width: 90%;
-  }
-}

package/dist/Atomic/FormElements/Switcher/Switcher.interface.ts

@@ -1,15 +0,0 @@
-import type React from 'react';
-import type { IUniProps } from '../../../types/base.interface';
-
-export interface ISwitcherProps extends IUniProps {
-  isLabelBold?: boolean;
-  disabled?: boolean;
-  isIncludeOuterStyles?: boolean;
-  label?: string;
-  className?: string;
-  isActive?: boolean;
-  hint?: React.ReactNode;
-  hintSide?: string;
-  testId?: string;
-  onChange: (value: boolean, event: any) => void;
-}

package/dist/Atomic/FormElements/Switcher/Switcher.js

@@ -1 +0,0 @@
-function e(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return r}});var t=require("react/jsx-runtime"),a=c(require("classnames"));require("react");var n=c(require("../../UI/Hint/Hint"));function c(e){return e&&e.__esModule?e:{default:e}}require("./Switcher.scss");var i="switcher",r=function(c){var r=c.label,s=c.className,l=c.isActive,u=c.disabled,d=c.onChange,o=c.isLabelBold,b=c.hint,_=c.hintSide,f=c.testId,h=void 0===f?"switcher":f;return(0,t.jsxs)("div",{"data-testid":h,className:(0,a.default)(i,s,e({},"".concat(i,"_disabled"),u)),children:[(0,t.jsxs)("button",{type:"button","data-testid":"".concat(h,"-button"),className:(0,a.default)("".concat(i,"__button")),disabled:u,onClick:function(e){return d(!l,e)},children:[(0,t.jsx)("div",{className:(0,a.default)("".concat(i,"__button-content"),e({},"".concat(i,"__button-content_active"),l)),children:(0,t.jsx)("div",{className:"".concat(i,"__ball")})}),r&&(0,t.jsx)("span",{className:(0,a.default)("".concat(i,"__label"),e({},"".concat(i,"__label_bold"),o)),children:r})]}),b&&(0,t.jsx)(n.default,{className:"".concat(i,"__hint"),hint:b,side:_})]})};

package/dist/Atomic/FormElements/Switcher/Switcher.scss

@@ -1,86 +0,0 @@
-@use "../../../scss/vars";
-
-.switcher {
-  &__button {
-    display: inline-flex;
-    align-items: center;
-
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: inherit;
-    font-style: inherit;
-    cursor: pointer;
-
-    color: inherit;
-  }
-
-  &_disabled {
-    pointer-events: none;
-
-    opacity: 0.5;
-  }
-
-  &__button-content {
-    box-sizing: border-box;
-    width: 26px;
-    min-width: 26px;
-    height: 16px;
-    padding: 1px;
-
-    border-radius: 8px;
-    background-color: rgba(vars.$color--gray, 0.5);
-
-    &_active {
-      background-color: vars.$color--primary;
-
-      .switcher__ball {
-        transform: translateX(calc(100% - 4px));
-      }
-    }
-  }
-
-  &__ball {
-    width: 14px;
-    height: 14px;
-
-    border-radius: 50%;
-    background-color: #fff;
-    box-shadow: 0 0 2px rgb(0 0 0 / 50%);
-
-    transition: transform 0.2s ease;
-  }
-
-  &__label {
-    margin-left: 4px;
-
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: inherit;
-    font-style: inherit;
-    line-height: 24px;
-    user-select: none;
-    text-align: left;
-
-    color: inherit;
-
-    &_bold {
-      font-weight: 500;
-    }
-  }
-
-  &__wrap {
-    display: inline-flex;
-    align-items: center;
-  }
-
-  &__hint {
-    margin-left: 5px;
-
-    .hint__button {
-      svg {
-        width: 16px;
-        min-width: 16px;
-      }
-    }
-  }
-}

package/dist/Atomic/FormElements/Switcher/index.ts

@@ -1,5 +0,0 @@
-import type { ISwitcherProps } from './Switcher.interface';
-import Switcher from './Switcher';
-
-export type { ISwitcherProps };
-export default Switcher;

package/dist/Atomic/FormElements/Switcher/partial/AnyOuterClass.scss

@@ -1,7 +0,0 @@
-.any-outer-class__switcher {
-  font-size: 12px;
-  font-style: normal;
-  line-height: 20px;
-
-  color: #1e1e2d;
-}

package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.interface.ts

@@ -1,24 +0,0 @@
-import type { IUniProps } from '../../../types/base.interface';
-
-interface ICheckboxItem {
-  id: string | number;
-  label?: string;
-  disabled?: boolean;
-  testId?: string;
-}
-
-export interface ISwitcherCheckboxProps extends IUniProps {
-  label: string;
-  hint?: string;
-  items?: ICheckboxItem[];
-  value?: (string | number)[];
-  className?: string;
-  isLabelBold?: boolean;
-  isActive?: boolean;
-  hintSide?: string;
-  disabled?: boolean;
-  hideChildren?: boolean;
-  isIncludeOuterStyles?: boolean;
-  onSwitcherChange?: (value: boolean) => void;
-  onChange?: (value: (string | number)[]) => void;
-}