@loadsmart/loadsmart-ui 6.0.6 → 6.0.7

package/dist/theming/theming.helpers.d.ts

@@ -1,22 +1,22 @@
-type VariableValue = string | number;
-type VariableMap = {
-    [key: string]: VariableValue;
-};
-export declare function generateColorGetter(colors: VariableMap): (name: string, opacity?: number) => VariableValue;
-export declare function generateSpacingGetter(spacings: VariableMap): (name: string) => VariableValue;
-export declare function generateShadowGetter(shadows: VariableMap): (name: string) => VariableValue;
-export declare function generateFontGetters({ families, sizes, weights, heights, }: {
-    families: VariableMap;
-    sizes: VariableMap;
-    weights: VariableMap;
-    heights: VariableMap;
-}): {
-    [key: string]: (name: string) => VariableValue;
-};
-export declare function generateOpacityGetter(opacities: VariableMap): (name: string) => VariableValue;
-export declare function generateBorderGetters({ radiuses, widths, }: {
-    radiuses: VariableMap;
-    widths: VariableMap;
-}): Record<string, (name: string) => VariableValue>;
-export declare function generateHeightGetter(heights: VariableMap): (name: string) => VariableValue;
-export {};
+declare type VariableValue = string | number;
+declare type VariableMap = {
+    [key: string]: VariableValue;
+};
+export declare function generateColorGetter(colors: VariableMap): (name: string, opacity?: number) => VariableValue;
+export declare function generateSpacingGetter(spacings: VariableMap): (name: string) => VariableValue;
+export declare function generateShadowGetter(shadows: VariableMap): (name: string) => VariableValue;
+export declare function generateFontGetters({ families, sizes, weights, heights, }: {
+    families: VariableMap;
+    sizes: VariableMap;
+    weights: VariableMap;
+    heights: VariableMap;
+}): {
+    [key: string]: (name: string) => VariableValue;
+};
+export declare function generateOpacityGetter(opacities: VariableMap): (name: string) => VariableValue;
+export declare function generateBorderGetters({ radiuses, widths, }: {
+    radiuses: VariableMap;
+    widths: VariableMap;
+}): Record<string, (name: string) => VariableValue>;
+export declare function generateHeightGetter(heights: VariableMap): (name: string) => VariableValue;
+export {};

package/dist/{toArray-8fc577bb.js → toArray-b56541b4.js}

@@ -1,2 +1,2 @@
 "use strict";var e={},t={};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return null==e};var r={};Object.defineProperty(r,"__esModule",{value:!0});var i=t;r.default=function(e){var t=typeof e;return!i.default(e)&&["object","function"].includes(t)},Object.defineProperty(e,"__esModule",{value:!0}),exports.isObject=e.isObject=exports.isNil=e.isNil=void 0;var s=t;exports.isNil=e.isNil=s.default;var u=r;exports.isObject=e.isObject=u.default,exports.toArray=function(e){return exports.isNil(e)?[]:Array.isArray(e)?e:[e]};
-//# sourceMappingURL=toArray-8fc577bb.js.map
+//# sourceMappingURL=toArray-b56541b4.js.map

