@commercelayer/app-elements 1.24.0 → 1.24.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/{InputDateComponent-LVpAVxDQ.js → InputDateComponent-Cn_yEGmw.js} +1 -1
- package/dist/{main-DX8JF0Cz.js → main-BPlS7o1x.js} +3986 -3937
- package/dist/main.js +1 -1
- package/dist/ui/atoms/Icon/icons.d.ts +1 -0
- package/dist/ui/composite/Dropdown/DropdownItem.d.ts +2 -2
- package/dist/ui/forms/InputRadioGroup/InputRadioGroup.d.ts +1 -1
- package/dist/ui/forms/InputReadonly.d.ts +1 -1
- package/dist/ui/internals/InteractiveElement.className.d.ts +1 -1
- package/dist/ui/resources/ResourceListItem/common.d.ts +1 -1
- package/dist/utils/children.d.ts +15 -0
- package/package.json +1 -1
package/dist/main.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { aD as s, bg as t, aE as o, aF as r, aG as n, aH as u, aI as c, aJ as i, aK as l, aL as p, bh as d, aM as b, aN as g, at as m, bi as S, bj as I, bk as k, bl as T, aO as D, ax as R, ay as y, aP as h, aQ as A, bm as C, bz as F, bA as H, bC as P, bE as f, bG as v, bK as B, bM as L, bR as O, bU as N, bW as w, c1 as G, c3 as E, c5 as V, c7 as x, c9 as M, cd as W, ce as U, aR as J, aS as Y, bB as j, bD as q, bF as z, bH as Z, bJ as _, bL as $, bN as K, bO as Q, bP as X, bQ as aa, bS as ea, bT as sa, bV as ta, bX as oa, c2 as ra, c4 as na, c6 as ua, c8 as ca, ca as ia, cb as la, cc as pa, bn as da, bo as ba, bp as ga, bq as ma, aA as Sa, br as Ia, aT as ka, bs as Ta, bt as Da, aU as Ra, aV as ya, aW as ha, aX as Aa, bu as Ca, ch as Fa, ci as Ha, cl as Pa, cm as fa, cn as va, co as Ba, cp as La, cq as Oa, cr as Na, aY as wa, bv as Ga, aZ as Ea, a_ as Va, a$ as xa, b0 as Ma, b2 as Wa, b3 as Ua, b4 as Ja, b5 as Ya, b6 as ja, bb as qa, b7 as za, bw as Za, bc as _a, bd as $a, b8 as Ka, be as Qa, b9 as Xa, bx as ae, aB as ee, by as se, bf as te, ba as oe, a9 as re, aw as ne, ac as ue, ad as ce, Z as ie, a8 as le, bY as pe, bI as de, _ as be, $ as ge, a0 as me, aa as Se, ab as Ie, ae as ke, ct as Te, cu as De, bZ as Re, a1 as ye, a2 as he, a3 as Ae, a4 as Ce, cv as Fe, cw as He, cx as Pe, cy as fe, cz as ve, af as Be, ag as Le, cA as Oe, cB as Ne, cC as we, cD as Ge, ah as Ee, ai as Ve, cE as xe, cF as Me, cG as We, al as Ue, am as Je, U as Ye, aj as je, ak as qe, W as ze, b_ as Ze, b$ as _e, c0 as $e, V as Ke, Y as Qe, a5 as Xe, cj as as, cf as es, a6 as ss, a7 as ts, an as os, au as rs, av as ns, ao as us, ap as cs, aq as is, ar as ls, as as ps, ck as ds, cs as bs, az as gs, aC as ms, cg as Ss, b1 as Is } from "./main-
|
|
2
|
+
import { aD as s, bg as t, aE as o, aF as r, aG as n, aH as u, aI as c, aJ as i, aK as l, aL as p, bh as d, aM as b, aN as g, at as m, bi as S, bj as I, bk as k, bl as T, aO as D, ax as R, ay as y, aP as h, aQ as A, bm as C, bz as F, bA as H, bC as P, bE as f, bG as v, bK as B, bM as L, bR as O, bU as N, bW as w, c1 as G, c3 as E, c5 as V, c7 as x, c9 as M, cd as W, ce as U, aR as J, aS as Y, bB as j, bD as q, bF as z, bH as Z, bJ as _, bL as $, bN as K, bO as Q, bP as X, bQ as aa, bS as ea, bT as sa, bV as ta, bX as oa, c2 as ra, c4 as na, c6 as ua, c8 as ca, ca as ia, cb as la, cc as pa, bn as da, bo as ba, bp as ga, bq as ma, aA as Sa, br as Ia, aT as ka, bs as Ta, bt as Da, aU as Ra, aV as ya, aW as ha, aX as Aa, bu as Ca, ch as Fa, ci as Ha, cl as Pa, cm as fa, cn as va, co as Ba, cp as La, cq as Oa, cr as Na, aY as wa, bv as Ga, aZ as Ea, a_ as Va, a$ as xa, b0 as Ma, b2 as Wa, b3 as Ua, b4 as Ja, b5 as Ya, b6 as ja, bb as qa, b7 as za, bw as Za, bc as _a, bd as $a, b8 as Ka, be as Qa, b9 as Xa, bx as ae, aB as ee, by as se, bf as te, ba as oe, a9 as re, aw as ne, ac as ue, ad as ce, Z as ie, a8 as le, bY as pe, bI as de, _ as be, $ as ge, a0 as me, aa as Se, ab as Ie, ae as ke, ct as Te, cu as De, bZ as Re, a1 as ye, a2 as he, a3 as Ae, a4 as Ce, cv as Fe, cw as He, cx as Pe, cy as fe, cz as ve, af as Be, ag as Le, cA as Oe, cB as Ne, cC as we, cD as Ge, ah as Ee, ai as Ve, cE as xe, cF as Me, cG as We, al as Ue, am as Je, U as Ye, aj as je, ak as qe, W as ze, b_ as Ze, b$ as _e, c0 as $e, V as Ke, Y as Qe, a5 as Xe, cj as as, cf as es, a6 as ss, a7 as ts, an as os, au as rs, av as ns, ao as us, ap as cs, aq as is, ar as ls, as as ps, ck as ds, cs as bs, az as gs, aC as ms, cg as Ss, b1 as Is } from "./main-BPlS7o1x.js";
|
|
3
3
|
export {
|
|
4
4
|
s as A,
|
|
5
5
|
t as ActionButtons,
|
|
@@ -34,6 +34,7 @@ export declare const iconMapping: {
|
|
|
34
34
|
readonly currencyEur: phosphor.Icon;
|
|
35
35
|
readonly dotsThree: phosphor.Icon;
|
|
36
36
|
readonly download: phosphor.Icon;
|
|
37
|
+
readonly envelopeSimple: phosphor.Icon;
|
|
37
38
|
readonly eye: phosphor.Icon;
|
|
38
39
|
readonly eyeSlash: phosphor.Icon;
|
|
39
40
|
readonly flag: phosphor.Icon;
|
|
@@ -298,7 +298,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
|
|
|
298
298
|
onTransitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
|
|
299
299
|
onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
|
|
300
300
|
label: string;
|
|
301
|
-
icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
|
|
301
|
+
icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
|
|
302
302
|
href: string;
|
|
303
303
|
target?: string | undefined;
|
|
304
304
|
delayMs?: number | undefined;
|
|
@@ -584,7 +584,7 @@ export declare const DropdownItem: import('../../atoms/SkeletonTemplate').Skelet
|
|
|
584
584
|
onTransitionEnd?: import('react').TransitionEventHandler<HTMLElement> | undefined;
|
|
585
585
|
onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLElement> | undefined;
|
|
586
586
|
label: string;
|
|
587
|
-
icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
|
|
587
|
+
icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | "keep-space" | undefined;
|
|
588
588
|
href?: undefined;
|
|
589
589
|
delayMs?: number | undefined;
|
|
590
590
|
isLoading?: boolean | undefined;
|
|
@@ -27,7 +27,7 @@ export declare const InputRadioGroup: import('../../atoms/SkeletonTemplate').Ske
|
|
|
27
27
|
showInput?: boolean | undefined;
|
|
28
28
|
viewMode?: "grid" | "list" | "inline" | "simple" | undefined;
|
|
29
29
|
hint?: {
|
|
30
|
-
icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
|
|
30
|
+
icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
|
|
31
31
|
text: ReactNode;
|
|
32
32
|
} | undefined;
|
|
33
33
|
feedback?: Omit<import('../InputFeedback').InputFeedbackProps, "className"> | undefined;
|
|
@@ -30,7 +30,7 @@ export type InputReadonlyProps = InputWrapperBaseProps & {
|
|
|
30
30
|
export declare const InputReadonly: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
|
|
31
31
|
label?: string | undefined;
|
|
32
32
|
hint?: {
|
|
33
|
-
icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
|
|
33
|
+
icon?: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle" | undefined;
|
|
34
34
|
text: import('react').ReactNode;
|
|
35
35
|
} | undefined;
|
|
36
36
|
feedback?: Omit<import('./InputFeedback').InputFeedbackProps, "className"> | undefined;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
type Variant = 'primary' | 'secondary' | 'danger' | 'link' | 'circle';
|
|
2
|
+
type Variant = 'primary' | 'secondary' | 'danger' | 'link' | 'circle' | 'relationship';
|
|
3
3
|
type Size = 'mini' | 'small' | 'regular' | 'large';
|
|
4
4
|
export interface InteractiveElementProps {
|
|
5
5
|
children: React.ReactNode;
|
|
@@ -9,7 +9,7 @@ export declare const ListItemDescription: import('../../atoms/SkeletonTemplate')
|
|
|
9
9
|
}>;
|
|
10
10
|
export declare const ListItemIcon: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
|
|
11
11
|
color: "none" | "green" | "orange" | "red" | "gray" | "lightGray" | "teal" | "white" | "black" | undefined;
|
|
12
|
-
icon: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle";
|
|
12
|
+
icon: "download" | "package" | "tag" | "list" | "warning" | "info" | "x" | "airplaneTakeoff" | "appWindow" | "arrowBendDownRight" | "arrowCircleDown" | "arrowCircleUp" | "arrowClockwise" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowsLeftRight" | "arrowSquareOut" | "arrowUpRight" | "arrowUUpLeft" | "asteriskSimple" | "bank" | "bookOpenText" | "bracketsCurly" | "buildings" | "calculator" | "calendarBlank" | "calendarCheck" | "camera" | "caretDown" | "caretRight" | "chat" | "chatCircle" | "check" | "clipboardText" | "clockClockwise" | "cloudArrowUp" | "creditCard" | "currencyEur" | "dotsThree" | "envelopeSimple" | "eye" | "eyeSlash" | "flag" | "folderOpen" | "funnelSimple" | "gearFine" | "gift" | "gitFork" | "githubLogo" | "globe" | "globeSimple" | "googleLogo" | "hourglass" | "houseSimple" | "lifebuoy" | "lightbulbFilament" | "linkSimple" | "lockSimple" | "lockSimpleOpen" | "magnifyingGlass" | "mapPin" | "megaphoneSimple" | "minus" | "minusCircle" | "pencilSimple" | "percent" | "plus" | "printer" | "pulse" | "pushPin" | "puzzlePiece" | "question" | "receipt" | "rocketLaunch" | "seal" | "shapes" | "shield" | "shoppingBag" | "signOut" | "slackLogo" | "sliders" | "squaresFour" | "stack" | "storefront" | "suitcaseSimple" | "ticket" | "trash" | "treeStructure" | "truck" | "tShirt" | "upload" | "user" | "userCircle" | "userRectangle" | "users" | "warehouse" | "warningCircle" | "webhooksLogo" | "xCircle";
|
|
13
13
|
delayMs?: number | undefined;
|
|
14
14
|
isLoading?: boolean | undefined;
|
|
15
15
|
}>;
|
package/dist/utils/children.d.ts
CHANGED
|
@@ -16,6 +16,21 @@ export declare function isFunctionComponent(reactNode: ReactNode): reactNode is
|
|
|
16
16
|
* ```
|
|
17
17
|
*/
|
|
18
18
|
export declare function isSpecificReactComponent(reactNode: ReactNode, displayNames: RegExp[]): reactNode is JSX.Element;
|
|
19
|
+
/**
|
|
20
|
+
* Checks if a ReactNode matches a specific JSX tag.
|
|
21
|
+
* @param reactNode - a ReactNode single child
|
|
22
|
+
* @param tagNames - a list of names of the jsx tags we would like to match
|
|
23
|
+
* @returns a boolean value indicating argument match the passed displayNames
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* ```jsx
|
|
27
|
+
* React.Children.map(children, (child) =>
|
|
28
|
+
* isSpecificJsxTag(child, ['button', 'input'])
|
|
29
|
+
* )
|
|
30
|
+
* // will return an array of true/false values depending if some child is a button
|
|
31
|
+
* ```
|
|
32
|
+
*/
|
|
33
|
+
export declare function isSpecificJsxTag(reactNode: ReactNode, tagNames: string[]): reactNode is JSX.Element;
|
|
19
34
|
export declare function getInnerText(reactNode: ReactNode): string;
|
|
20
35
|
/**
|
|
21
36
|
* Filter an `Element` looking for all children with the given `displayName`.
|