@pushwoosh/dumb-components 1.1.28 → 1.1.30

package/Table/styles.d.ts

@@ -1,247 +0,0 @@
-import { FontSize, FontWeight } from '@pushwoosh/kit-constants';
-export type TableProps = {
-    columns: string;
-    width?: string | number;
-    isBordered?: boolean;
-};
-export declare const Table: import("styled-components").StyledComponent<"div", any, {
-    $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
-    $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
-    $bgColor?: string | undefined;
-    $border?: string | ({
-        top?: string | undefined;
-        right?: string | undefined;
-        bottom?: string | undefined;
-        left?: string | undefined;
-    } | {
-        horizontal: string;
-        top?: string | undefined;
-        bottom?: string | undefined;
-    } | {
-        vertical: string;
-        right?: string | undefined;
-        left?: string | undefined;
-    }) | undefined;
-    $borderRadius?: (string | number) | undefined;
-    $boxShadow?: string | undefined;
-    $gap?: (string | number) | undefined;
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
-    $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
-    $margin?: (string | number) | ({
-        top?: (string | number) | undefined;
-        right?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    } | {
-        horizontal: string | number;
-        top?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-    } | {
-        vertical: string | number;
-        right?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    }) | undefined;
-    $padding?: (string | number) | ({
-        top?: (string | number) | undefined;
-        right?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    } | {
-        horizontal: string | number;
-        top?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-    } | {
-        vertical: string | number;
-        right?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    }) | undefined;
-    $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
-} & {
-    $gridAutoFlow: string;
-} & TableProps, "$gridAutoFlow">;
-export declare const Td: import("styled-components").StyledComponent<"div", any, {
-    $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
-    $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
-    $bgColor?: string | undefined;
-    $border?: string | ({
-        top?: string | undefined;
-        right?: string | undefined;
-        bottom?: string | undefined;
-        left?: string | undefined;
-    } | {
-        horizontal: string;
-        top?: string | undefined;
-        bottom?: string | undefined;
-    } | {
-        vertical: string;
-        right?: string | undefined;
-        left?: string | undefined;
-    }) | undefined;
-    $borderRadius?: (string | number) | undefined;
-    $boxShadow?: string | undefined;
-    $gap?: (string | number) | undefined;
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
-    $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
-    $margin?: (string | number) | ({
-        top?: (string | number) | undefined;
-        right?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    } | {
-        horizontal: string | number;
-        top?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-    } | {
-        vertical: string | number;
-        right?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    }) | undefined;
-    $padding?: (string | number) | ({
-        top?: (string | number) | undefined;
-        right?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    } | {
-        horizontal: string | number;
-        top?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-    } | {
-        vertical: string | number;
-        right?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    }) | undefined;
-    $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
-} & {
-    $padding: number;
-} & {
-    $color?: string;
-}, "$padding">;
-export declare const ElementHover: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Tr: import("styled-components").StyledComponent<"div", any, {
-    $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
-    $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
-    $bgColor?: string | undefined;
-    $border?: string | ({
-        top?: string | undefined;
-        right?: string | undefined;
-        bottom?: string | undefined;
-        left?: string | undefined;
-    } | {
-        horizontal: string;
-        top?: string | undefined;
-        bottom?: string | undefined;
-    } | {
-        vertical: string;
-        right?: string | undefined;
-        left?: string | undefined;
-    }) | undefined;
-    $borderRadius?: (string | number) | undefined;
-    $boxShadow?: string | undefined;
-    $gap?: (string | number) | undefined;
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
-    $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
-    $margin?: (string | number) | ({
-        top?: (string | number) | undefined;
-        right?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    } | {
-        horizontal: string | number;
-        top?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-    } | {
-        vertical: string | number;
-        right?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    }) | undefined;
-    $padding?: (string | number) | ({
-        top?: (string | number) | undefined;
-        right?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    } | {
-        horizontal: string | number;
-        top?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-    } | {
-        vertical: string | number;
-        right?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    }) | undefined;
-    $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
-} & {
-    $gridAutoFlow: string;
-} & {
-    $padding: string;
-}, "$gridAutoFlow" | "$padding">;
-export declare const Th: import("styled-components").StyledComponent<"div", any, {
-    $alignContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
-    $alignItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
-    $bgColor?: string | undefined;
-    $border?: string | ({
-        top?: string | undefined;
-        right?: string | undefined;
-        bottom?: string | undefined;
-        left?: string | undefined;
-    } | {
-        horizontal: string;
-        top?: string | undefined;
-        bottom?: string | undefined;
-    } | {
-        vertical: string;
-        right?: string | undefined;
-        left?: string | undefined;
-    }) | undefined;
-    $borderRadius?: (string | number) | undefined;
-    $boxShadow?: string | undefined;
-    $gap?: (string | number) | undefined;
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyContent?: "end" | "start" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch" | undefined;
-    $justifyItems?: "end" | "start" | "center" | "stretch" | "baseline" | undefined;
-    $margin?: (string | number) | ({
-        top?: (string | number) | undefined;
-        right?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    } | {
-        horizontal: string | number;
-        top?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-    } | {
-        vertical: string | number;
-        right?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    }) | undefined;
-    $padding?: (string | number) | ({
-        top?: (string | number) | undefined;
-        right?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    } | {
-        horizontal: string | number;
-        top?: (string | number) | undefined;
-        bottom?: (string | number) | undefined;
-    } | {
-        vertical: string | number;
-        right?: (string | number) | undefined;
-        left?: (string | number) | undefined;
-    }) | undefined;
-    $placeItems?: "end" | "start" | "center" | "stretch" | undefined;
-} & {
-    $padding: number;
-} & {
-    $color?: string;
-}, "$padding">;
-export declare const ItemDetailLink: import("styled-components").StyledComponent<"a", any, {}, never>;
-export declare const ItemName: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Description: import("styled-components").StyledComponent<"div", any, {
-    $maxLines?: number;
-}, never>;
-export declare const LockedText: import("styled-components").StyledComponent<"div", any, {
-    $fontSize?: FontSize;
-    $fontWeight?: FontWeight;
-    $maxWidth?: string;
-}, never>;