package/dist/toArray-b56541b4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toArray-b56541b4.js","sources":["../node_modules/@loadsmart/utils-object/lib/isNil.js","../node_modules/@loadsmart/utils-object/lib/isObject.js","../node_modules/@loadsmart/utils-object/lib/index.js","../src/utils/toolset/toArray.ts"],"sourcesContent":["'use strict'\nObject.defineProperty(exports, '__esModule', { value: true })\nfunction isNil(value) {\n  return value == null\n}\nexports.default = isNil\n//# sourceMappingURL=isNil.js.map\n","'use strict'\nObject.defineProperty(exports, '__esModule', { value: true })\nvar isNil_1 = require('./isNil')\nfunction isObject(value) {\n  var type = typeof value\n  return !isNil_1.default(value) && ['object', 'function'].includes(type)\n}\nexports.default = isObject\n//# sourceMappingURL=isObject.js.map\n","'use strict'\nObject.defineProperty(exports, '__esModule', { value: true })\nexports.isObject = exports.isNil = void 0\nvar isNil_1 = require('./isNil')\nexports.isNil = isNil_1.default\nvar isObject_1 = require('./isObject')\nexports.isObject = isObject_1.default\n//# sourceMappingURL=index.js.map\n","import { isNil } from '@loadsmart/utils-object'\n\n// TODO: add this helper to @loadsmart/utils\nfunction toArray<T>(value: T | T[]): T[] {\n  if (isNil(value)) {\n    return []\n  }\n\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  return [value]\n}\n\nexport default toArray\n"],"names":["Object","defineProperty","isNil_1","value","default","isObject_1","require$$0","type","includes","lib","isObject","isNil","require$$1","Array","isArray"],"mappings":"2BACAA,OAAOC,eAAeC,EAAS,aAAc,CAAEC,OAAO,IAItDD,EAAAE,QAHA,SAAeD,GACb,OAAgB,MAATA,CACT,WCHAH,OAAOC,eAAeI,EAAS,aAAc,CAAEF,OAAO,IACtD,IAAID,EAAUI,EAKdD,EAAAD,QAJA,SAAkBD,GAChB,IAAII,SAAcJ,EAClB,OAAQD,EAAQE,QAAQD,IAAU,CAAC,SAAU,YAAYK,SAASD,EACpE,ECLAP,OAAOC,eAAeQ,EAAS,aAAc,CAAEN,OAAO,IACtDO,QAAAA,SAAAD,EAAAC,SAAmBC,QAAAA,MAAAF,EAAAE,WAAgB,EACnC,IAAIT,EAAUI,EACDK,QAAAA,MAAAF,EAAAE,MAAGT,EAAQE,QACxB,IAAIC,EAAaO,EACjBF,QAAAA,SAAgBD,EAAAC,SAAGL,EAAWD,wBCH9B,SAAoBD,GAClB,OAAIQ,QAAAA,MAAMR,GACD,GAGLU,MAAMC,QAAQX,GACTA,EAGF,CAACA,EACV"}

package/dist/tools/conditional.d.ts

