@itcase/ui 1.4.1 → 1.4.5
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/{Badge-CGHosmYx.js → Badge-C68XnlcL.js} +3 -4
- package/dist/{Badge-BX4N91_C.js → Badge-C6SNRExV.js} +3 -4
- package/dist/{Button-BtAUGGPc.js → Button-Bsrw4D7p.js} +3 -3
- package/dist/{Button-HKkjJ38v.js → Button-WZZpsxTk.js} +3 -3
- package/dist/{Label-XTFwl1aq.js → Label-DF2a2Mlx.js} +2 -2
- package/dist/{Label-Dpeq55TV.js → Label-I9WNpCXa.js} +2 -2
- package/dist/{Loader-CsPvc-9g.js → Loader-D4_r7LML.js} +6 -6
- package/dist/{Loader-CBEbIRnd.js → Loader-DpYaDhe9.js} +6 -6
- package/dist/cjs/components/Avatar.js +2 -2
- package/dist/cjs/components/Badge.js +1 -1
- package/dist/cjs/components/Button.js +2 -2
- package/dist/cjs/components/Cell.js +1 -1
- package/dist/cjs/components/Checkbox.js +12 -10
- package/dist/cjs/components/Checkmark.js +36 -9
- package/dist/cjs/components/Chips.js +3 -3
- package/dist/cjs/components/Choice.js +19 -11
- package/dist/cjs/components/CookiesWarning.js +2 -2
- package/dist/cjs/components/DatePicker.js +3 -3
- package/dist/cjs/components/Label.js +1 -1
- package/dist/cjs/components/Loader.js +1 -1
- package/dist/cjs/components/MenuItem.js +39 -11
- package/dist/cjs/components/Modal.js +1 -1
- package/dist/cjs/components/Response.js +89 -104
- package/dist/cjs/components/Select.js +1 -1
- package/dist/cjs/components/Tab.js +1 -1
- package/dist/cjs/components/Tile.js +1 -1
- package/dist/cjs/context/Notifications.js +2 -2
- package/dist/components/Avatar.js +2 -2
- package/dist/components/Badge.js +1 -1
- package/dist/components/Button.js +2 -2
- package/dist/components/Cell.js +1 -1
- package/dist/components/Checkbox.js +12 -10
- package/dist/components/Checkmark.js +36 -9
- package/dist/components/Chips.js +3 -3
- package/dist/components/Choice.js +19 -11
- package/dist/components/CookiesWarning.js +2 -2
- package/dist/components/DatePicker.js +3 -3
- package/dist/components/Label.js +1 -1
- package/dist/components/Loader.js +1 -1
- package/dist/components/MenuItem.js +40 -8
- package/dist/components/Modal.js +1 -1
- package/dist/components/Response.js +89 -104
- package/dist/components/Select.js +1 -1
- package/dist/components/Tab.js +1 -1
- package/dist/components/Tile.js +1 -1
- package/dist/context/Notifications.js +2 -2
- package/dist/css/components/Avatar/Avatar.css +2 -2
- package/dist/css/components/Badge/Badge.css +50 -0
- package/dist/css/components/Button/Button.css +24 -0
- package/dist/css/components/Checkbox/Checkbox.css +25 -2
- package/dist/css/components/Checkmark/Checkmark.css +6 -8
- package/dist/css/components/Label/Label.css +11 -13
- package/dist/css/components/Loader/Loader.css +40 -3
- package/dist/css/components/Response/Response.css +5 -12
- package/dist/css/components/Video/Video.css +0 -14
- package/dist/css/styles/svg-color/svg_path_fill.css +1 -2
- package/dist/stories/Cell.mdx +1 -17
- package/dist/types/components/Checkmark/appearance/checkmarkAccent.d.ts +9 -0
- package/dist/types/components/Checkmark/appearance/checkmarkDisabled.d.ts +9 -0
- package/dist/types/components/Checkmark/appearance/checkmarkStyle.d.ts +16 -0
- package/dist/types/components/Checkmark/appearance/checkmarkSurface.d.ts +11 -0
- package/dist/types/components/Flex/stories/args.d.ts +8 -8
- package/dist/types/components/Grid/stories/args.d.ts +5 -5
- package/dist/types/components/Group/stories/args.d.ts +5 -5
- package/dist/types/components/Loader/appearance/loaderAccent.d.ts +1 -1
- package/dist/types/components/Loader/appearance/loaderPrimary.d.ts +1 -1
- package/dist/types/components/Loader/appearance/loaderSecondary.d.ts +1 -1
- package/dist/types/components/Response/Response.interface.d.ts +12 -10
- package/dist/types/components/Tab/stories/args.d.ts +13 -13
- package/dist/types/context/Notifications.d.ts +4 -3
- package/dist/types/types/componentProps/align.d.ts +1 -1
- package/dist/types/types/componentProps/alignDirection.d.ts +1 -1
- package/dist/types/types/componentProps/alignment.d.ts +1 -1
- package/dist/types/types/componentProps/appearanceKeys.d.ts +1 -1
- package/dist/types/types/componentProps/borderColor.d.ts +1 -1
- package/dist/types/types/componentProps/borderColorHover.d.ts +1 -1
- package/dist/types/types/componentProps/borderType.d.ts +1 -1
- package/dist/types/types/componentProps/borderWidth.d.ts +1 -1
- package/dist/types/types/componentProps/elevation.d.ts +1 -1
- package/dist/types/types/componentProps/fill.d.ts +1 -1
- package/dist/types/types/componentProps/fillGradient.d.ts +1 -1
- package/dist/types/types/componentProps/fillHover.d.ts +1 -1
- package/dist/types/types/componentProps/fillType.d.ts +1 -1
- package/dist/types/types/componentProps/flexAlign.d.ts +1 -1
- package/dist/types/types/componentProps/flexGrow.d.ts +1 -1
- package/dist/types/types/componentProps/flexJustifyContent.d.ts +1 -1
- package/dist/types/types/componentProps/flexWrap.d.ts +1 -1
- package/dist/types/types/componentProps/gridAlign.d.ts +1 -1
- package/dist/types/types/componentProps/gridAlignSelf.d.ts +1 -1
- package/dist/types/types/componentProps/gridJustifyItems.d.ts +1 -1
- package/dist/types/types/componentProps/gridJustifySelf.d.ts +1 -1
- package/dist/types/types/componentProps/height.d.ts +1 -1
- package/dist/types/types/componentProps/horizontalContentAlign.d.ts +1 -1
- package/dist/types/types/componentProps/horizontalResizeMode.d.ts +1 -1
- package/dist/types/types/componentProps/iconFillSize.d.ts +1 -1
- package/dist/types/types/componentProps/iconSize.d.ts +1 -1
- package/dist/types/types/componentProps/itemColor.d.ts +1 -1
- package/dist/types/types/componentProps/justifyContent.d.ts +1 -1
- package/dist/types/types/componentProps/overflow.d.ts +1 -1
- package/dist/types/types/componentProps/position.d.ts +1 -1
- package/dist/types/types/componentProps/resizeMode.d.ts +1 -1
- package/dist/types/types/componentProps/shape.d.ts +1 -1
- package/dist/types/types/componentProps/size.d.ts +1 -1
- package/dist/types/types/componentProps/sizeOption.d.ts +1 -1
- package/dist/types/types/componentProps/sizePX.d.ts +1 -1
- package/dist/types/types/componentProps/stacking.d.ts +1 -1
- package/dist/types/types/componentProps/state.d.ts +1 -1
- package/dist/types/types/componentProps/svgFill.d.ts +1 -1
- package/dist/types/types/componentProps/textAlign.d.ts +1 -1
- package/dist/types/types/componentProps/textGradient.d.ts +1 -1
- package/dist/types/types/componentProps/textSize.d.ts +1 -1
- package/dist/types/types/componentProps/textStyle.d.ts +1 -1
- package/dist/types/types/componentProps/textTag.d.ts +1 -1
- package/dist/types/types/componentProps/textWeight.d.ts +1 -1
- package/dist/types/types/componentProps/textWrap.d.ts +1 -1
- package/dist/types/types/componentProps/titleSize.d.ts +4 -2
- package/dist/types/types/componentProps/type.d.ts +1 -1
- package/dist/types/types/componentProps/underline.d.ts +1 -1
- package/dist/types/types/componentProps/verticalContentAlign.d.ts +1 -1
- package/dist/types/types/componentProps/verticalResizeMode.d.ts +1 -1
- package/dist/types/types/componentProps/width.d.ts +1 -1
- package/dist/types/types/componentProps/wrap.d.ts +1 -1
- package/dist/types/types/index.d.ts +0 -2
- package/package.json +12 -12
- package/dist/MenuItem-Cjlnmfwh.js +0 -40
- package/dist/MenuItem-PJkuGghn.js +0 -44
- package/dist/cjs/components/Menu.js +0 -45
- package/dist/components/Menu.js +0 -41
- package/dist/css/components/Menu/Menu.css +0 -65
- package/dist/stories/Checkbox.mdx +0 -23
- package/dist/stories/Checkmark.mdx +0 -15
- package/dist/stories/Chips.mdx +0 -31
- package/dist/stories/DevMode.mdx +0 -9
- package/dist/stories/Label.mdx +0 -31
- package/dist/stories/Loader.mdx +0 -31
- package/dist/stories/Message.mdx +0 -15
- package/dist/stories/Response.mdx +0 -23
- package/dist/stories/WithTooltip.mdx +0 -9
- package/dist/types/components/Button/stories/args.d.ts +0 -200
- package/dist/types/components/Chips/stories/args.d.ts +0 -45
- package/dist/types/components/Menu/Menu.appearance.d.ts +0 -2
- package/dist/types/components/Menu/Menu.d.ts +0 -4
- package/dist/types/components/Menu/Menu.interface.d.ts +0 -35
- package/dist/types/components/Menu/index.d.ts +0 -2
- package/dist/types/components/Response/stories/args.d.ts +0 -174
- package/dist/types/types/componentProps/captionPosition.d.ts +0 -3
- package/dist/types/types/componentProps/emojiSize.d.ts +0 -3
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const fillGradientProps: readonly [undefined, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
|
|
1
|
+
declare const fillGradientProps: readonly [undefined, false, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
|
|
2
2
|
export type tFillGradientProps = (typeof fillGradientProps)[number];
|
|
3
3
|
export { fillGradientProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const fillHoverProps: readonly [undefined, "accentPrimaryHover", "accentSecondary", "accentSecondaryHover", "accentTertiary", "primaryPrimaryHover", "secondaryPrimaryHover", "surfaceItemTertiary", "surfacePrimaryHover", "surfaceSecondaryHover", "surfaceTertiary", "surfaceTertiaryHover"];
|
|
1
|
+
declare const fillHoverProps: readonly [undefined, false, "accentPrimaryHover", "accentSecondary", "accentSecondaryHover", "accentTertiary", "primaryPrimaryHover", "secondaryPrimaryHover", "surfaceItemTertiary", "surfacePrimaryHover", "surfaceSecondaryHover", "surfaceTertiary", "surfaceTertiaryHover"];
|
|
2
2
|
export type tFillHoverProps = (typeof fillHoverProps)[number];
|
|
3
3
|
export { fillHoverProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const flexAlignProps: readonly [undefined, "stretch", "flex-start", "flex-end", "center", "baseline", "auto"];
|
|
1
|
+
declare const flexAlignProps: readonly [undefined, false, "stretch", "flex-start", "flex-end", "center", "baseline", "auto"];
|
|
2
2
|
export type tFlexAlignProps = (typeof flexAlignProps)[number];
|
|
3
3
|
export { flexAlignProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const flexJustifyContentProps: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
|
|
1
|
+
declare const flexJustifyContentProps: readonly [undefined, false, "flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
|
|
2
2
|
export type tFlexJustifyContentProps = (typeof flexJustifyContentProps)[number];
|
|
3
3
|
export { flexJustifyContentProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const gridAlignProps: readonly [undefined, "auto", "normal", "stretch", "center", "start", "end", "space-around", "space-between", "space-evenly", "safe center", "unsafe center", "self-start", "self-end", "first", "baseline", "first baseline", "last baseline"];
|
|
1
|
+
declare const gridAlignProps: readonly [undefined, false, "auto", "normal", "stretch", "center", "start", "end", "space-around", "space-between", "space-evenly", "safe center", "unsafe center", "self-start", "self-end", "first", "baseline", "first baseline", "last baseline"];
|
|
2
2
|
export type tGridAlignProps = (typeof gridAlignProps)[number];
|
|
3
3
|
export { gridAlignProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const gridAlignSelfProps: readonly [undefined, "auto", "normal", "stretch", "center", "start", "end", "space-around", "space-between", "space-evenly", "safe center", "unsafe center", "self-start", "self-end", "first", "baseline", "first baseline", "last baseline"];
|
|
1
|
+
declare const gridAlignSelfProps: readonly [undefined, false, "auto", "normal", "stretch", "center", "start", "end", "space-around", "space-between", "space-evenly", "safe center", "unsafe center", "self-start", "self-end", "first", "baseline", "first baseline", "last baseline"];
|
|
2
2
|
export type tGridAlignSelfProps = (typeof gridAlignSelfProps)[number];
|
|
3
3
|
export { gridAlignSelfProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const gridJustifyItemsProps: readonly [undefined, "legacy", "normal", "stretch", "center", "safe", "center", "unsafe", "center", "start", "end", "self-start", "self-end", "left", "right", "first", "baseline", "first baseline", "last baseline"];
|
|
1
|
+
declare const gridJustifyItemsProps: readonly [undefined, false, "legacy", "normal", "stretch", "center", "safe", "center", "unsafe", "center", "start", "end", "self-start", "self-end", "left", "right", "first", "baseline", "first baseline", "last baseline"];
|
|
2
2
|
export type tGridJustifyItemsProps = (typeof gridJustifyItemsProps)[number];
|
|
3
3
|
export { gridJustifyItemsProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const gridJustifySelfProps: readonly [undefined, "auto", "legacy", "normal", "stretch", "center", "start", "end", "left", "right", "space-around", "space-between", "space-evenly", "safe", "center", "unsafe center", "self-start", "self-end", "left", "right", "baseline", "first baseline", "last baseline"];
|
|
1
|
+
declare const gridJustifySelfProps: readonly [undefined, false, "auto", "legacy", "normal", "stretch", "center", "start", "end", "left", "right", "space-around", "space-between", "space-evenly", "safe", "center", "unsafe center", "self-start", "self-end", "left", "right", "baseline", "first baseline", "last baseline"];
|
|
2
2
|
export type tGridJustifySelfProps = (typeof gridJustifySelfProps)[number];
|
|
3
3
|
export { gridJustifySelfProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const horizontalContentAlignProps: readonly [undefined, "center"];
|
|
1
|
+
declare const horizontalContentAlignProps: readonly [undefined, false, "center"];
|
|
2
2
|
export type tHorizontalContentAlignProps = (typeof horizontalContentAlignProps)[number];
|
|
3
3
|
export { horizontalContentAlignProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const horizontalResizeModeProps: readonly [undefined, "fixed", "hug", "fill"];
|
|
1
|
+
declare const horizontalResizeModeProps: readonly [undefined, false, "fixed", "hug", "fill"];
|
|
2
2
|
export type tHorizontalResizeModeProps = (typeof horizontalResizeModeProps)[number];
|
|
3
3
|
export { horizontalResizeModeProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const iconFillSizeProps: readonly [undefined, 10, 14, 16, 24, 32, 36, 40, 60, 64, 144, "10", "14", "16", "24", "32", "36", "40", "60", "64", "144"];
|
|
1
|
+
declare const iconFillSizeProps: readonly [undefined, false, 10, 14, 16, 24, 32, 36, 40, 60, 64, 144, "10", "14", "16", "24", "32", "36", "40", "60", "64", "144"];
|
|
2
2
|
export type tIconFillSizeProps = (typeof iconFillSizeProps)[number];
|
|
3
3
|
export { iconFillSizeProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const iconSizeProps: readonly [undefined, 10, 12, 14, 16, 20, 24, 32, 40, 60, 64, 144, "10", "12", "14", "16", "20", "24", "32", "40", "60", "64", "144"];
|
|
1
|
+
declare const iconSizeProps: readonly [undefined, false, 10, 12, 14, 16, 20, 24, 32, 40, 60, 64, 144, "10", "12", "14", "16", "20", "24", "32", "40", "60", "64", "144"];
|
|
2
2
|
export type tIconSizeProps = (typeof iconSizeProps)[number];
|
|
3
3
|
export { iconSizeProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const itemColorProps: readonly [undefined, "accentItemPrimary", "accentItemSecondary", "accentItemTertiary", "accentItemDisabled", "primaryItemPrimary", "primaryItemSecondary", "primaryItemTertiary", "primaryItemDisabled", "secondaryItemPrimary", "secondaryItemSecondary", "secondaryItemTertiary", "secondaryItemDisabled", "tertiaryItemPrimary", "tertiaryItemSecondary", "tertiaryItemTertiary", "surfaceItemPrimary", "surfaceItemSecondary", "surfaceItemTertiary", "surfaceItemQuaternary", "surfaceItemQuinary", "surfaceItemDisabled", "surfaceItemInverse", "surfaceItemAccent", "errorItemPrimary", "errorItemSecondary", "successItemPrimary", "successItemSecondary"];
|
|
1
|
+
declare const itemColorProps: readonly [undefined, false, "accentItemPrimary", "accentItemSecondary", "accentItemTertiary", "accentItemDisabled", "primaryItemPrimary", "primaryItemSecondary", "primaryItemTertiary", "primaryItemDisabled", "secondaryItemPrimary", "secondaryItemSecondary", "secondaryItemTertiary", "secondaryItemDisabled", "tertiaryItemPrimary", "tertiaryItemSecondary", "tertiaryItemTertiary", "surfaceItemPrimary", "surfaceItemSecondary", "surfaceItemTertiary", "surfaceItemQuaternary", "surfaceItemQuinary", "surfaceItemDisabled", "surfaceItemInverse", "surfaceItemAccent", "errorItemPrimary", "errorItemSecondary", "successItemPrimary", "successItemSecondary"];
|
|
2
2
|
export type tItemColorProps = (typeof itemColorProps)[number];
|
|
3
3
|
export { itemColorProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const justifyContentProps: readonly [undefined, "center", "flex-end", "flex-start", "flexEnd", "flexStart", "space-around", "space-between", "space-evenly", "spaceAround", "spaceBetween", "spaceEvenly"];
|
|
1
|
+
declare const justifyContentProps: readonly [undefined, false, "center", "flex-end", "flex-start", "flexEnd", "flexStart", "space-around", "space-between", "space-evenly", "spaceAround", "spaceBetween", "spaceEvenly"];
|
|
2
2
|
export type tJustifyContentProps = (typeof justifyContentProps)[number];
|
|
3
3
|
export { justifyContentProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const positionProps: readonly ["static", "absolute", "relative", "fixed", "inherit"];
|
|
1
|
+
declare const positionProps: readonly [undefined, false, "static", "absolute", "relative", "fixed", "inherit"];
|
|
2
2
|
export type tPositionProps = (typeof positionProps)[number];
|
|
3
3
|
export { positionProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const resizeModeProps: readonly [undefined, "cover", "contain", "stretch", "center", "caption-back"];
|
|
1
|
+
declare const resizeModeProps: readonly [undefined, false, "cover", "contain", "stretch", "center", "caption-back"];
|
|
2
2
|
export type tResizeModeProps = (typeof resizeModeProps)[number];
|
|
3
3
|
export { resizeModeProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const sizeOptionProps: readonly [undefined, "any", "compact", "l", "large", "m", "normal", "regular", "s", "tiny", "xl", "xs", "xxl"];
|
|
1
|
+
declare const sizeOptionProps: readonly [undefined, false, "any", "compact", "l", "large", "m", "normal", "regular", "s", "tiny", "xl", "xs", "xxl"];
|
|
2
2
|
export type tSizeOptionProps = (typeof sizeOptionProps)[number];
|
|
3
3
|
export { sizeOptionProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const sizePXProps: readonly [undefined, 14, 16, 20, 24, 32, 40, 48, 56, 60, 64, 72, 80, 96, 112, 144, 240, "14", "16", "20", "24", "32", "40", "48", "56", "60", "64", "72", "80", "96", "112", "144", "240"];
|
|
1
|
+
declare const sizePXProps: readonly [undefined, false, 14, 16, 20, 24, 32, 40, 48, 56, 60, 64, 72, 80, 96, 112, 144, 240, "14", "16", "20", "24", "32", "40", "48", "56", "60", "64", "72", "80", "96", "112", "144", "240"];
|
|
2
2
|
export type tSizePXProps = (typeof sizePXProps)[number];
|
|
3
3
|
export { sizePXProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const stateProps: readonly [undefined, "active", "checked", "disabled", "focus", "hover", "normal"];
|
|
1
|
+
declare const stateProps: readonly [undefined, false, "active", "checked", "disabled", "focus", "hover", "normal"];
|
|
2
2
|
export type tStateProps = (typeof stateProps)[number];
|
|
3
3
|
export { stateProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const svgFillProps: readonly [undefined, "accentItemPrimary", "accentItemSecondary", "accentItemTertiary", "accentItemDisabled", "primaryItemPrimary", "primaryItemSecondary", "primaryItemTertiary", "primaryItemDisabled", "secondaryItemPrimary", "secondaryItemSecondary", "secondaryItemTertiary", "secondaryItemDisabled", "tertiaryItemPrimary", "tertiaryItemSecondary", "tertiaryItemTertiary", "surfaceItemAccent", "surfaceItemDisabled", "surfaceItemInverse", "surfaceItemPrimary", "surfaceItemQuaternary", "surfaceItemQuinary", "surfaceItemSecondary", "surfaceItemTertiary", "errorItemPrimary", "errorItemSecondary", "successItemPrimary", "successItemSecondary"];
|
|
1
|
+
declare const svgFillProps: readonly [undefined, false, "accentItemPrimary", "accentItemSecondary", "accentItemTertiary", "accentItemDisabled", "primaryItemPrimary", "primaryItemSecondary", "primaryItemTertiary", "primaryItemDisabled", "secondaryItemPrimary", "secondaryItemSecondary", "secondaryItemTertiary", "secondaryItemDisabled", "tertiaryItemPrimary", "tertiaryItemSecondary", "tertiaryItemTertiary", "surfaceItemAccent", "surfaceItemDisabled", "surfaceItemInverse", "surfaceItemPrimary", "surfaceItemQuaternary", "surfaceItemQuinary", "surfaceItemSecondary", "surfaceItemTertiary", "errorItemPrimary", "errorItemSecondary", "successItemPrimary", "successItemSecondary"];
|
|
2
2
|
export type tSvgFillProps = (typeof svgFillProps)[number];
|
|
3
3
|
export { svgFillProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const textGradientProps: readonly [undefined, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
|
|
1
|
+
declare const textGradientProps: readonly [undefined, false, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
|
|
2
2
|
export type tTextGradientProps = (typeof textGradientProps)[number];
|
|
3
3
|
export { textGradientProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const textSizeProps: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
|
|
1
|
+
declare const textSizeProps: readonly [undefined, false, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
|
|
2
2
|
export type tTextSizeProps = (typeof textSizeProps)[number];
|
|
3
3
|
export { textSizeProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const textWeightProps: readonly [undefined, "normal", "bold", "light", "lighter", "bolder", 100, 200, 300, 400, 500, 600, 700, 800, 900, 950, "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"];
|
|
1
|
+
declare const textWeightProps: readonly [undefined, false, "normal", "bold", "light", "lighter", "bolder", 100, 200, 300, 400, 500, 600, 700, 800, 900, 950, "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"];
|
|
2
2
|
export type tTextWeightProps = (typeof textWeightProps)[number];
|
|
3
3
|
export { textWeightProps };
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
declare const
|
|
1
|
+
declare const titleSizeHeadingProps: readonly [undefined, false, "h1", "h2", "h3", "h4", "h5", "h6"];
|
|
2
|
+
declare const titleSizeProps: readonly [undefined, false, "xxl", "xl", "l", "m", "s", "xs", "xxs"];
|
|
2
3
|
export type tTitleSizeProps = (typeof titleSizeProps)[number];
|
|
3
|
-
export
|
|
4
|
+
export type tTitleSizeHeadingProps = (typeof titleSizeHeadingProps)[number];
|
|
5
|
+
export { titleSizeProps, titleSizeHeadingProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const typeProps: readonly [undefined, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
|
|
1
|
+
declare const typeProps: readonly [undefined, false, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
|
|
2
2
|
export type tTypeProps = (typeof typeProps)[number];
|
|
3
3
|
export { typeProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const verticalContentAlignProps: readonly [undefined, "center"];
|
|
1
|
+
declare const verticalContentAlignProps: readonly [undefined, false, "center"];
|
|
2
2
|
export type tVerticalContentAlignProps = (typeof verticalContentAlignProps)[number];
|
|
3
3
|
export { verticalContentAlignProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const verticalResizeModeProps: readonly [undefined, "fixed", "hug", "fill"];
|
|
1
|
+
declare const verticalResizeModeProps: readonly [undefined, false, "fixed", "hug", "fill"];
|
|
2
2
|
export type tVerticalResizeModeProps = (typeof verticalResizeModeProps)[number];
|
|
3
3
|
export { verticalResizeModeProps };
|
|
@@ -5,10 +5,8 @@ export * from './componentProps/borderColor';
|
|
|
5
5
|
export * from './componentProps/borderColorHover';
|
|
6
6
|
export * from './componentProps/borderType';
|
|
7
7
|
export * from './componentProps/borderWidth';
|
|
8
|
-
export * from './componentProps/captionPosition';
|
|
9
8
|
export * from './componentProps/direction';
|
|
10
9
|
export * from './componentProps/elevation';
|
|
11
|
-
export * from './componentProps/emojiSize';
|
|
12
10
|
export * from './componentProps/fill';
|
|
13
11
|
export * from './componentProps/fillGradient';
|
|
14
12
|
export * from './componentProps/fillHover';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.5",
|
|
4
4
|
"description": "UI components (Modal, Loader, Popup, etc)",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Modal",
|
|
@@ -91,20 +91,20 @@
|
|
|
91
91
|
},
|
|
92
92
|
"dependencies": {
|
|
93
93
|
"@emotion/is-prop-valid": "^1.3.1",
|
|
94
|
-
"@itcase/common": "^1.2.
|
|
94
|
+
"@itcase/common": "^1.2.22",
|
|
95
95
|
"@itcase/config": "^1.0.26",
|
|
96
|
-
"@itcase/icons": "^1.0.
|
|
97
|
-
"@itcase/storybook-config": "^1.
|
|
96
|
+
"@itcase/icons": "^1.0.29",
|
|
97
|
+
"@itcase/storybook-config": "^1.1.3",
|
|
98
98
|
"clsx": "^2.1.1",
|
|
99
99
|
"date-fns": "^4.1.0",
|
|
100
|
-
"framer-motion": "^12.6.
|
|
100
|
+
"framer-motion": "^12.6.4",
|
|
101
101
|
"js-cookie": "^3.0.5",
|
|
102
102
|
"lodash": "^4.17.21",
|
|
103
|
-
"motion": "^12.6.
|
|
103
|
+
"motion": "^12.6.4",
|
|
104
104
|
"rc-slider": "^11.1.8",
|
|
105
105
|
"react": "^18.3.1",
|
|
106
106
|
"react-dadata": "^2.27.4",
|
|
107
|
-
"react-datepicker": "^8.
|
|
107
|
+
"react-datepicker": "^8.3.0",
|
|
108
108
|
"react-dom": "^18.3.1",
|
|
109
109
|
"react-indiana-drag-scroll": "^3.0.3-alpha",
|
|
110
110
|
"react-inlinesvg": "^4.2.0",
|
|
@@ -125,7 +125,7 @@
|
|
|
125
125
|
"@babel/preset-react": "^7.26.3",
|
|
126
126
|
"@commitlint/cli": "^19.8.0",
|
|
127
127
|
"@commitlint/config-conventional": "^19.8.0",
|
|
128
|
-
"@itcase/lint": "^1.1.
|
|
128
|
+
"@itcase/lint": "^1.1.4",
|
|
129
129
|
"@rollup/plugin-babel": "^6.0.4",
|
|
130
130
|
"@rollup/plugin-commonjs": "^28.0.3",
|
|
131
131
|
"@rollup/plugin-image": "^3.0.3",
|
|
@@ -149,10 +149,10 @@
|
|
|
149
149
|
"babel-plugin-react-docgen": "^4.2.1",
|
|
150
150
|
"babel-plugin-transform-react-remove-prop-types": "^0.4.24",
|
|
151
151
|
"conventional-changelog-conventionalcommits": "^8.0.0",
|
|
152
|
-
"eslint": "9.
|
|
152
|
+
"eslint": "9.24.0",
|
|
153
153
|
"husky": "^9.1.7",
|
|
154
154
|
"lint-staged": "^15.5.0",
|
|
155
|
-
"npm": "^11.
|
|
155
|
+
"npm": "^11.3.0",
|
|
156
156
|
"postcss": "^8.5.3",
|
|
157
157
|
"prettier": "^3.5.3",
|
|
158
158
|
"react-docgen-typescript": "^2.2.2",
|
|
@@ -164,8 +164,8 @@
|
|
|
164
164
|
"rollup-preserve-directives": "^1.1.3",
|
|
165
165
|
"semantic-release": "^24.2.3",
|
|
166
166
|
"storybook": "^8.6.12",
|
|
167
|
-
"stylelint": "^16.
|
|
168
|
-
"typescript": "^5.8.
|
|
167
|
+
"stylelint": "^16.18.0",
|
|
168
|
+
"typescript": "^5.8.3"
|
|
169
169
|
},
|
|
170
170
|
"msw": {
|
|
171
171
|
"workerDirectory": [
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
5
|
-
import { useStyles } from './hooks/useStyles/useStyles.js';
|
|
6
|
-
import { a as Link } from './Link-BhJ5BdyS.js';
|
|
7
|
-
import { T as Text } from './Text-C6NSmetx.js';
|
|
8
|
-
|
|
9
|
-
var menuItemAppearance = {
|
|
10
|
-
any: {
|
|
11
|
-
fill: 'surfacePrimary',
|
|
12
|
-
textColor: 'surfaceTextPrimary',
|
|
13
|
-
textColorActive: 'surfaceTextAccent',
|
|
14
|
-
textColorHover: 'surfaceTextAccent',
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
var menuItemConfig = {
|
|
19
|
-
appearance: menuItemAppearance,
|
|
20
|
-
setAppearance: function (newComponent) {
|
|
21
|
-
menuItemConfig.appearance = newComponent;
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
function MenuItem(props) {
|
|
25
|
-
var children = props.children, isActive = props.isActive, isHover = props.isHover, after = props.after, appearance = props.appearance, before = props.before, className = props.className, desc = props.desc, descTextColor = props.descTextColor, descTextColorHover = props.descTextColorHover, descTextGradient = props.descTextGradient, descTextSize = props.descTextSize, descTextStyle = props.descTextStyle, descTextWeight = props.descTextWeight, descTextWrap = props.descTextWrap, href = props.href, label = props.label, link = props.link, linkFill = props.linkFill, rel = props.rel, set = props.set, target = props.target, textColor = props.textColor, textColorActive = props.textColorActive, textColorHover = props.textColorHover, textGradient = props.textGradient, textSize = props.textSize, textStyle = props.textStyle, textWeight = props.textWeight, textWrap = props.textWrap, underline = props.underline, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
|
|
26
|
-
// @ts-expect-error
|
|
27
|
-
var appearanceConfig = menuItemConfig.appearance && menuItemConfig.appearance[appearance];
|
|
28
|
-
var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
29
|
-
var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, directionClass = propsGenerator.directionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, justifyContentClass = propsGenerator.justifyContentClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass;
|
|
30
|
-
// @ts-expect-error
|
|
31
|
-
var menuItem = useStyles(props).styles;
|
|
32
|
-
return (jsx("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass && "menu-item_direction_".concat(directionClass), className, sizeClass && "menu-item_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), fillActiveClass && "fill_active_".concat(fillActiveClass), fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), shapeClass && "menu-item_shape_".concat(shapeClass), typeClass && "menu-item_type_".concat(typeClass), widthClass && "width_".concat(widthClass), set && "menu-item_set_".concat(set), justifyContentClass && "menu-item_justify-content_".concat(justifyContentClass)), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsx(Link, { className: clsx('menu-item__label', alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass)), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxs(React.Fragment, { children: [before, children || (jsxs(React.Fragment, { children: [label && (jsx(Text, { className: "menu-item__label", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorGradient: textGradient, textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), children: label })), desc && (jsx(Text, { className: "menu-item__desc", size: descTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextSize), textColor: descTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColor), textColorGradient: descTextGradient, textColorHover: descTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColorHover), textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
|
|
33
|
-
}
|
|
34
|
-
MenuItem.defaultProps = {
|
|
35
|
-
direction: 'horizontal',
|
|
36
|
-
LinkComponent: 'a',
|
|
37
|
-
size: 'm',
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
export { MenuItem as M, menuItemAppearance as a, menuItemConfig as m };
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var clsx = require('clsx');
|
|
6
|
-
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
7
|
-
var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
|
|
8
|
-
var Link = require('./Link-B38Hn4G2.js');
|
|
9
|
-
var Text = require('./Text-C49zj3jO.js');
|
|
10
|
-
|
|
11
|
-
var menuItemAppearance = {
|
|
12
|
-
any: {
|
|
13
|
-
fill: 'surfacePrimary',
|
|
14
|
-
textColor: 'surfaceTextPrimary',
|
|
15
|
-
textColorActive: 'surfaceTextAccent',
|
|
16
|
-
textColorHover: 'surfaceTextAccent',
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
var menuItemConfig = {
|
|
21
|
-
appearance: menuItemAppearance,
|
|
22
|
-
setAppearance: function (newComponent) {
|
|
23
|
-
menuItemConfig.appearance = newComponent;
|
|
24
|
-
},
|
|
25
|
-
};
|
|
26
|
-
function MenuItem(props) {
|
|
27
|
-
var children = props.children, isActive = props.isActive, isHover = props.isHover, after = props.after, appearance = props.appearance, before = props.before, className = props.className, desc = props.desc, descTextColor = props.descTextColor, descTextColorHover = props.descTextColorHover, descTextGradient = props.descTextGradient, descTextSize = props.descTextSize, descTextStyle = props.descTextStyle, descTextWeight = props.descTextWeight, descTextWrap = props.descTextWrap, href = props.href, label = props.label, link = props.link, linkFill = props.linkFill, rel = props.rel, set = props.set, target = props.target, textColor = props.textColor, textColorActive = props.textColorActive, textColorHover = props.textColorHover, textGradient = props.textGradient, textSize = props.textSize, textStyle = props.textStyle, textWeight = props.textWeight, textWrap = props.textWrap, underline = props.underline, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
|
|
28
|
-
// @ts-expect-error
|
|
29
|
-
var appearanceConfig = menuItemConfig.appearance && menuItemConfig.appearance[appearance];
|
|
30
|
-
var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
|
|
31
|
-
var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, directionClass = propsGenerator.directionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, justifyContentClass = propsGenerator.justifyContentClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass;
|
|
32
|
-
// @ts-expect-error
|
|
33
|
-
var menuItem = useStyles.useStyles(props).styles;
|
|
34
|
-
return (jsxRuntime.jsx("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass && "menu-item_direction_".concat(directionClass), className, sizeClass && "menu-item_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), fillActiveClass && "fill_active_".concat(fillActiveClass), fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), shapeClass && "menu-item_shape_".concat(shapeClass), typeClass && "menu-item_type_".concat(typeClass), widthClass && "width_".concat(widthClass), set && "menu-item_set_".concat(set), justifyContentClass && "menu-item_justify-content_".concat(justifyContentClass)), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntime.jsx(Link.Link, { className: clsx('menu-item__label', alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass)), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxRuntime.jsxs(React.Fragment, { children: [before, children || (jsxRuntime.jsxs(React.Fragment, { children: [label && (jsxRuntime.jsx(Text.Text, { className: "menu-item__label", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorGradient: textGradient, textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), children: label })), desc && (jsxRuntime.jsx(Text.Text, { className: "menu-item__desc", size: descTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextSize), textColor: descTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColor), textColorGradient: descTextGradient, textColorHover: descTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColorHover), textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
|
|
35
|
-
}
|
|
36
|
-
MenuItem.defaultProps = {
|
|
37
|
-
direction: 'horizontal',
|
|
38
|
-
LinkComponent: 'a',
|
|
39
|
-
size: 'm',
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
exports.MenuItem = MenuItem;
|
|
43
|
-
exports.menuItemAppearance = menuItemAppearance;
|
|
44
|
-
exports.menuItemConfig = menuItemConfig;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var clsx = require('clsx');
|
|
5
|
-
var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
6
|
-
var useStyles = require('../hooks/useStyles/useStyles.js');
|
|
7
|
-
var MenuItem = require('../../MenuItem-PJkuGghn.js');
|
|
8
|
-
require('../../tslib.es6-CCZ3TN_7.js');
|
|
9
|
-
require('react');
|
|
10
|
-
require('lodash/camelCase');
|
|
11
|
-
require('lodash/castArray');
|
|
12
|
-
require('lodash/upperFirst');
|
|
13
|
-
require('../context/UIContext.js');
|
|
14
|
-
require('../hooks/useMediaQueries/useMediaQueries.js');
|
|
15
|
-
require('react-responsive');
|
|
16
|
-
require('../utils/setViewportProperty.js');
|
|
17
|
-
require('lodash/maxBy');
|
|
18
|
-
require('../hooks/useStyles/styleAttributes.js');
|
|
19
|
-
require('../../Link-B38Hn4G2.js');
|
|
20
|
-
require('../../Text-C49zj3jO.js');
|
|
21
|
-
|
|
22
|
-
var menuAppearance = {
|
|
23
|
-
dev: {},
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
var menuConfig = {
|
|
27
|
-
appearance: menuAppearance,
|
|
28
|
-
setAppearance: function (newComponent) {
|
|
29
|
-
menuConfig.appearance = newComponent;
|
|
30
|
-
},
|
|
31
|
-
};
|
|
32
|
-
function Menu(props) {
|
|
33
|
-
var className = props.className, type = props.type, appearance = props.appearance, children = props.children, items = props.items, before = props.before, after = props.after, onClickItem = props.onClickItem;
|
|
34
|
-
var appearanceConfig = menuConfig.appearance && menuConfig.appearance[appearance];
|
|
35
|
-
var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
|
|
36
|
-
var _a = propsGenerator.directionClass, directionClass = _a === void 0 ? 'horizontal' : _a, flexGrowClass = propsGenerator.flexGrowClass, columnsClass = propsGenerator.columnsClass, widthClass = propsGenerator.widthClass;
|
|
37
|
-
// @ts-expect-error
|
|
38
|
-
var menuStyles = useStyles.useStyles(props).styles;
|
|
39
|
-
return (jsxRuntime.jsx("div", { className: clsx(className, 'menu', directionClass && "menu_direction_".concat(directionClass), columnsClass && "menu_columns_".concat(columnsClass), type && "menu_type_".concat(type), flexGrowClass && "flex-grow_".concat(flexGrowClass), widthClass && "width_".concat(widthClass)), children: jsxRuntime.jsxs("div", { className: "menu__wrapper", style: menuStyles, children: [before, children ||
|
|
40
|
-
(items === null || items === void 0 ? void 0 : items.map(function (item, i) { return (jsxRuntime.jsx(MenuItem.MenuItem, { label: item.label, onClick: onClickItem }, "menuItem_".concat(item.id || i))); })), after] }) }));
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
exports.Menu = Menu;
|
|
44
|
-
exports.menuAppearance = menuAppearance;
|
|
45
|
-
exports.menuConfig = menuConfig;
|
package/dist/components/Menu.js
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
4
|
-
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
5
|
-
import { M as MenuItem } from '../MenuItem-Cjlnmfwh.js';
|
|
6
|
-
import '../tslib.es6-5FtW-kfi.js';
|
|
7
|
-
import 'react';
|
|
8
|
-
import 'lodash/camelCase';
|
|
9
|
-
import 'lodash/castArray';
|
|
10
|
-
import 'lodash/upperFirst';
|
|
11
|
-
import '../context/UIContext.js';
|
|
12
|
-
import '../hooks/useMediaQueries/useMediaQueries.js';
|
|
13
|
-
import 'react-responsive';
|
|
14
|
-
import '../utils/setViewportProperty.js';
|
|
15
|
-
import 'lodash/maxBy';
|
|
16
|
-
import '../hooks/useStyles/styleAttributes.js';
|
|
17
|
-
import '../Link-BhJ5BdyS.js';
|
|
18
|
-
import '../Text-C6NSmetx.js';
|
|
19
|
-
|
|
20
|
-
var menuAppearance = {
|
|
21
|
-
dev: {},
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
var menuConfig = {
|
|
25
|
-
appearance: menuAppearance,
|
|
26
|
-
setAppearance: function (newComponent) {
|
|
27
|
-
menuConfig.appearance = newComponent;
|
|
28
|
-
},
|
|
29
|
-
};
|
|
30
|
-
function Menu(props) {
|
|
31
|
-
var className = props.className, type = props.type, appearance = props.appearance, children = props.children, items = props.items, before = props.before, after = props.after, onClickItem = props.onClickItem;
|
|
32
|
-
var appearanceConfig = menuConfig.appearance && menuConfig.appearance[appearance];
|
|
33
|
-
var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
34
|
-
var _a = propsGenerator.directionClass, directionClass = _a === void 0 ? 'horizontal' : _a, flexGrowClass = propsGenerator.flexGrowClass, columnsClass = propsGenerator.columnsClass, widthClass = propsGenerator.widthClass;
|
|
35
|
-
// @ts-expect-error
|
|
36
|
-
var menuStyles = useStyles(props).styles;
|
|
37
|
-
return (jsx("div", { className: clsx(className, 'menu', directionClass && "menu_direction_".concat(directionClass), columnsClass && "menu_columns_".concat(columnsClass), type && "menu_type_".concat(type), flexGrowClass && "flex-grow_".concat(flexGrowClass), widthClass && "width_".concat(widthClass)), children: jsxs("div", { className: "menu__wrapper", style: menuStyles, children: [before, children ||
|
|
38
|
-
(items === null || items === void 0 ? void 0 : items.map(function (item, i) { return (jsx(MenuItem, { label: item.label, onClick: onClickItem }, "menuItem_".concat(item.id || i))); })), after] }) }));
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
export { Menu, menuAppearance, menuConfig };
|