package/Table/styles.js

@@ -1,62 +0,0 @@
-import styled, { css } from 'styled-components';
-import { Color, FontSize, FontWeight, ShapeRadius } from '@pushwoosh/kit-constants';
-import { GridContainer, Horizontal, Vertical, toCssValue } from '@pushwoosh/kit-helpers';
-export const Table = styled(Vertical).withConfig({
-  displayName: "Table",
-  componentId: "sc-1kwcslm-0"
-})(["--table-columns:", ";border:", ";border-radius:", ";background-color:", ";", " & > *:not(:last-child){border-bottom:1px solid ", ";}"], ({
-  columns
-}) => columns, ({
-  isBordered
-}) => isBordered ? `1px solid ${Color.DIVIDER}` : 'none', ShapeRadius.SECTION, Color.CLEAR, ({
-  width
-}) => width ? `width: ${toCssValue(width)};` : '', Color.DIVIDER);
-export const Td = styled(GridContainer).attrs({
-  $padding: 12
-}).withConfig({
-  displayName: "Td",
-  componentId: "sc-1kwcslm-1"
-})(["", ""], ({
-  $color
-}) => $color ? `color: ${$color};` : '');
-export const ElementHover = styled.div.withConfig({
-  displayName: "ElementHover",
-  componentId: "sc-1kwcslm-2"
-})(["display:none;position:relative;& > *{position:absolute;right:0;transform:translateY(-50%);}"]);
-export const Tr = styled(Horizontal).attrs({
-  $padding: '0 12px'
-}).withConfig({
-  displayName: "Tr",
-  componentId: "sc-1kwcslm-3"
-})(["grid-template-columns:var(--table-columns);&:hover{background-color:#89A4BF0D;}&:hover ", "{display:block;}"], ElementHover);
-export const Th = styled(Td).withConfig({
-  displayName: "Th",
-  componentId: "sc-1kwcslm-4"
-})(["padding:8px 12px;color:#969ca3;font-weight:", ";font-size:", ";line-height:1;text-transform:uppercase;"], FontWeight.MEDIUM, FontSize.SMALL);
-export const ItemDetailLink = styled.a.withConfig({
-  displayName: "ItemDetailLink",
-  componentId: "sc-1kwcslm-5"
-})(["display:flex;align-items:center;text-decoration:none;font-weight:", ";color:", ";width:100%;&:hover{text-decoration:none;color:", ";}"], FontWeight.MEDIUM, Color.MAIN, Color.PRIMARY_HOVER);
-export const ItemName = styled.div.withConfig({
-  displayName: "ItemName",
-  componentId: "sc-1kwcslm-6"
-})(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
-const overflowStyles = css(["overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:", ";"], ({
-  $maxLines
-}) => $maxLines);
-export const Description = styled.div.withConfig({
-  displayName: "Description",
-  componentId: "sc-1kwcslm-7"
-})(["color:", ";font-size:", ";font-style:normal;font-weight:", ";line-height:130%;", ""], Color.LOCKED, FontSize.SMALL, FontWeight.REGULAR, ({
-  $maxLines
-}) => $maxLines ? overflowStyles : undefined);
-export const LockedText = styled.div.withConfig({
-  displayName: "LockedText",
-  componentId: "sc-1kwcslm-8"
-})(["color:", ";font-size:", ";font-weight:", ";max-width:", ";"], Color.LOCKED, ({
-  $fontSize
-}) => $fontSize || FontSize.REGULAR, ({
-  $fontWeight
-}) => $fontWeight || FontWeight.REGULAR, ({
-  $maxWidth
-}) => $maxWidth || 'initial');

package/Table/types.d.ts

@@ -1,20 +0,0 @@
-import type { AsyncState } from '@pushwoosh/kit-helpers/hooks/useAsyncFn';
-export type DataTableParams = {
-    readonly search: string;
-    readonly order: string;
-    readonly direction: 'asc' | 'desc';
-    readonly page: number;
-    readonly perPage: number;
-};
-export type DataTableData<T> = {
-    items: T[];
-    total?: number;
-    totalPages: number;
-    isFiltered?: boolean;
-};
-export type DataTableContextType<T, P extends DataTableParams> = {
-    data: AsyncState<DataTableData<T>>;
-    reload: () => void;
-    params: P;
-    onChangeParams: (params: P) => void;
-};

package/Table/types.js

@@ -1 +0,0 @@
-export {};