@@ -1,39 +1,39 @@
-import type { F } from 'ts-toolbelt';
-type WhenProps<K> = K | undefined | ((value: K) => boolean | undefined);
-export type When<P> = {
-    [Key in keyof P]?: WhenProps<P[Key]> | WhenProps<P[Key]>[] | undefined;
-};
-/**
- * Utility to generate style/class name conditions based on a components props.
- * Expected prop values can be a single value, an array of values or a function/callback.
- * @example
- * ```jsx
- * whenProps({
- *  'prop-a': true, // checks `props['prop-a']` === true`
- *  'prop-b': [1, 2], // checks `toArray([1, 2]).includes(props['prop-b'])`
- *  'prop-c': (value) => value + 1 // checks `Boolean(callback(props['prop-c']))`
- *  'prop-d': Boolean // checks `Boolean(Boolean(props['prop-d']))`
- * })
- * ```
- * @param {...Object} conditions
- * @returns {(props: Object}) => boolean} Returns function that consumes component props.
- */
-export declare function whenProps<P>(conditions: When<F.Narrow<P>> | When<F.Narrow<P>>[]): (props: P) => boolean;
-type ConditionObject<P> = Record<string, string | number | boolean | ((props: P) => boolean) | undefined>;
-type Condition<P> = number | string | ConditionObject<P> | ((props: P) => string);
-/**
- * Concatenate style properties or class names conditionally.
- * Conditions can be functions that consume components props,
- * objects, strings, or numbers (that will be coerced to strings).
- * @example
- * ```jsx
- * conditional(1, 'some-class', {
- *  'class-a': true,
- *  'class-b': (props) => props.showClassB,
- * }, (props) => props.className)
- * ```
- * @param conditions
- * @returns {(props: ThemedProps) => string} Returns function that consumes component props.
- */
-declare function conditional<P>(...conditions: Condition<P>[]): (props: P) => string;
-export default conditional;
+import type { F } from 'ts-toolbelt';
+declare type WhenProps<K> = K | undefined | ((value: K) => boolean | undefined);
+export declare type When<P> = {
+    [Key in keyof P]?: WhenProps<P[Key]> | WhenProps<P[Key]>[] | undefined;
+};
+/**
+ * Utility to generate style/class name conditions based on a components props.
+ * Expected prop values can be a single value, an array of values or a function/callback.
+ * @example
+ * ```jsx
+ * whenProps({
+ *  'prop-a': true, // checks `props['prop-a']` === true`
+ *  'prop-b': [1, 2], // checks `toArray([1, 2]).includes(props['prop-b'])`
+ *  'prop-c': (value) => value + 1 // checks `Boolean(callback(props['prop-c']))`
+ *  'prop-d': Boolean // checks `Boolean(Boolean(props['prop-d']))`
+ * })
+ * ```
+ * @param {...Object} conditions
+ * @returns {(props: Object}) => boolean} Returns function that consumes component props.
+ */
+export declare function whenProps<P>(conditions: When<F.Narrow<P>> | When<F.Narrow<P>>[]): (props: P) => boolean;
+declare type ConditionObject<P> = Record<string, string | number | boolean | ((props: P) => boolean) | undefined>;
+declare type Condition<P> = number | string | ConditionObject<P> | ((props: P) => string);
+/**
+ * Concatenate style properties or class names conditionally.
+ * Conditions can be functions that consume components props,
+ * objects, strings, or numbers (that will be coerced to strings).
+ * @example
+ * ```jsx
+ * conditional(1, 'some-class', {
+ *  'class-a': true,
+ *  'class-b': (props) => props.showClassB,
+ * }, (props) => props.className)
+ * ```
+ * @param conditions
+ * @returns {(props: ThemedProps) => string} Returns function that consumes component props.
+ */
+declare function conditional<P>(...conditions: Condition<P>[]): (props: P) => string;
+export default conditional;

package/dist/tools/conditional.test.d.ts

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

package/dist/tools/index.d.ts

@@ -1,2 +1,2 @@
-export { default as conditional, whenProps } from './conditional';
-export { default as prop } from './prop';
+export { default as conditional, whenProps } from './conditional';
+export { default as prop } from './prop';

package/dist/tools/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../prop-32998961.js");require("../toArray-8fc577bb.js"),require("../miranda-compatibility.theme-781b0886.js"),require("@loadsmart/miranda-tokens"),require("../theming/index.js"),exports.conditional=e.conditional,exports.prop=e.prop,exports.whenProps=e.whenProps;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../prop-5c502a5a.js");require("../toArray-b56541b4.js"),require("../miranda-compatibility.theme-97e29e8e.js"),require("@loadsmart/miranda-tokens"),require("../theming/index.js"),exports.conditional=e.conditional,exports.prop=e.prop,exports.whenProps=e.whenProps;
 //# sourceMappingURL=index.js.map

package/dist/tools/prop.d.ts

@@ -1,15 +1,15 @@
-declare function compare(...args: any[]): unknown;
-/**
- * Retrieve the key value from the props object
- * @example
- * ```jsx
- * -transform: scaleY(${(props) => props.$height || 1});
- * +transform: scaleY(${prop('$height', 1)});
- * ```
- * @param name a valid property name from the object
- * @param defaultValue a fallback value in case the property value is invalid
- * @param comparatorFn a function to be used to decide between value or defaultValue
- * @returns {(props: ThemedProps) => string} Returns function that consumes component props.
- */
-declare function prop<P, K extends keyof P = keyof P>(name: K, defaultValue?: NonNullable<P[K]>, comparatorFn?: typeof compare): (props: P) => P[K];
-export default prop;
+declare function compare(...args: any[]): unknown;
+/**
+ * Retrieve the key value from the props object
+ * @example
+ * ```jsx
+ * -transform: scaleY(${(props) => props.$height || 1});
+ * +transform: scaleY(${prop('$height', 1)});
+ * ```
+ * @param name a valid property name from the object
+ * @param defaultValue a fallback value in case the property value is invalid
+ * @param comparatorFn a function to be used to decide between value or defaultValue
+ * @returns {(props: ThemedProps) => string} Returns function that consumes component props.
+ */
+declare function prop<P, K extends keyof P = keyof P>(name: K, defaultValue?: NonNullable<P[K]>, comparatorFn?: typeof compare): (props: P) => P[K];
+export default prop;

