@mrshmllw/smores-react 9.13.1 → 9.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BadgeList/BadgeList.d.ts +3 -2
- package/dist/BadgeList/BadgeList.js +32 -25
- package/dist/BadgeList/BadgeList.js.map +1 -1
- package/dist/Box/Box.d.ts +2 -2
- package/dist/Datepicker/Datepicker.js +3 -3
- package/dist/Datepicker/Datepicker.js.map +1 -1
- package/dist/Icon/iconFiles/CaretUp.d.ts +2 -3
- package/dist/Icon/iconsList.d.ts +3 -4
- package/dist/RadioGroup/RadioElement.d.ts +1 -1
- package/dist/SearchInput/SearchInput.d.ts +5 -5
- package/dist/Table/components/commonComponents.d.ts +0 -1
- package/dist/Table/helpers.d.ts +1 -1
- package/dist/Table/types.d.ts +1 -1
- package/dist/Tooltip/Tooltip.d.ts +3 -3
- package/dist/fields/components/CommonInput.d.ts +10 -11
- package/dist/fontStyle.d.ts +0 -1
- package/dist/types.d.ts +0 -1
- package/dist/utils/isReactElement.d.ts +1 -1
- package/dist/utils/space.d.ts +1 -1
- package/package.json +2 -2
- package/dist/Badge/storybook-data.d.ts +0 -1
- package/dist/Badge/storybook-data.js +0 -2
- package/dist/Badge/storybook-data.js.map +0 -1
@@ -13,9 +13,10 @@ type Props = {
|
|
13
13
|
badges: Omit<BadgeListBadge, 'zIndex'>[];
|
14
14
|
};
|
15
15
|
/**
|
16
|
-
* A list of badges with optional tooltips
|
16
|
+
* ### A list of badges with optional tooltips
|
17
|
+
*
|
17
18
|
* @param limit - The maximum number of badges to display. If the number of badges exceeds the limit, a badge will be displayed indicating the number of hidden excess badges.
|
18
|
-
*
|
19
|
+
*
|
19
20
|
*/
|
20
21
|
export declare function BadgeList({ badges, limit, size }: Props): React.JSX.Element;
|
21
22
|
type WithTooltipProps = {
|
@@ -1,28 +1,32 @@
|
|
1
|
-
import React
|
2
|
-
import { Badge } from '../Badge/Badge';
|
3
|
-
import { Box } from '../Box';
|
1
|
+
import React from 'react';
|
2
|
+
import { Badge, BadgeSize } from '../Badge/Badge';
|
4
3
|
import styled from 'styled-components';
|
5
4
|
import { Tooltip } from '../Tooltip';
|
6
5
|
import { Text } from '../Text';
|
7
6
|
import { theme } from '../theme';
|
8
7
|
/**
|
9
|
-
* A list of badges with optional tooltips
|
8
|
+
* ### A list of badges with optional tooltips
|
9
|
+
*
|
10
10
|
* @param limit - The maximum number of badges to display. If the number of badges exceeds the limit, a badge will be displayed indicating the number of hidden excess badges.
|
11
|
-
*
|
11
|
+
*
|
12
12
|
*/
|
13
|
-
export function BadgeList({ badges, limit, size }) {
|
14
|
-
const badgeZIndexMax = badges.length
|
13
|
+
export function BadgeList({ badges, limit, size = BadgeSize.Lg }) {
|
14
|
+
const badgeZIndexMax = badges.length;
|
15
15
|
const limitExcess =
|
16
16
|
// TODO: off by one adjustments work, just hard to read, refactor for human eyes 👁️👄👁️
|
17
17
|
limit && (badges.length > limit ? badges.length - limit : 0);
|
18
18
|
const maxBadges = limit ? limit - 1 : undefined;
|
19
|
-
|
20
|
-
|
19
|
+
const showExcessBadge = limitExcess !== undefined && Boolean(limitExcess);
|
20
|
+
return (React.createElement(Container, { "$size": size },
|
21
|
+
badges
|
22
|
+
.slice(0, limitExcess ? maxBadges : undefined)
|
23
|
+
.map((badge, index) => (React.createElement(WithTooltip, { key: typeof badge.src === 'string' ? badge.src : index, badge: {
|
21
24
|
...badge,
|
22
|
-
zIndex: badgeZIndexMax - index
|
25
|
+
zIndex: badgeZIndexMax - index,
|
23
26
|
size,
|
24
27
|
} }))),
|
25
|
-
|
28
|
+
showExcessBadge && (React.createElement("div", { className: "limit-badge", style: { zIndex: badgeZIndexMax, marginLeft: '4px' } },
|
29
|
+
React.createElement(Badge, { title: `+${limitExcess}`, borderColour: "oatmeal", size: size, src: React.createElement(ExcessBadge, { excess: limitExcess + 1 }), disabled: true })))));
|
26
30
|
}
|
27
31
|
function ExcessBadge({ excess }) {
|
28
32
|
return (React.createElement(ExcessBadgeContainer, null,
|
@@ -40,30 +44,33 @@ const ExcessBadgeContainer = styled.div `
|
|
40
44
|
pointer-events: none;
|
41
45
|
`;
|
42
46
|
const WithTooltip = ({ badge: { tooltip, ...badge } }) => {
|
43
|
-
const [hovered, setHover] = useState(false);
|
44
|
-
const handleMouseEnter = () => setHover(true);
|
45
|
-
const handleMouseLeave = () => setHover(false);
|
46
|
-
const classNames = [hovered ? 'hovered' : ''].join(' ');
|
47
47
|
if (tooltip) {
|
48
|
-
return (React.createElement("div", {
|
48
|
+
return (React.createElement("div", { style: { zIndex: badge.zIndex } },
|
49
49
|
React.createElement(Tooltip, { position: tooltip.position ?? 'bottom', title: tooltip?.title, content: tooltip.content },
|
50
50
|
React.createElement(Badge, { ...badge }))));
|
51
51
|
}
|
52
|
-
return (React.createElement("div", {
|
52
|
+
return (React.createElement("div", { style: { zIndex: badge.zIndex } },
|
53
53
|
React.createElement(Badge, { ...badge })));
|
54
54
|
};
|
55
|
-
const
|
56
|
-
|
55
|
+
const marginRightMapping = {
|
56
|
+
[BadgeSize.Lg]: '-18px',
|
57
|
+
[BadgeSize.Md]: '-14px',
|
58
|
+
[BadgeSize.Sm]: '-11px',
|
59
|
+
};
|
60
|
+
const Container = styled.div `
|
61
|
+
display: flex;
|
62
|
+
|
63
|
+
> * {
|
57
64
|
transition:
|
58
65
|
margin 0.2s ease-in-out,
|
59
66
|
padding 0.2s ease-in-out;
|
60
|
-
margin-right:
|
61
|
-
}
|
67
|
+
margin-right: ${(props) => marginRightMapping[props.$size]};
|
62
68
|
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
69
|
+
&:hover:not(:first-child):not(.limit-badge) {
|
70
|
+
padding-left: 10px;
|
71
|
+
&:not(:last-child) {
|
72
|
+
padding-right: 5px;
|
73
|
+
}
|
67
74
|
}
|
68
75
|
}
|
69
76
|
`;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"BadgeList.js","sourceRoot":"","sources":["../../src/BadgeList/BadgeList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
1
|
+
{"version":3,"file":"BadgeList.js","sourceRoot":"","sources":["../../src/BadgeList/BadgeList.tsx"],"names":[],"mappings":"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"}
|
package/dist/Box/Box.d.ts
CHANGED
@@ -8,7 +8,7 @@ export type BoxProps = MarginProps & PaddingProps & FlexProps & MeasureProps & H
|
|
8
8
|
};
|
9
9
|
export type TransientBoxProps = TransientMarginProps & TransientPaddingProps & TransientFlexProps & TransientMeasureProps;
|
10
10
|
export declare const Box: React.ForwardRefExoticComponent<MarginProps & PaddingProps & FlexProps & MeasureProps & React.HTMLAttributes<HTMLElement> & {
|
11
|
-
as?:
|
12
|
-
forwardedAs?:
|
11
|
+
as?: ElementType;
|
12
|
+
forwardedAs?: ElementType;
|
13
13
|
} & React.RefAttributes<HTMLDivElement>>;
|
14
14
|
export declare const CustomBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TransientBoxProps>> & string;
|
@@ -66,9 +66,9 @@ export const Datepicker = ({ showDayLabels = false, disableWeekend = true, range
|
|
66
66
|
} },
|
67
67
|
React.createElement(Icon, { render: "caret", color: "cream", size: 18, rotate: 90 })),
|
68
68
|
React.createElement(Heading, { tag: "h4", typo: "body-regular" },
|
69
|
-
availableMonths[activeMonthIndex]
|
69
|
+
availableMonths[activeMonthIndex]?.label,
|
70
70
|
' ',
|
71
|
-
showYear && `- ${getYear(availableMonths[activeMonthIndex]
|
71
|
+
showYear && `- ${getYear(availableMonths[activeMonthIndex]?.date)}`),
|
72
72
|
React.createElement(Circle, { "aria-label": "next-month", type: "button", "data-testid": "next-month", disabled: activeMonthIndex === availableMonths.length - 1, onClick: () => setActiveMonth(activeMonthIndex + 1), onKeyDown: (e) => {
|
73
73
|
if (e.key === 'Enter') {
|
74
74
|
setActiveMonth(activeMonthIndex + 1);
|
@@ -76,7 +76,7 @@ export const Datepicker = ({ showDayLabels = false, disableWeekend = true, range
|
|
76
76
|
} },
|
77
77
|
React.createElement(Icon, { render: "caret", color: "cream", size: 18, rotate: -90 }))),
|
78
78
|
React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "center" },
|
79
|
-
React.createElement(DatesList, { items: generateDaysForMonth(availableMonths[activeMonthIndex]
|
79
|
+
React.createElement(DatesList, { items: generateDaysForMonth(availableMonths[activeMonthIndex]?.date), showDayLabels: showDayLabels, handleDateSelect: handleSelectEvent }))));
|
80
80
|
};
|
81
81
|
const Container = styled(Box) `
|
82
82
|
font-family: ${theme.font.system};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Datepicker.js","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.tsx"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"Datepicker.js","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.tsx"],"names":[],"mappings":"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"}
|
@@ -1,7 +1,6 @@
|
|
1
|
-
/// <reference types="react" />
|
2
1
|
declare const CaretUp: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
|
3
|
-
className?: string
|
2
|
+
className?: string;
|
4
3
|
}, never>> & string & Omit<({ className }: {
|
5
|
-
className?: string
|
4
|
+
className?: string;
|
6
5
|
}) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
|
7
6
|
export default CaretUp;
|
package/dist/Icon/iconsList.d.ts
CHANGED
@@ -1,4 +1,3 @@
|
|
1
|
-
/// <reference types="react" />
|
2
1
|
export declare const iconList: {
|
3
2
|
'aa-inverted': () => import("react").JSX.Element;
|
4
3
|
'accidental-damage': () => import("react").JSX.Element;
|
@@ -113,12 +112,12 @@ export declare const iconList: {
|
|
113
112
|
car: () => import("react").JSX.Element;
|
114
113
|
card: () => import("react").JSX.Element;
|
115
114
|
caret: ({ className }: {
|
116
|
-
className?: string
|
115
|
+
className?: string;
|
117
116
|
}) => import("react").JSX.Element;
|
118
117
|
'caret-up': import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
|
119
|
-
className?: string
|
118
|
+
className?: string;
|
120
119
|
}, never>> & string & Omit<({ className }: {
|
121
|
-
className?: string
|
120
|
+
className?: string;
|
122
121
|
}) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
|
123
122
|
charge: () => import("react").JSX.Element;
|
124
123
|
chat: () => import("react").JSX.Element;
|
@@ -7,6 +7,6 @@ export declare const RadioElement: React.ForwardRefExoticComponent<{
|
|
7
7
|
value: BaseValueType;
|
8
8
|
checked: boolean;
|
9
9
|
onChange: (value: BaseValueType) => void;
|
10
|
-
onBlur?: (
|
10
|
+
onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
|
11
11
|
isError: boolean;
|
12
12
|
} & MarginProps & React.RefAttributes<HTMLInputElement>>;
|
@@ -40,13 +40,13 @@ export interface SearchInputProps extends CommonFieldProps {
|
|
40
40
|
}
|
41
41
|
export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
|
42
42
|
export declare const Icons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("..").MarginProps & import("..").PaddingProps & import("../utils/flex").FlexProps & import("../utils/measure").MeasureProps & React.HTMLAttributes<HTMLElement> & {
|
43
|
-
as?: React.ElementType
|
44
|
-
forwardedAs?: React.ElementType
|
43
|
+
as?: React.ElementType;
|
44
|
+
forwardedAs?: React.ElementType;
|
45
45
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
46
|
-
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
46
|
+
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
47
47
|
}, {
|
48
48
|
$clearSearch: boolean;
|
49
49
|
}>> & string & Omit<React.ForwardRefExoticComponent<import("..").MarginProps & import("..").PaddingProps & import("../utils/flex").FlexProps & import("../utils/measure").MeasureProps & React.HTMLAttributes<HTMLElement> & {
|
50
|
-
as?: React.ElementType
|
51
|
-
forwardedAs?: React.ElementType
|
50
|
+
as?: React.ElementType;
|
51
|
+
forwardedAs?: React.ElementType;
|
52
52
|
} & React.RefAttributes<HTMLDivElement>>, keyof React.Component<any, {}, any>>;
|
@@ -1,4 +1,3 @@
|
|
1
|
-
/// <reference types="react" />
|
2
1
|
import { TransientProps } from 'utils/utilTypes';
|
3
2
|
import { TableStylesProps } from '../types';
|
4
3
|
export declare const StyledTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
|
package/dist/Table/helpers.d.ts
CHANGED
@@ -1,2 +1,2 @@
|
|
1
1
|
import { ReactElement } from 'react';
|
2
|
-
export declare const isMappedReactElement: (obj: unknown) => obj is ReactElement
|
2
|
+
export declare const isMappedReactElement: (obj: unknown) => obj is ReactElement[];
|
package/dist/Table/types.d.ts
CHANGED
@@ -25,7 +25,7 @@ export type Primitive = string | number | boolean | bigint;
|
|
25
25
|
export type RowAction<T> = {
|
26
26
|
element?: ReactElement;
|
27
27
|
onClick: (rowData: T) => void;
|
28
|
-
iconButton?: Pick<IconStrictProps, 'size' | 'render' | 'iconColor' | 'backgroundColor' | 'id'> & {
|
28
|
+
iconButton?: Pick<IconStrictProps, 'size' | 'render' | 'iconColor' | 'backgroundColor' | 'id' | 'title'> & {
|
29
29
|
tooltipText?: string;
|
30
30
|
};
|
31
31
|
genericButton?: Pick<ButtonProps, 'children' | 'loading' | 'disabled' | 'primary' | 'secondary' | 'fallbackStyle' | 'textBtn' | 'smallButton' | 'id'>;
|
@@ -20,9 +20,9 @@ export declare const Tip: import("styled-components/dist/types").IStyledComponen
|
|
20
20
|
$showTip: boolean;
|
21
21
|
$position: Position;
|
22
22
|
$arrowPosition: ArrowPosition;
|
23
|
-
$maxWidth?: number
|
24
|
-
$fallbackStyle?: boolean
|
23
|
+
$maxWidth?: number;
|
24
|
+
$fallbackStyle?: boolean;
|
25
25
|
$zIndex: number;
|
26
|
-
$background?:
|
26
|
+
$background?: Color;
|
27
27
|
}>> & string;
|
28
28
|
export {};
|
@@ -1,4 +1,3 @@
|
|
1
|
-
/// <reference types="react" />
|
2
1
|
import { Icons } from '../../Icon/iconsList';
|
3
2
|
interface IInput {
|
4
3
|
$error?: boolean;
|
@@ -15,17 +14,17 @@ interface SIcon {
|
|
15
14
|
}
|
16
15
|
export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, IInput>> & string;
|
17
16
|
export declare const StyledFrontIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
|
18
|
-
className?: string
|
19
|
-
render:
|
20
|
-
size?: number
|
21
|
-
color?: "
|
22
|
-
rotate?: number
|
17
|
+
className?: string;
|
18
|
+
render: Icons;
|
19
|
+
size?: number;
|
20
|
+
color?: import("../../theme").Color;
|
21
|
+
rotate?: number;
|
23
22
|
} & import("../..").MarginProps, SIcon>> & string & Omit<import("react").FC<import("../../Icon/Icon").IconProps>, keyof import("react").Component<any, {}, any>>;
|
24
23
|
export declare const StyledTrailingIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
|
25
|
-
className?: string
|
26
|
-
render:
|
27
|
-
size?: number
|
28
|
-
color?: "
|
29
|
-
rotate?: number
|
24
|
+
className?: string;
|
25
|
+
render: Icons;
|
26
|
+
size?: number;
|
27
|
+
color?: import("../../theme").Color;
|
28
|
+
rotate?: number;
|
30
29
|
} & import("../..").MarginProps, SIcon>> & string & Omit<import("react").FC<import("../../Icon/Icon").IconProps>, keyof import("react").Component<any, {}, any>>;
|
31
30
|
export {};
|
package/dist/fontStyle.d.ts
CHANGED
package/dist/types.d.ts
CHANGED
@@ -1,2 +1,2 @@
|
|
1
1
|
import { ReactElement } from 'react';
|
2
|
-
export declare const isReactElement: (obj: unknown) => obj is ReactElement
|
2
|
+
export declare const isReactElement: (obj: unknown) => obj is ReactElement;
|
package/dist/utils/space.d.ts
CHANGED
@@ -4,7 +4,7 @@ type Spacing = '8px' | '12px' | '16px' | '24px' | '32px' | '48px' | '64px';
|
|
4
4
|
export type SpacingProp = '0' | Spacing | {
|
5
5
|
custom: number | string;
|
6
6
|
};
|
7
|
-
export declare const resolveSpacing: (value: SpacingProp |
|
7
|
+
export declare const resolveSpacing: (value: SpacingProp | "auto") => string;
|
8
8
|
export interface MarginProps {
|
9
9
|
m?: ResponsiveProp<SpacingProp>;
|
10
10
|
mx?: ResponsiveProp<SpacingProp | 'auto'>;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@mrshmllw/smores-react",
|
3
|
-
"version": "9.
|
3
|
+
"version": "9.14.0",
|
4
4
|
"main": "./dist/index.js",
|
5
5
|
"description": "Collection of React components used by Marshmallow Technology",
|
6
6
|
"keywords": [
|
@@ -56,7 +56,7 @@
|
|
56
56
|
"@storybook/react-vite": "^8.0.4",
|
57
57
|
"@storybook/storybook-deployer": "^2.8.16",
|
58
58
|
"@storybook/test": "^8.0.10",
|
59
|
-
"@storybook/test-runner": "^0.
|
59
|
+
"@storybook/test-runner": "^0.19.0",
|
60
60
|
"@testing-library/react": "^15.0.7",
|
61
61
|
"@types/body-scroll-lock": "^3.1.0",
|
62
62
|
"@types/dompurify": "^3.0.5",
|