@telicent-oss/ds 0.15.0 → 0.15.1
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/ds.js +0 -38
- package/dist/ds.umd.cjs +0 -38
- package/dist/src/export.d.ts +0 -1
- package/dist/src/v1/components/inputs/Button/Button.stories.d.ts +3 -0
- package/package.json +1 -1
- package/dist/src/component-library/components/data-display/SocketedText.d.ts +0 -32
- package/dist/src/component-library/components/data-display/SocketedText.stories.d.ts +0 -24
- package/dist/src/component-library/components/data-display/SocketedText.test.d.ts +0 -1
package/dist/ds.js
CHANGED
|
@@ -61058,42 +61058,6 @@ const Modal2 = ({
|
|
|
61058
61058
|
children2
|
|
61059
61059
|
] }) });
|
|
61060
61060
|
};
|
|
61061
|
-
const propCheckErrorDefault = (problem) => {
|
|
61062
|
-
if (process.env.NODE_ENV === "production") {
|
|
61063
|
-
console.warn(problem);
|
|
61064
|
-
} else {
|
|
61065
|
-
throw new Error(problem);
|
|
61066
|
-
}
|
|
61067
|
-
};
|
|
61068
|
-
const SocketedText = ({
|
|
61069
|
-
children: children2,
|
|
61070
|
-
beforeItem,
|
|
61071
|
-
afterItem,
|
|
61072
|
-
beforeItemSX,
|
|
61073
|
-
afterItemSX,
|
|
61074
|
-
component = "span",
|
|
61075
|
-
href,
|
|
61076
|
-
containerSX,
|
|
61077
|
-
propCheckError = propCheckErrorDefault,
|
|
61078
|
-
...rest
|
|
61079
|
-
}) => {
|
|
61080
|
-
if (component === "a" && !href) {
|
|
61081
|
-
propCheckError('SocketedText: When using component="a", the "href" prop is required.');
|
|
61082
|
-
}
|
|
61083
|
-
if (beforeItem === void 0 && afterItem === void 0) {
|
|
61084
|
-
propCheckError("SocketedText: Sockets unused; use normal Text/Typography component instead");
|
|
61085
|
-
}
|
|
61086
|
-
return /* @__PURE__ */ jsx$1(Typography, { component, href, ...rest, children: /* @__PURE__ */ jsxs(Box, { component: "span", sx: {
|
|
61087
|
-
display: "inline-flex",
|
|
61088
|
-
alignItems: "center",
|
|
61089
|
-
gap: 1,
|
|
61090
|
-
...containerSX
|
|
61091
|
-
}, children: [
|
|
61092
|
-
beforeItem && /* @__PURE__ */ jsx$1(Box, { component: "span", sx: beforeItemSX, children: beforeItem }),
|
|
61093
|
-
/* @__PURE__ */ jsx$1(Box, { component: "span", children: children2 }),
|
|
61094
|
-
afterItem && /* @__PURE__ */ jsx$1(Box, { component: "span", sx: afterItemSX, children: afterItem })
|
|
61095
|
-
] }) });
|
|
61096
|
-
};
|
|
61097
61061
|
export {
|
|
61098
61062
|
AppBar2 as AppBar,
|
|
61099
61063
|
AppChrome,
|
|
@@ -61157,7 +61121,6 @@ export {
|
|
|
61157
61121
|
SearchIcon,
|
|
61158
61122
|
SearchResults,
|
|
61159
61123
|
Skeleton2 as Skeleton,
|
|
61160
|
-
SocketedText,
|
|
61161
61124
|
TeliAddIcon,
|
|
61162
61125
|
TeliAutocomplete,
|
|
61163
61126
|
TeliBasicLayout,
|
|
@@ -61216,7 +61179,6 @@ export {
|
|
|
61216
61179
|
UserProfileContent,
|
|
61217
61180
|
UserStatus,
|
|
61218
61181
|
checkOntology,
|
|
61219
|
-
propCheckErrorDefault,
|
|
61220
61182
|
useDebounce,
|
|
61221
61183
|
useExtendedTheme,
|
|
61222
61184
|
useFloatingPanels
|
package/dist/ds.umd.cjs
CHANGED
|
@@ -61076,42 +61076,6 @@ Please use another name.` : formatMuiErrorMessage$1(18));
|
|
|
61076
61076
|
children2
|
|
61077
61077
|
] }) });
|
|
61078
61078
|
};
|
|
61079
|
-
const propCheckErrorDefault = (problem) => {
|
|
61080
|
-
if (process.env.NODE_ENV === "production") {
|
|
61081
|
-
console.warn(problem);
|
|
61082
|
-
} else {
|
|
61083
|
-
throw new Error(problem);
|
|
61084
|
-
}
|
|
61085
|
-
};
|
|
61086
|
-
const SocketedText = ({
|
|
61087
|
-
children: children2,
|
|
61088
|
-
beforeItem,
|
|
61089
|
-
afterItem,
|
|
61090
|
-
beforeItemSX,
|
|
61091
|
-
afterItemSX,
|
|
61092
|
-
component = "span",
|
|
61093
|
-
href,
|
|
61094
|
-
containerSX,
|
|
61095
|
-
propCheckError = propCheckErrorDefault,
|
|
61096
|
-
...rest
|
|
61097
|
-
}) => {
|
|
61098
|
-
if (component === "a" && !href) {
|
|
61099
|
-
propCheckError('SocketedText: When using component="a", the "href" prop is required.');
|
|
61100
|
-
}
|
|
61101
|
-
if (beforeItem === void 0 && afterItem === void 0) {
|
|
61102
|
-
propCheckError("SocketedText: Sockets unused; use normal Text/Typography component instead");
|
|
61103
|
-
}
|
|
61104
|
-
return /* @__PURE__ */ jsx$1(Typography, { component, href, ...rest, children: /* @__PURE__ */ jsxs(Box, { component: "span", sx: {
|
|
61105
|
-
display: "inline-flex",
|
|
61106
|
-
alignItems: "center",
|
|
61107
|
-
gap: 1,
|
|
61108
|
-
...containerSX
|
|
61109
|
-
}, children: [
|
|
61110
|
-
beforeItem && /* @__PURE__ */ jsx$1(Box, { component: "span", sx: beforeItemSX, children: beforeItem }),
|
|
61111
|
-
/* @__PURE__ */ jsx$1(Box, { component: "span", children: children2 }),
|
|
61112
|
-
afterItem && /* @__PURE__ */ jsx$1(Box, { component: "span", sx: afterItemSX, children: afterItem })
|
|
61113
|
-
] }) });
|
|
61114
|
-
};
|
|
61115
61079
|
exports2.AppBar = AppBar;
|
|
61116
61080
|
exports2.AppChrome = AppChrome;
|
|
61117
61081
|
exports2.AppSwitch = AppSwitch$1;
|
|
@@ -61174,7 +61138,6 @@ Please use another name.` : formatMuiErrorMessage$1(18));
|
|
|
61174
61138
|
exports2.SearchIcon = SearchIcon;
|
|
61175
61139
|
exports2.SearchResults = SearchResults;
|
|
61176
61140
|
exports2.Skeleton = Skeleton;
|
|
61177
|
-
exports2.SocketedText = SocketedText;
|
|
61178
61141
|
exports2.TeliAddIcon = TeliAddIcon;
|
|
61179
61142
|
exports2.TeliAutocomplete = TeliAutocomplete;
|
|
61180
61143
|
exports2.TeliBasicLayout = TeliBasicLayout;
|
|
@@ -61233,7 +61196,6 @@ Please use another name.` : formatMuiErrorMessage$1(18));
|
|
|
61233
61196
|
exports2.UserProfileContent = UserProfileContent;
|
|
61234
61197
|
exports2.UserStatus = UserStatus;
|
|
61235
61198
|
exports2.checkOntology = checkOntology;
|
|
61236
|
-
exports2.propCheckErrorDefault = propCheckErrorDefault;
|
|
61237
61199
|
exports2.useDebounce = useDebounce;
|
|
61238
61200
|
exports2.useExtendedTheme = useExtendedTheme;
|
|
61239
61201
|
exports2.useFloatingPanels = useFloatingPanels;
|
package/dist/src/export.d.ts
CHANGED
|
@@ -318,7 +318,10 @@ export default meta;
|
|
|
318
318
|
type Story = StoryObj<typeof meta>;
|
|
319
319
|
export declare const Primary: Story;
|
|
320
320
|
export declare const Secondary: Story;
|
|
321
|
+
export declare const DisableElevation: Story;
|
|
321
322
|
export declare const Tertiary: Story;
|
|
323
|
+
export declare const Link: Story;
|
|
324
|
+
export declare const Text: Story;
|
|
322
325
|
export declare const Sizing: Story;
|
|
323
326
|
export declare const WithIconsAndLabel: Story;
|
|
324
327
|
export declare const FullWidth: Story;
|
package/package.json
CHANGED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { TypographyProps, SxProps } from '@mui/material';
|
|
3
|
-
|
|
4
|
-
export interface SocketedTextProps extends Omit<TypographyProps, "component"> {
|
|
5
|
-
beforeItem?: React.ReactNode;
|
|
6
|
-
afterItem?: React.ReactNode;
|
|
7
|
-
beforeItemSX?: SxProps;
|
|
8
|
-
afterItemSX?: SxProps;
|
|
9
|
-
href?: string;
|
|
10
|
-
containerSX?: SxProps;
|
|
11
|
-
component?: React.ElementType;
|
|
12
|
-
propCheckError?: (problem: string) => void;
|
|
13
|
-
}
|
|
14
|
-
export declare const propCheckErrorDefault: (problem: string) => void;
|
|
15
|
-
/**
|
|
16
|
-
* The intended use of SocketedText to render text with a trailing, or leading icon.
|
|
17
|
-
|
|
18
|
-
* This component mimic's MUI’s Typography by default, except it has beforeItem or afterItem sockets.
|
|
19
|
-
*
|
|
20
|
-
* The text and icons are wrapped in an inline‑flex container with sensible defaults.
|
|
21
|
-
*
|
|
22
|
-
* All Typography props are forwarded, so this component behaves like any other Typography element.
|
|
23
|
-
*
|
|
24
|
-
* **Nomenclature**: The word "Socketed" is used in the [Diablo2](https://gamefaqs.gamespot.com/pc/370600-diablo-ii-lord-of-destruction/faqs/8382) sense:
|
|
25
|
-
*
|
|
26
|
-
* > Socketed items are exactly the same as normal items, but with sockets in them.
|
|
27
|
-
* > This allows you to insert gems or skulls in order to add magical properties to your items.
|
|
28
|
-
*
|
|
29
|
-
* <sup>This may be a terrible name</sup>
|
|
30
|
-
*
|
|
31
|
-
*/
|
|
32
|
-
export declare const SocketedText: React.FC<SocketedTextProps>;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
import { SocketedText, SocketedTextProps } from './SocketedText';
|
|
3
|
-
|
|
4
|
-
declare const meta: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: import('react').FC<SocketedTextProps>;
|
|
7
|
-
tags: string[];
|
|
8
|
-
args: {
|
|
9
|
-
children: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export default meta;
|
|
13
|
-
type Story = StoryObj<typeof SocketedText>;
|
|
14
|
-
export declare const Default: Story;
|
|
15
|
-
export declare const AfterItem: Story;
|
|
16
|
-
export declare const WithBothSlots: Story;
|
|
17
|
-
export declare const AsLink: Story;
|
|
18
|
-
export declare const HeaderVariant: Story;
|
|
19
|
-
export declare const ComparisonWithTypography: Story;
|
|
20
|
-
export declare const CustomSlotStyles: Story;
|
|
21
|
-
export declare const Wrappedchildren: Story;
|
|
22
|
-
export declare const WrappedTextAlignStart: Story;
|
|
23
|
-
export declare const ErrorWhenNobeforeItemAndNoEndSet: Story;
|
|
24
|
-
export declare const ErrorWhenAnchorButNoHrefSet: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|