package/dist/tools/prop.test.d.ts

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

package/dist/utils/toolset/awaitTo.d.ts

@@ -1,10 +1,10 @@
-/**
- * This is an async wrapper for waiting a promise to be settled without the hussle of handling error.
- * It returns `[error, data]`.
- * @example
- * const [error, data] = await genericTo(myPromise())
- * @param promise - promise to be awaited for.
- * @param errorExt - error to be appended, in case the promise is rejected.
- */
-declare function genericTo<T>(promise: Promise<T>, errorExt?: Record<string, unknown>): Promise<[any, T | undefined]>;
-export default genericTo;
+/**
+ * This is an async wrapper for waiting a promise to be settled without the hussle of handling error.
+ * It returns `[error, data]`.
+ * @example
+ * const [error, data] = await genericTo(myPromise())
+ * @param promise - promise to be awaited for.
+ * @param errorExt - error to be appended, in case the promise is rejected.
+ */
+declare function genericTo<T>(promise: Promise<T>, errorExt?: Record<string, unknown>): Promise<[any, T | undefined]>;
+export default genericTo;

package/dist/utils/toolset/debounce.d.ts

@@ -1 +1 @@
-export { default } from 'lodash.debounce';
+export { default } from 'lodash.debounce';

package/dist/utils/toolset/flatten.d.ts

@@ -1 +1 @@
-export { default } from 'lodash.flatten';
+export { default } from 'lodash.flatten';

package/dist/utils/toolset/formatBytes.d.ts

@@ -1,4 +1,4 @@
-export declare const BYTES_PER_KILOBYTE = 1024;
-export declare const FILE_SIZE_ABBREVIATIONS: string[];
-declare const formatBytes: (bytes: number, decimals?: number) => string;
-export default formatBytes;
+export declare const BYTES_PER_KILOBYTE = 1024;
+export declare const FILE_SIZE_ABBREVIATIONS: string[];
+declare const formatBytes: (bytes: number, decimals?: number) => string;
+export default formatBytes;

package/dist/utils/toolset/formatBytes.test.d.ts

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

package/dist/utils/toolset/get.d.ts

@@ -1 +1 @@
-export { default } from 'lodash.get';
+export { default } from 'lodash.get';

package/dist/utils/toolset/getID.d.ts

@@ -1,13 +1,13 @@
-/**
- *
- * @param {Object} options - Options
- * @param
- * @returns
- */
-export declare function IDGenerator({ maxIDLength, initialIDLength, alphabet, }: {
-    maxIDLength: number;
-    initialIDLength: number;
-    alphabet: string;
-}): () => string;
-declare const getID: () => string;
-export default getID;
+/**
+ *
+ * @param {Object} options - Options
+ * @param
+ * @returns
+ */
+export declare function IDGenerator({ maxIDLength, initialIDLength, alphabet, }: {
+    maxIDLength: number;
+    initialIDLength: number;
+    alphabet: string;
+}): () => string;
+declare const getID: () => string;
+export default getID;

package/dist/utils/toolset/getID.test.d.ts

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

package/dist/utils/toolset/getOrdinalSuffix.d.ts

@@ -1 +1 @@
-export declare const getOrdinalSuffix: (number: number) => 'st' | 'nd' | 'rd' | 'th';
+export declare const getOrdinalSuffix: (number: number) => 'st' | 'nd' | 'rd' | 'th';

package/dist/utils/toolset/getOrdinalSuffix.test.d.ts

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

package/dist/utils/toolset/highlightMatch.d.ts

