@selfdecode/sd-component-library 3.0.19 → 3.0.22

package/lib/2475490b1273c89fe9c25a6737e253ed.svg

@@ -0,0 +1,26 @@
+<!-- Appears with the stroke -->
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="18"
+  height="18.828"
+  viewBox="0 0 18 18.828"
+>
+  <g transform="translate(1 1.414)">
+    <path
+      d="M23.5,18H7.5"
+      transform="translate(-7.5 -10)"
+      fill="none"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+    />
+    <path
+      d="M26,7.5l-8,8,8,8"
+      transform="translate(-18 -7.5)"
+      fill="none"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+    />
+  </g>
+</svg>

package/lib/components/buttons/partials/goto-button/assets/arrow-right.svg

@@ -1,6 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16.243" viewBox="0 0 15 16.243">
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="15"
+  height="16.243"
+  viewBox="0 0 15 16.243"
+>
   <g id="arrow_right" transform="translate(0.5 -9.879)">
-    <path id="Path_86" data-name="Path 86" d="M18,24l6-6-6-6" transform="translate(-11)" fill="none" stroke="#4568f9" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
-    <path id="Path_87" data-name="Path 87" d="M12,18H24" transform="translate(-11)" fill="none" stroke="#4568f9" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
+    <path id="Path_86" data-name="Path 86" d="M18,24l6-6-6-6" transform="translate(-11)" fill="none" stroke="#4568f9"
+          stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
+    <path id="Path_87" data-name="Path 87" d="M12,18H24" transform="translate(-11)" fill="none" stroke="#4568f9"
+          stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
   </g>
 </svg>

package/lib/components/icons/index.d.ts

@@ -18,3 +18,4 @@ export { VialIcon } from "./vial-icon";
 export { WarningCircleIcon } from "./warning-circle-icon";
 export { TriangularPointerIcon } from "./triangular-pointer-icon";
 export { EnvironmentIcon } from "./environment-icon";
+export { ReactComponent as ThinArrowLeftIcon } from "./thin-arrow-left.svg";

package/lib/components/icons/thin-arrow-left.svg

@@ -0,0 +1,26 @@
+<!-- Appears with the stroke -->
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="18"
+  height="18.828"
+  viewBox="0 0 18 18.828"
+>
+  <g transform="translate(1 1.414)">
+    <path
+      d="M23.5,18H7.5"
+      transform="translate(-7.5 -10)"
+      fill="none"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+    />
+    <path
+      d="M26,7.5l-8,8,8,8"
+      transform="translate(-18 -7.5)"
+      fill="none"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+    />
+  </g>
+</svg>

package/lib/components/inputs/search-input-v2/interfaces.d.ts

@@ -1,7 +1,8 @@
 import { CSSProperties } from "react";
 import { SxProps } from "rebass";
 import { PrimaryTextInputProps } from "../primary-text-input";