@@ -1,9 +1,9 @@
-/**
- * A function that wraps a match into `mark` element to be highlighted.
- * @example
- *
- * @param {string} - label to be split
- * @param {string} - match to be found
- * @returns {ReactNode} - an element with marked match
- */
-export default function highlightMatch(str: string, match: string): JSX.Element;
+/**
+ * A function that wraps a match into `mark` element to be highlighted.
+ * @example
+ *
+ * @param {string} - label to be split
+ * @param {string} - match to be found
+ * @returns {ReactNode} - an element with marked match
+ */
+export default function highlightMatch(str: string, match: string): JSX.Element;

package/dist/utils/toolset/highlightMatch.test.d.ts

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

package/dist/utils/toolset/interleave.d.ts

@@ -1,2 +1,2 @@
-declare function interleave<T>(array1: Array<T>, array2: Array<T>): T[];
-export default interleave;
+declare function interleave<T>(array1: Array<T>, array2: Array<T>): T[];
+export default interleave;

package/dist/utils/toolset/interleave.test.d.ts

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

package/dist/utils/toolset/isEmpty.d.ts

@@ -1 +1 @@
-export { default } from 'lodash.isempty';
+export { default } from 'lodash.isempty';

package/dist/utils/toolset/isThenable.d.ts

@@ -1,5 +1,5 @@
-interface Thenable {
-    then(): any;
-}
-export declare function isThenable(object: any): object is Thenable;
-export {};
+interface Thenable {
+    then(): any;
+}
+export declare function isThenable(object: any): object is Thenable;
+export {};

package/dist/utils/toolset/isThenable.test.d.ts

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

package/dist/utils/toolset/keyboard.d.ts

@@ -1,24 +1,24 @@
-import type { KeyboardEvent } from 'react';
-declare const SUPPORTED_KEYS: {
-    ALT: string;
-    ARROW_DOWN: string;
-    ARROW_LEFT: string;
-    ARROW_RIGHT: string;
-    ARROW_UP: string;
-    CONTROL: string;
-    ENTER: string;
-    ESCAPE: string;
-    SHIFT: string;
-    SPACE: string;
-    TAB: string;
-    E_LOWERCASE: string;
-    DOT: string;
-    PLUS: string;
-    MINUS: string;
-};
-export type SupportedKey = keyof typeof SUPPORTED_KEYS;
-export declare function getKeyboardKey(e: KeyboardEvent): KeyboardEvent['key'];
-declare function KeyboardKey(e: KeyboardEvent): {
-    is(otherKeys: SupportedKey | SupportedKey[]): boolean;
-};
-export default KeyboardKey;
+import type { KeyboardEvent } from 'react';
+declare const SUPPORTED_KEYS: {
+    ALT: string;
+    ARROW_DOWN: string;
+    ARROW_LEFT: string;
+    ARROW_RIGHT: string;
+    ARROW_UP: string;
+    CONTROL: string;
+    ENTER: string;
+    ESCAPE: string;
+    SHIFT: string;
+    SPACE: string;
+    TAB: string;
+    E_LOWERCASE: string;
+    DOT: string;
+    PLUS: string;
+    MINUS: string;
+};
+export declare type SupportedKey = keyof typeof SUPPORTED_KEYS;
+export declare function getKeyboardKey(e: KeyboardEvent): KeyboardEvent['key'];
+declare function KeyboardKey(e: KeyboardEvent): {
+    is(otherKeys: SupportedKey | SupportedKey[]): boolean;
+};
+export default KeyboardKey;

package/dist/utils/toolset/omit.d.ts

@@ -1 +1 @@
-export { default } from 'lodash.omit';
+export { default } from 'lodash.omit';

package/dist/utils/toolset/pluralize.d.ts

@@ -1,14 +1,14 @@
-/**
- * Helper that returns the plural form if count is different than 1, otherwise the singular one.
- * @example
- * let total = 3
- * `Item${pluralize(total)}` // "Items"
- * `Child${pluralize(total, 'ren')}` // "Children"
- * `Pe${pluralize(total, 'ople', 'rson')}` // "People"
- * `${pluralize(total, 'People', 'Person')}` // "People"
- * @param count - total of items
- * @param plural - defaults to "s"
- * @param singular - defaults to ""
- * @returns plural or singular.
- */
-export default function pluralize(count: number, plural?: string, singular?: string): string;
+/**
+ * Helper that returns the plural form if count is different than 1, otherwise the singular one.
+ * @example
+ * let total = 3
+ * `Item${pluralize(total)}` // "Items"
+ * `Child${pluralize(total, 'ren')}` // "Children"
+ * `Pe${pluralize(total, 'ople', 'rson')}` // "People"
+ * `${pluralize(total, 'People', 'Person')}` // "People"
+ * @param count - total of items
+ * @param plural - defaults to "s"
+ * @param singular - defaults to ""
+ * @returns plural or singular.
+ */
+export default function pluralize(count: number, plural?: string, singular?: string): string;

package/dist/utils/toolset/range.d.ts

@@ -1 +1 @@
-export { default } from 'lodash.range';
+export { default } from 'lodash.range';

package/dist/utils/toolset/rem.d.ts

@@ -1,3 +1,3 @@
-export declare const BASE_PIXELS = 16;
-declare function rem(valueInPixels: number | string, base?: number): string;
-export default rem;
+export declare const BASE_PIXELS = 16;
+declare function rem(valueInPixels: number | string, base?: number): string;
+export default rem;

package/dist/utils/toolset/styledCompounds.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import type { StyledComponent } from 'styled-components';
-/**
- * Helper that returns the plural form if count is different than 1, otherwise the singular one.
- * @example
- * const StyledParent = styled.div``
- * styledCompounds(StyledParent, { Child: (props) => <div /> })
- * <StyledParent.Child />
- * @param StyledComponent - Parent instance of a styled-component
- * @param compounds - Object with compound components
- * @returns Parent component with type-safe accessable compound components
- */
-export declare function styledCompounds<A extends StyledComponent<React.ComponentType, Record<string, unknown>>, B extends Record<string, unknown>>(Parent: A, compounds: B): A & B;
+/// <reference types="react" />
+import type { StyledComponent } from 'styled-components';
+/**
+ * Helper that returns the plural form if count is different than 1, otherwise the singular one.
+ * @example
+ * const StyledParent = styled.div``
+ * styledCompounds(StyledParent, { Child: (props) => <div /> })
+ * <StyledParent.Child />
+ * @param StyledComponent - Parent instance of a styled-component
+ * @param compounds - Object with compound components
+ * @returns Parent component with type-safe accessable compound components
+ */
+export declare function styledCompounds<A extends StyledComponent<React.ComponentType, Record<string, unknown>>, B extends Record<string, unknown>>(Parent: A, compounds: B): A & B;

package/dist/utils/toolset/toArray.d.ts

@@ -1,2 +1,2 @@
-declare function toArray<T>(value: T | T[]): T[];
-export default toArray;
+declare function toArray<T>(value: T | T[]): T[];
+export default toArray;

package/dist/utils/types/ColorScheme.d.ts

@@ -1,2 +1,2 @@
-type ColorScheme = 'dark' | 'light';
-export default ColorScheme;
+declare type ColorScheme = 'dark' | 'light';
+export default ColorScheme;

package/dist/utils/types/EventLike.d.ts

@@ -1,10 +1,10 @@
-export interface EventLikeTarget<T> {
-    id?: number | string;
-    name: string;
-    value: T;
-    type?: string;
-    checked?: boolean;
-}
-export default interface EventLike<T> {
-    target: EventLikeTarget<T>;
-}
+export interface EventLikeTarget<T> {
+    id?: number | string;
+    name: string;
+    value: T;
+    type?: string;
+    checked?: boolean;
+}
+export default interface EventLike<T> {
+    target: EventLikeTarget<T>;
+}

package/dist/utils/types/InterpolatedStyle.d.ts