-export interface SearchInputV2Props extends PrimaryTextInputProps {
+import { SearchInputProps } from "../search-input";
+export interface SearchInputV2Props extends PrimaryTextInputProps, Pick<SearchInputProps, "onClickSearch"> {
     containerSx?: SxProps["sx"];
     searchStyle?: CSSProperties;
 }

package/lib/components/pagination-bars/index.d.ts

@@ -1 +1,2 @@
 export * from "./pagination-bar";
+export * from "./pagination-bar-mobile";

package/lib/components/pagination-bars/pagination-bar/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { MaxWidthContainerProps } from "../../containers/max-width-container/interfaces";
+import { MaxWidthContainerProps } from "../../containers";
 export interface PaginationBarProps extends Pick<MaxWidthContainerProps, "bgSx" | "innerSx"> {
     /**
      * The number of current page

package/lib/components/pagination-bars/pagination-bar-mobile/index.d.ts

@@ -0,0 +1 @@
+export { PaginationBarMobile } from "./pagination-bar-mobile";

package/lib/components/pagination-bars/pagination-bar-mobile/interfaces.d.ts

@@ -0,0 +1,5 @@
+import { GridProps } from "../../containers";
+import { PaginationBarProps } from "../pagination-bar";
+export declare type PaginationBarMobileProps = GridProps & Omit<PaginationBarProps, "onChange" | "bgSx" | "innerSx"> & {
+    onChange: (newValue: number) => void;
+};

package/lib/components/pagination-bars/pagination-bar-mobile/pagination-bar-mobile.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { PaginationBarMobileProps as Props } from "./interfaces";
+export declare const PaginationBarMobile: React.FC<Props>;

package/lib/components/pagination-bars/pagination-bar-mobile/partials/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./pagination-bar-button";
+export * from "./pagination-bar-current-page";

package/lib/components/pagination-bars/pagination-bar-mobile/partials/pagination-bar-button/index.d.ts

@@ -0,0 +1 @@
+export { PaginationBarButton } from "./pagination-bar-button";

package/lib/components/pagination-bars/pagination-bar-mobile/partials/pagination-bar-button/interfaces.d.ts

@@ -0,0 +1,4 @@
+export interface PaginationBarButtonProps {
+    disabled: boolean;
+    onClick: () => void;
+}

package/lib/components/pagination-bars/pagination-bar-mobile/partials/pagination-bar-button/pagination-bar-button.d.ts

@@ -0,0 +1,3 @@
+import React, { PropsWithChildren } from "react";
+import { PaginationBarButtonProps as Props } from "./interfaces";
+export declare const PaginationBarButton: React.FC<PropsWithChildren<Props>>;

package/lib/components/pagination-bars/pagination-bar-mobile/partials/pagination-bar-current-page/index.d.ts

@@ -0,0 +1 @@
+export { PaginationBarCurrentPage } from "./pagination-bar-current-page";

package/lib/components/pagination-bars/pagination-bar-mobile/partials/pagination-bar-current-page/pagination-bar-current-page.d.ts

@@ -0,0 +1,2 @@
+import React, { PropsWithChildren } from "react";
+export declare const PaginationBarCurrentPage: React.FC<PropsWithChildren<{}>>;

package/lib/components/tabs/tab-bar/interfaces.d.ts

@@ -49,4 +49,9 @@ export interface TabBarProps<T> extends Pick<TabProps<T>, "labelSx" | "secondary
      * Max width of each tab.
      */
     tabMaxWidth?: string | string[];
+    /**
+     * Whether component should be scrollable.
+     * Otherwise, buttons for the manual scrolling will appear .
+     */
+    scrollable?: boolean;
 }

package/lib/components/tabs/tab-bar/partials/arrow-button/arrow-button.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ArrowButtonProps as Props } from "./interfaces";
+export declare const ArrowButton: React.FC<Props>;

package/lib/components/tabs/tab-bar/partials/arrow-button/index.d.ts

@@ -0,0 +1 @@
+export { ArrowButton } from "./arrow-button";

package/lib/components/tabs/tab-bar/partials/arrow-button/interfaces.d.ts

@@ -0,0 +1,5 @@
+export interface ArrowButtonProps {
+    width: number | string | string[];
+    onClick: () => void;
+    direction: "left" | "right";
+}

package/lib/components/tabs/tab-bar/partials/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./arrow-button";
+export * from "./mask";
+export * from "./tab";

package/lib/components/tabs/tab-bar/partials/mask/index.d.ts

@@ -0,0 +1 @@
+export { Mask } from "./mask";

package/lib/components/tabs/tab-bar/partials/mask/interfaces.d.ts

@@ -0,0 +1,5 @@
+export interface MaskProps {
+    width: number | string | string[];
+    offset: number | string | string[];
+    direction: "left" | "right";
+}

package/lib/components/tabs/tab-bar/partials/mask/mask.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { MaskProps as Props } from "./interfaces";
+export declare const Mask: React.FC<Props>;

package/lib/components/tabs/tab-bar/tab-bar.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { TabBarProps } from "./interfaces";
-export declare function TabBar<T>({ tabs, selectedTabId, onTabSelect, activeColor, color, displayBorder, tabPadding, tabWidth, tabHeight, tabMaxWidth, labelSx, secondaryTextSx, }: TabBarProps<T>): JSX.Element;
+export declare function TabBar<T>({ tabs, selectedTabId, onTabSelect, activeColor, color, displayBorder, tabPadding, tabWidth, tabHeight, tabMaxWidth, labelSx, secondaryTextSx, scrollable, }: TabBarProps<T>): JSX.Element;

package/lib/e986409f719ff9bf4d159ad2929c4590.svg

@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="15"
+  height="16.243"
+  viewBox="0 0 15 16.243"
+>
+  <g id="arrow_right" transform="translate(0.5 -9.879)">
+    <path id="Path_86" data-name="Path 86" d="M18,24l6-6-6-6" transform="translate(-11)" fill="none" stroke="#4568f9"
+          stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
+    <path id="Path_87" data-name="Path 87" d="M12,18H24" transform="translate(-11)" fill="none" stroke="#4568f9"
+          stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/>
+  </g>
+</svg>