@@ -1,2 +1,2 @@
-import type { ThemeTokenValue } from 'theming';
-export type InterpolatedStyle = (ThemeTokenValue | ((...args: unknown[]) => ThemeTokenValue))[];
+import type { ThemeTokenValue } from "../../theming";
+export declare type InterpolatedStyle = (ThemeTokenValue | ((...args: unknown[]) => ThemeTokenValue))[];

package/dist/utils/types/Status.d.ts

@@ -1,7 +1,7 @@
-declare enum Status {
-    Success = "success",
-    Danger = "danger",
-    Warn = "warn",
-    Neutral = "neutral"
-}
-export default Status;
+declare enum Status {
+    Success = "success",
+    Danger = "danger",
+    Warn = "warn",
+    Neutral = "neutral"
+}
+export default Status;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@loadsmart/loadsmart-ui",
-	"version": "6.0.6",
+	"version": "6.0.7",
 	"description": "Miranda UI, a React UI library",
 	"main": "dist",
 	"files": [
@@ -41,7 +41,7 @@
 		"@babel/core": "^7.20.12",
 		"@babel/preset-env": "^7.20.2",
 		"@babel/preset-react": "^7.18.6",
-		"@babel/preset-typescript": "^7.21.0",
+		"@babel/preset-typescript": "^7.18.6",
 		"@commitlint/cli": "^16.0.2",
 		"@commitlint/config-conventional": "^16.0.0",
 		"@loadsmart/miranda-tokens": "^2.2.1",
@@ -50,7 +50,6 @@
 		"@rollup/plugin-commonjs": "^19.0.0",
 		"@rollup/plugin-json": "^4.1.0",
 		"@rollup/plugin-node-resolve": "^13.0.0",
-		"@rollup/plugin-typescript": "^11.0.0",
 		"@semantic-release/git": "^9.0.0",
 		"@storybook/addon-a11y": "^6.5.15",
 		"@storybook/addon-actions": "^6.5.15",
@@ -89,8 +88,8 @@
 		"@types/react-dom": "^17.0.3",
 		"@types/react-test-renderer": "^17.0.1",
 		"@types/styled-components": "^5.1.9",
-		"@typescript-eslint/eslint-plugin": "^5.54.1",
-		"@typescript-eslint/parser": "^5.54.1",
+		"@typescript-eslint/eslint-plugin": "^4.22.1",
+		"@typescript-eslint/parser": "^4.22.1",
 		"@zerollup/ts-transform-paths": "^1.7.18",
 		"autoprefixer": "^9.8.8",
 		"babel-jest": "^27.5.1",
@@ -130,6 +129,7 @@
 		"rollup-plugin-delete": "^2.0.0",
 		"rollup-plugin-peer-deps-external": "^2.2.4",
 		"rollup-plugin-terser": "^7.0.2",
+		"rollup-plugin-typescript2": "^0.34.1",
 		"rollup-plugin-visualizer": "^5.5.2",
 		"semantic-release": "^17.4.2",
 		"styled-components": "^5.3.0",
@@ -143,8 +143,9 @@
 		"ts-jest": "^27.1.5",
 		"ts-node": "^10.9.1",
 		"ts-toolbelt": "^9.6.0",
-		"typescript": "^4.9.5",
-		"typescript-plugin-styled-components": "^2.0.0",
+		"ttypescript": "^1.5.13",
+		"typescript": "4.4.4",
+		"typescript-plugin-styled-components": "^1.5.0",
 		"webpack": "^5.75.0"
 	},
 	"peerDependencies": {

package/src/components/Table/Table.tsx

@@ -324,7 +324,7 @@ function ExpandableTableRow({
 
   let leading: ReactNode = <RotatableIcon name="caret-right" $rotate={open} />
   if (propsLeading) {
-    leading = (isFunction(propsLeading) ? propsLeading(open) : propsLeading) as unknown as ReactNode
+    leading = isFunction(propsLeading) ? propsLeading(open) : propsLeading
   }
 
   function toggle() {