@commercetools/nimbus 0.0.12-rc2 → 0.0.12-rc3
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/chunks/{alert-DF3J6Yj7.cjs.js → alert-CsJON6h-.cjs.js} +2 -2
- package/dist/chunks/{alert-DF3J6Yj7.cjs.js.map → alert-CsJON6h-.cjs.js.map} +1 -1
- package/dist/chunks/{button-BfmWlfwH.cjs.js → button-CihUSHJo.cjs.js} +2 -2
- package/dist/chunks/{button-BfmWlfwH.cjs.js.map → button-CihUSHJo.cjs.js.map} +1 -1
- package/dist/chunks/{calendar-BgHBd6Dh.cjs.js → calendar-C-YasyPe.cjs.js} +2 -2
- package/dist/chunks/{calendar-BgHBd6Dh.cjs.js.map → calendar-C-YasyPe.cjs.js.map} +1 -1
- package/dist/chunks/{checkbox-BbdENF1i.cjs.js → checkbox-6DkVAh4W.cjs.js} +2 -2
- package/dist/chunks/{checkbox-BbdENF1i.cjs.js.map → checkbox-6DkVAh4W.cjs.js.map} +1 -1
- package/dist/chunks/{combobox-DIKvq4tw.cjs.js → combobox-CLGVlx_7.cjs.js} +2 -2
- package/dist/chunks/{combobox-DIKvq4tw.cjs.js.map → combobox-CLGVlx_7.cjs.js.map} +1 -1
- package/dist/chunks/{data-table-Cenvhz5D.cjs.js → data-table-B8hn0UVI.cjs.js} +2 -2
- package/dist/chunks/{data-table-Cenvhz5D.cjs.js.map → data-table-B8hn0UVI.cjs.js.map} +1 -1
- package/dist/chunks/{data-table-CWSmm1Cq.es.js → data-table-BmhYF5gH.es.js} +1 -2
- package/dist/chunks/{data-table-CWSmm1Cq.es.js.map → data-table-BmhYF5gH.es.js.map} +1 -1
- package/dist/chunks/{date-input-CKu2_a2x.cjs.js → date-input-VXO92NPV.cjs.js} +2 -2
- package/dist/chunks/{date-input-CKu2_a2x.cjs.js.map → date-input-VXO92NPV.cjs.js.map} +1 -1
- package/dist/chunks/{date-picker-DQ6_2mzc.cjs.js → date-picker-DNaxpmgh.cjs.js} +2 -2
- package/dist/chunks/{date-picker-DQ6_2mzc.cjs.js.map → date-picker-DNaxpmgh.cjs.js.map} +1 -1
- package/dist/chunks/{date-range-picker-i33UHqUE.cjs.js → date-range-picker-B5s-AFSY.cjs.js} +2 -2
- package/dist/chunks/{date-range-picker-i33UHqUE.cjs.js.map → date-range-picker-B5s-AFSY.cjs.js.map} +1 -1
- package/dist/chunks/{extractStyleProps-BFdEZDYW.cjs.js → extractStyleProps-BsLft3q1.cjs.js} +2 -2
- package/dist/chunks/{extractStyleProps-BFdEZDYW.cjs.js.map → extractStyleProps-BsLft3q1.cjs.js.map} +1 -1
- package/dist/chunks/{form-field-SFG0Jvp7.cjs.js → form-field-BjT4m4AE.cjs.js} +2 -2
- package/dist/chunks/{form-field-SFG0Jvp7.cjs.js.map → form-field-BjT4m4AE.cjs.js.map} +1 -1
- package/dist/chunks/{icon-button-D0NyGafI.cjs.js → icon-button-DOo2GUqd.cjs.js} +2 -2
- package/dist/chunks/{icon-button-D0NyGafI.cjs.js.map → icon-button-DOo2GUqd.cjs.js.map} +1 -1
- package/dist/chunks/{icon-toggle-button-yeQuEUBY.cjs.js → icon-toggle-button-DmYB27yi.cjs.js} +2 -2
- package/dist/chunks/{icon-toggle-button-yeQuEUBY.cjs.js.map → icon-toggle-button-DmYB27yi.cjs.js.map} +1 -1
- package/dist/chunks/{index-sFOzzmTG.cjs.js → index-BsmdMT4w.cjs.js} +2 -2
- package/dist/chunks/{index-sFOzzmTG.cjs.js.map → index-BsmdMT4w.cjs.js.map} +1 -1
- package/dist/chunks/index-Dvel3Oj5.es.js.map +1 -1
- package/dist/chunks/{menu-CImIQ6uJ.cjs.js → menu-C8il9--K.cjs.js} +2 -2
- package/dist/chunks/{menu-CImIQ6uJ.cjs.js.map → menu-C8il9--K.cjs.js.map} +1 -1
- package/dist/chunks/{multiline-text-input-jdvlKAq1.cjs.js → multiline-text-input-D28clI-o.cjs.js} +2 -2
- package/dist/chunks/{multiline-text-input-jdvlKAq1.cjs.js.map → multiline-text-input-D28clI-o.cjs.js.map} +1 -1
- package/dist/chunks/{nimbus-provider-CBZCiFEH.cjs.js → nimbus-provider-BlfO5_bi.cjs.js} +2 -2
- package/dist/chunks/{nimbus-provider-CBZCiFEH.cjs.js.map → nimbus-provider-BlfO5_bi.cjs.js.map} +1 -1
- package/dist/chunks/{number-input-CnOvkmap.cjs.js → number-input-CCEiz-4P.cjs.js} +2 -2
- package/dist/chunks/{number-input-CnOvkmap.cjs.js.map → number-input-CCEiz-4P.cjs.js.map} +1 -1
- package/dist/chunks/{password-input-DSeCpNT-.cjs.js → password-input-DY4slQHQ.cjs.js} +2 -2
- package/dist/chunks/{password-input-DSeCpNT-.cjs.js.map → password-input-DY4slQHQ.cjs.js.map} +1 -1
- package/dist/chunks/{progress-bar-CByPgKbP.cjs.js → progress-bar-0RRIR4ef.cjs.js} +2 -2
- package/dist/chunks/{progress-bar-CByPgKbP.cjs.js.map → progress-bar-0RRIR4ef.cjs.js.map} +1 -1
- package/dist/chunks/{radio-input-VMfD6a_K.cjs.js → radio-input-B40xSi6r.cjs.js} +2 -2
- package/dist/chunks/{radio-input-VMfD6a_K.cjs.js.map → radio-input-B40xSi6r.cjs.js.map} +1 -1
- package/dist/chunks/{range-calendar-CnaQY0pH.cjs.js → range-calendar-BiNek1C7.cjs.js} +2 -2
- package/dist/chunks/{range-calendar-CnaQY0pH.cjs.js.map → range-calendar-BiNek1C7.cjs.js.map} +1 -1
- package/dist/chunks/{rich-text-input-DmwKaXzi.cjs.js → rich-text-input-gNWvLb4m.cjs.js} +2 -2
- package/dist/chunks/{rich-text-input-DmwKaXzi.cjs.js.map → rich-text-input-gNWvLb4m.cjs.js.map} +1 -1
- package/dist/chunks/{select-DT9EbJgb.cjs.js → select-BuXA5VgT.cjs.js} +2 -2
- package/dist/chunks/{select-DT9EbJgb.cjs.js.map → select-BuXA5VgT.cjs.js.map} +1 -1
- package/dist/chunks/{split-button-i2Ezbf3P.cjs.js → split-button-CgQYMeH7.cjs.js} +2 -2
- package/dist/chunks/{split-button-i2Ezbf3P.cjs.js.map → split-button-CgQYMeH7.cjs.js.map} +1 -1
- package/dist/chunks/{switch-kNksAQM3.cjs.js → switch-BQXiI02l.cjs.js} +2 -2
- package/dist/chunks/{switch-kNksAQM3.cjs.js.map → switch-BQXiI02l.cjs.js.map} +1 -1
- package/dist/chunks/{tag-group-iRBYcxt6.cjs.js → tag-group-DwTq8DeA.cjs.js} +2 -2
- package/dist/chunks/{tag-group-iRBYcxt6.cjs.js.map → tag-group-DwTq8DeA.cjs.js.map} +1 -1
- package/dist/chunks/{text-input-D7SdSWpG.cjs.js → text-input-DJUpcp3k.cjs.js} +2 -2
- package/dist/chunks/{text-input-D7SdSWpG.cjs.js.map → text-input-DJUpcp3k.cjs.js.map} +1 -1
- package/dist/chunks/{time-input-BqTsxXMD.cjs.js → time-input-B5oRiIpu.cjs.js} +2 -2
- package/dist/chunks/{time-input-BqTsxXMD.cjs.js.map → time-input-B5oRiIpu.cjs.js.map} +1 -1
- package/dist/chunks/{toggle-button-CsVyAh8N.cjs.js → toggle-button-C_7Evcn3.cjs.js} +2 -2
- package/dist/chunks/{toggle-button-CsVyAh8N.cjs.js.map → toggle-button-C_7Evcn3.cjs.js.map} +1 -1
- package/dist/chunks/{toolbar-DcUEC_uE.cjs.js → toolbar-BUYkQMPz.cjs.js} +2 -2
- package/dist/chunks/{toolbar-DcUEC_uE.cjs.js.map → toolbar-BUYkQMPz.cjs.js.map} +1 -1
- package/dist/components/alert.cjs +1 -1
- package/dist/components/button.cjs +1 -1
- package/dist/components/calendar.cjs +1 -1
- package/dist/components/checkbox.cjs +1 -1
- package/dist/components/combobox.cjs +1 -1
- package/dist/components/components.cjs +1 -1
- package/dist/components/components.es.js +1 -1
- package/dist/components/data-table.cjs +1 -1
- package/dist/components/data-table.es.js +1 -1
- package/dist/components/date-input.cjs +1 -1
- package/dist/components/date-picker.cjs +1 -1
- package/dist/components/date-range-picker.cjs +1 -1
- package/dist/components/form-field.cjs +1 -1
- package/dist/components/icon-button.cjs +1 -1
- package/dist/components/icon-toggle-button.cjs +1 -1
- package/dist/components/multiline-text-input.cjs +1 -1
- package/dist/components/nimbus-provider.cjs +1 -1
- package/dist/components/number-input.cjs +1 -1
- package/dist/components/password-input.cjs +1 -1
- package/dist/components/progress-bar.cjs +1 -1
- package/dist/components/radio-input.cjs +1 -1
- package/dist/components/range-calendar.cjs +1 -1
- package/dist/components/rich-text-input.cjs +1 -1
- package/dist/components/select.cjs +1 -1
- package/dist/components/split-button.cjs +1 -1
- package/dist/components/switch.cjs +1 -1
- package/dist/components/tag-group.cjs +1 -1
- package/dist/components/text-input.cjs +1 -1
- package/dist/components/time-input.cjs +1 -1
- package/dist/components/toggle-button.cjs +1 -1
- package/dist/components/toolbar.cjs +1 -1
- package/dist/components.d.ts +35 -35
- package/dist/data-table.d.ts +35 -35
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +35 -35
- package/dist/index.es.js +1 -1
- package/package.json +3 -3
package/dist/data-table.d.ts
CHANGED
|
@@ -223,11 +223,43 @@ export declare interface DataTableProps<T extends object = Record<string, unknow
|
|
|
223
223
|
onPinToggle?: (rowId: string) => void;
|
|
224
224
|
}
|
|
225
225
|
|
|
226
|
+
export declare const _DataTableRoot: ForwardRefExoticComponent<Omit<DataTableProps<Record<string, unknown>>, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
227
|
+
|
|
228
|
+
/**
|
|
229
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
230
|
+
* This creates a complete set of props for the root element, combining
|
|
231
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
232
|
+
*/
|
|
233
|
+
declare interface DataTableRootProps extends HTMLChakraProps<"div", dataTableSlotRecipeProps> {
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
export declare const _DataTableRow: {
|
|
237
|
+
<T extends DataTableRowItem = DataTableRowItem>({ row, ref, ...props }: DataTableRowProps<T>): JSX.Element;
|
|
238
|
+
displayName: string;
|
|
239
|
+
};
|
|
240
|
+
|
|
241
|
+
export declare type DataTableRowItem<T extends object = Record<string, unknown>> = T & {
|
|
242
|
+
id: string;
|
|
243
|
+
isDisabled?: boolean;
|
|
244
|
+
[key: string]: unknown;
|
|
245
|
+
};
|
|
246
|
+
|
|
247
|
+
/** Combined props for the Row element (Chakra styles + Aria behavior). */
|
|
248
|
+
export declare type DataTableRowProps<T extends DataTableRowItem> = RowProps<T> & DataTableRowSlotProps & {
|
|
249
|
+
ref?: Ref<HTMLTableRowElement>;
|
|
250
|
+
row: T;
|
|
251
|
+
depth?: number;
|
|
252
|
+
};
|
|
253
|
+
|
|
254
|
+
declare type DataTableRowSlotProps = HTMLChakraProps<"tr">;
|
|
255
|
+
|
|
256
|
+
export declare const _DataTableSelectionCell: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLTableCellElement>>;
|
|
257
|
+
|
|
226
258
|
/**
|
|
227
259
|
* Slot recipe configuration for the DataTable component.
|
|
228
260
|
* Defines the styling variants, base styles, and slots using Chakra UI's slot recipe system.
|
|
229
261
|
*/
|
|
230
|
-
declare const
|
|
262
|
+
declare const dataTableSlotRecipe: SlotRecipeDefinition<"table" | "cell" | "body" | "footer" | "header" | "row" | "column" | "root" | "selectionCell" | "detailsButton" | "expandButton" | "nestedIcon" | "headerSortIcon" | "columnResizer", {
|
|
231
263
|
truncated: {
|
|
232
264
|
true: {
|
|
233
265
|
root: {
|
|
@@ -260,43 +292,11 @@ paddingBottom: "300";
|
|
|
260
292
|
* Base recipe props interface that combines Chakra UI's recipe props
|
|
261
293
|
* with the unstyled prop option for the div element.
|
|
262
294
|
*/
|
|
263
|
-
declare interface
|
|
295
|
+
declare interface dataTableSlotRecipeProps extends RecipeProps<"div">, UnstyledProp {
|
|
264
296
|
truncated?: boolean;
|
|
265
297
|
density?: "default" | "condensed";
|
|
266
298
|
}
|
|
267
299
|
|
|
268
|
-
export declare const _DataTableRoot: ForwardRefExoticComponent<Omit<DataTableProps<Record<string, unknown>>, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
269
|
-
|
|
270
|
-
/**
|
|
271
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
272
|
-
* This creates a complete set of props for the root element, combining
|
|
273
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
274
|
-
*/
|
|
275
|
-
declare interface DataTableRootProps extends HTMLChakraProps<"div", DataTableRecipeProps> {
|
|
276
|
-
}
|
|
277
|
-
|
|
278
|
-
export declare const _DataTableRow: {
|
|
279
|
-
<T extends DataTableRowItem = DataTableRowItem>({ row, ref, ...props }: DataTableRowProps<T>): JSX.Element;
|
|
280
|
-
displayName: string;
|
|
281
|
-
};
|
|
282
|
-
|
|
283
|
-
export declare type DataTableRowItem<T extends object = Record<string, unknown>> = T & {
|
|
284
|
-
id: string;
|
|
285
|
-
isDisabled?: boolean;
|
|
286
|
-
[key: string]: unknown;
|
|
287
|
-
};
|
|
288
|
-
|
|
289
|
-
/** Combined props for the Row element (Chakra styles + Aria behavior). */
|
|
290
|
-
export declare type DataTableRowProps<T extends DataTableRowItem> = RowProps<T> & DataTableRowSlotProps & {
|
|
291
|
-
ref?: Ref<HTMLTableRowElement>;
|
|
292
|
-
row: T;
|
|
293
|
-
depth?: number;
|
|
294
|
-
};
|
|
295
|
-
|
|
296
|
-
declare type DataTableRowSlotProps = HTMLChakraProps<"tr">;
|
|
297
|
-
|
|
298
|
-
export declare const _DataTableSelectionCell: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLTableCellElement>>;
|
|
299
|
-
|
|
300
300
|
export declare const _DataTableTable: ForwardRefExoticComponent<Omit<HTMLChakraProps<"table">, "translate"> & {
|
|
301
301
|
translate?: "yes" | "no";
|
|
302
302
|
} & RefAttributes<HTMLTableElement>>;
|
|
@@ -306,7 +306,7 @@ translate?: "yes" | "no";
|
|
|
306
306
|
* This allows the component to accept both structural props from Root
|
|
307
307
|
* and styling variants from the recipe.
|
|
308
308
|
*/
|
|
309
|
-
declare type DataTableVariantProps = Omit<DataTableRootProps, "columns" | "data"> & RecipeVariantProps<typeof
|
|
309
|
+
declare type DataTableVariantProps = Omit<DataTableRootProps, "columns" | "data"> & RecipeVariantProps<typeof dataTableSlotRecipe>;
|
|
310
310
|
|
|
311
311
|
export declare type SortDescriptor = {
|
|
312
312
|
column: string;
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const ne=require("./chunks/avatar-DEAravTR.cjs.js"),ae=require("./chunks/box-BwCVnAwb.cjs.js"),ie=require("./chunks/button-BfmWlfwH.cjs.js"),ue=require("./chunks/code-C3WbF6Qh.cjs.js"),B=require("./chunks/combobox-DIKvq4tw.cjs.js"),le=require("./chunks/dialog-BQa_NWSr.cjs.js"),ce=require("./chunks/divider-DU351gdE.cjs.js"),se=require("./chunks/group-Buy-O6Mr.cjs.js"),de=require("./chunks/icon-button-D0NyGafI.cjs.js"),fe=require("./chunks/icon-toggle-button-yeQuEUBY.cjs.js"),pe=require("./chunks/image-bt28epM5.cjs.js"),me=require("./chunks/kbd-BlZ2RGfa.cjs.js"),ge=require("./chunks/link-DzUonoQg.cjs.js"),L=require("./chunks/list-DokC0Ks-.cjs.js"),ye=require("./chunks/simple-grid-B7BgfVAS.cjs.js"),ve=require("./chunks/text-Dg1sFCuC.cjs.js"),G=require("./chunks/tooltip-CIAEV4_B.cjs.js"),be=require("./chunks/make-element-focusable-bPAMXt4D.cjs.js"),Y=require("./chunks/nimbus-provider-CBZCiFEH.cjs.js"),Ce=require("./chunks/checkbox-BbdENF1i.cjs.js"),he=require("./chunks/stack-BG0j9HvT.cjs.js"),Te=require("./chunks/visually-hidden-Bh-G5QHv.cjs.js"),ke=require("./chunks/text-input-D7SdSWpG.cjs.js"),Se=require("./chunks/number-input-CnOvkmap.cjs.js"),Re=require("./chunks/grid-CXpKN2OR.cjs.js"),w=require("./chunks/select-DT9EbJgb.cjs.js"),R=require("./chunks/accordion-Be--VNW6.cjs.js"),_=require("./chunks/alert-DF3J6Yj7.cjs.js"),_e=require("./chunks/badge-BjhZ-byo.cjs.js"),M=require("./chunks/card-DgvP36g1.cjs.js"),k=require("./chunks/form-field-SFG0Jvp7.cjs.js"),qe=require("./chunks/icon-DHoLo7_S.cjs.js"),De=require("./chunks/loading-spinner-VVQyl725.cjs.js"),we=require("./chunks/password-input-DSeCpNT-.cjs.js"),Ie=require("./chunks/split-button-i2Ezbf3P.cjs.js"),Ee=require("./chunks/time-input-BqTsxXMD.cjs.js"),xe=require("./chunks/multiline-text-input-jdvlKAq1.cjs.js"),N=require("./chunks/radio-input-VMfD6a_K.cjs.js"),Ae=require("./chunks/switch-kNksAQM3.cjs.js"),Be=require("./chunks/tag-group-iRBYcxt6.cjs.js"),Le=require("./chunks/toggle-button-CsVyAh8N.cjs.js"),U=require("./chunks/toggle-button-group-LddoXszz.cjs.js"),Me=require("./chunks/date-input-CKu2_a2x.cjs.js"),Fe=require("./chunks/calendar-BgHBd6Dh.cjs.js"),He=require("./chunks/date-picker-DQ6_2mzc.cjs.js"),Pe=require("./chunks/progress-bar-CByPgKbP.cjs.js"),Oe=require("./chunks/range-calendar-CnaQY0pH.cjs.js"),Ke=require("./chunks/date-range-picker-i33UHqUE.cjs.js"),Ge=require("./chunks/toolbar-DcUEC_uE.cjs.js"),Ne=require("./chunks/rich-text-input-DmwKaXzi.cjs.js"),y=require("./chunks/data-table-Cenvhz5D.cjs.js"),Ue=require("./chunks/index-sFOzzmTG.cjs.js"),je=require("./chunks/slate-helpers-BN_9Hky2.cjs.js"),d=require("react"),Ve=require("./chunks/flex-yqydM5z_.cjs.js"),ze=require("./chunks/index-BYEAMD8A.cjs.js"),We=require("./chunks/namespace-CpLmDcCq.cjs.js"),h=require("./chunks/menu-CImIQ6uJ.cjs.js");require("react/jsx-runtime");function K(){return K=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},K.apply(null,arguments)}var Z=["shift","alt","meta","mod","ctrl"],$e={esc:"escape",return:"enter",".":"period",",":"comma","-":"slash"," ":"space","`":"backquote","#":"backslash","+":"bracketright",ShiftLeft:"shift",ShiftRight:"shift",AltLeft:"alt",AltRight:"alt",MetaLeft:"meta",MetaRight:"meta",OSLeft:"meta",OSRight:"meta",ControlLeft:"ctrl",ControlRight:"ctrl"};function A(e){return(e&&$e[e]||e||"").trim().toLowerCase().replace(/key|digit|numpad|arrow/,"")}function Xe(e){return Z.includes(e)}function F(e,t){return t===void 0&&(t=","),e.split(t)}function H(e,t,r){t===void 0&&(t="+");var n=e.toLocaleLowerCase().split(t).map(function(i){return A(i)}),c={alt:n.includes("alt"),ctrl:n.includes("ctrl")||n.includes("control"),shift:n.includes("shift"),meta:n.includes("meta"),mod:n.includes("mod")},a=n.filter(function(i){return!Z.includes(i)});return K({},c,{keys:a,description:r,hotkey:e})}var T=new Set;function j(e){return Array.isArray(e)}function Je(e,t){t===void 0&&(t=",");var r=j(e)?e:e.split(t);return r.every(function(n){return T.has(n.trim().toLowerCase())})}function Qe(e){var t=Array.isArray(e)?e:[e];T.has("meta")&&T.forEach(function(r){return!Xe(r)&&T.delete(r.toLowerCase())}),t.forEach(function(r){return T.add(r.toLowerCase())})}function Ye(e){var t=Array.isArray(e)?e:[e];e==="meta"?T.clear():t.forEach(function(r){return T.delete(r.toLowerCase())})}function Ze(e,t,r){(typeof r=="function"&&r(e,t)||r===!0)&&e.preventDefault()}function et(e,t,r){return typeof r=="function"?r(e,t):r===!0||r===void 0}function tt(e){return ee(e,["input","textarea","select"])}function ee(e,t){t===void 0&&(t=!1);var r=e.target,n=e.composed,c=null;return rt(r)&&n?c=e.composedPath()[0]&&e.composedPath()[0].tagName:c=r&&r.tagName,j(t)?!!(c&&t&&t.some(function(a){var i;return a.toLowerCase()===((i=c)==null?void 0:i.toLowerCase())})):!!(c&&t&&t)}function rt(e){return!!e.tagName&&!e.tagName.startsWith("-")&&e.tagName.includes("-")}function ot(e,t){return e.length===0&&t?(console.warn('A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'),!0):t?e.some(function(r){return t.includes(r)})||e.includes("*"):!0}var nt=function(t,r,n){n===void 0&&(n=!1);var c=r.alt,a=r.meta,i=r.mod,f=r.shift,u=r.ctrl,s=r.keys,C=t.key,v=t.code,l=t.ctrlKey,o=t.metaKey,q=t.shiftKey,m=t.altKey,g=A(v),b=C.toLowerCase();if(!(s!=null&&s.includes(g))&&!(s!=null&&s.includes(b))&&!["ctrl","control","unknown","meta","alt","shift","os"].includes(g))return!1;if(!n){if(c===!m&&b!=="alt"||f===!q&&b!=="shift")return!1;if(i){if(!o&&!l)return!1}else if(a===!o&&b!=="meta"&&b!=="os"||u===!l&&b!=="ctrl"&&b!=="control")return!1}return s&&s.length===1&&(s.includes(b)||s.includes(g))?!0:s?Je(s):!s},at=d.createContext(void 0),it=function(){return d.useContext(at)};function te(e,t){return e&&t&&typeof e=="object"&&typeof t=="object"?Object.keys(e).length===Object.keys(t).length&&Object.keys(e).reduce(function(r,n){return r&&te(e[n],t[n])},!0):e===t}var ut=d.createContext({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),lt=function(){return d.useContext(ut)};function ct(e){var t=d.useRef(void 0);return te(t.current,e)||(t.current=e),t.current}var X=function(t){t.stopPropagation(),t.preventDefault(),t.stopImmediatePropagation()},st=typeof window<"u"?d.useLayoutEffect:d.useEffect;function dt(e,t,r,n){var c=d.useState(null),a=c[0],i=c[1],f=d.useRef(!1),u=r instanceof Array?n instanceof Array?void 0:n:r,s=j(e)?e.join(u?.splitKey):e,C=r instanceof Array?r:n instanceof Array?n:void 0,v=d.useCallback(t,C??[]),l=d.useRef(v);C?l.current=v:l.current=t;var o=ct(u),q=lt(),m=q.enabledScopes,g=it();return st(function(){if(!(o?.enabled===!1||!ot(m,o?.scopes))){var b=function(p,E){var W;if(E===void 0&&(E=!1),!(tt(p)&&!ee(p,o?.enableOnFormTags))){if(a!==null){var x=a.getRootNode();if((x instanceof Document||x instanceof ShadowRoot)&&x.activeElement!==a&&!a.contains(x.activeElement)){X(p);return}}(W=p.target)!=null&&W.isContentEditable&&!(o!=null&&o.enableOnContentEditable)||F(s,o?.splitKey).forEach(function(oe){var $,D=H(oe,o?.combinationKey);if(nt(p,D,o?.ignoreModifiers)||($=D.keys)!=null&&$.includes("*")){if(o!=null&&o.ignoreEventWhen!=null&&o.ignoreEventWhen(p)||E&&f.current)return;if(Ze(p,D,o?.preventDefault),!et(p,D,o?.enabled)){X(p);return}l.current(p,D),E||(f.current=!0)}})}},V=function(p){p.key!==void 0&&(Qe(A(p.code)),(o?.keydown===void 0&&o?.keyup!==!0||o!=null&&o.keydown)&&b(p))},z=function(p){p.key!==void 0&&(Ye(A(p.code)),f.current=!1,o!=null&&o.keyup&&b(p,!0))},I=a||u?.document||document;return I.addEventListener("keyup",z,u?.eventListenerOptions),I.addEventListener("keydown",V,u?.eventListenerOptions),g&&F(s,o?.splitKey).forEach(function(S){return g.addHotkey(H(S,o?.combinationKey,o?.description))}),function(){I.removeEventListener("keyup",z,u?.eventListenerOptions),I.removeEventListener("keydown",V,u?.eventListenerOptions),g&&F(s,o?.splitKey).forEach(function(S){return g.removeHotkey(H(S,o?.combinationKey,o?.description))})}}},[a,s,o,m]),i}function ft(){var e=d.useRef(!1),t=d.useCallback(function(){return e.current},[]);return d.useEffect(function(){return e.current=!0,function(){e.current=!1}},[]),t}var pt=function(e){e===void 0&&(e={});var t=d.useState(e),r=t[0],n=t[1],c=d.useCallback(function(a){n(function(i){return Object.assign({},i,a instanceof Function?a(i):a)})},[]);return[r,c]},P,J;function mt(){return J||(J=1,P=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,r=[],n=0;n<e.rangeCount;n++)r.push(e.getRangeAt(n));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return e.removeAllRanges(),function(){e.type==="Caret"&&e.removeAllRanges(),e.rangeCount||r.forEach(function(c){e.addRange(c)}),t&&t.focus()}}),P}var O,Q;function gt(){if(Q)return O;Q=1;var e=mt(),t={"text/plain":"Text","text/html":"Url",default:"Text"},r="Copy to clipboard: #{key}, Enter";function n(a){var i=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return a.replace(/#{\s*key\s*}/g,i)}function c(a,i){var f,u,s,C,v,l,o=!1;i||(i={}),f=i.debug||!1;try{s=e(),C=document.createRange(),v=document.getSelection(),l=document.createElement("span"),l.textContent=a,l.ariaHidden="true",l.style.all="unset",l.style.position="fixed",l.style.top=0,l.style.clip="rect(0, 0, 0, 0)",l.style.whiteSpace="pre",l.style.webkitUserSelect="text",l.style.MozUserSelect="text",l.style.msUserSelect="text",l.style.userSelect="text",l.addEventListener("copy",function(m){if(m.stopPropagation(),i.format)if(m.preventDefault(),typeof m.clipboardData>"u"){f&&console.warn("unable to use e.clipboardData"),f&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var g=t[i.format]||t.default;window.clipboardData.setData(g,a)}else m.clipboardData.clearData(),m.clipboardData.setData(i.format,a);i.onCopy&&(m.preventDefault(),i.onCopy(m.clipboardData))}),document.body.appendChild(l),C.selectNodeContents(l),v.addRange(C);var q=document.execCommand("copy");if(!q)throw new Error("copy command was unsuccessful");o=!0}catch(m){f&&console.error("unable to copy using execCommand: ",m),f&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(i.format||"text",a),i.onCopy&&i.onCopy(window.clipboardData),o=!0}catch(g){f&&console.error("unable to copy using clipboardData: ",g),f&&console.error("falling back to prompt"),u=n("message"in i?i.message:r),window.prompt(u,a)}}finally{v&&(typeof v.removeRange=="function"?v.removeRange(C):v.removeAllRanges()),l&&document.body.removeChild(l),s()}return o}return O=c,O}var yt=gt();const vt=je.getDefaultExportFromCjs(yt);var bt=function(){var e=ft(),t=pt({value:void 0,error:void 0,noUserInteraction:!0}),r=t[0],n=t[1],c=d.useCallback(function(a){if(e()){var i,f;try{if(typeof a!="string"&&typeof a!="number"){var u=new Error("Cannot copy typeof "+typeof a+" to clipboard, must be a string");process.env.NODE_ENV==="development"&&console.error(u),n({value:a,error:u,noUserInteraction:!0});return}else if(a===""){var u=new Error("Cannot copy empty string to clipboard.");process.env.NODE_ENV==="development"&&console.error(u),n({value:a,error:u,noUserInteraction:!0});return}f=a.toString(),i=vt(f),n({value:f,error:void 0,noUserInteraction:i})}catch(s){n({value:f,error:s,noUserInteraction:i})}}},[]);return[r,c]};function Ct(){const[e,t]=d.useState(r());function r(){return document.documentElement.style.getPropertyValue("color-scheme")||localStorage.getItem("theme")||"light"}return d.useEffect(()=>{const n=document.documentElement,c=new MutationObserver(()=>{const a=r();t(a)});return c.observe(n,{attributes:!0,attributeFilter:["style"]}),()=>c.disconnect()},[]),e}function re(){const{resolvedTheme:e,setTheme:t}=Y.z();return{colorMode:e,setColorMode:t,toggleColorMode:()=>{t(e==="light"?"dark":"light")}}}function ht(e,t){const{colorMode:r}=re();return r==="light"?e:t}exports.Avatar=ne.Avatar;exports.Box=ae.Box;exports.Button=ie.Button;exports.Code=ue.Code;exports.ComboBox=B.ComboBox;exports._ComboBoxOption=B.ComboBoxOption;exports._ComboBoxOptionGroup=B.ComboBoxOptionGroup;exports._ComboBoxRoot=B.ComboBoxRoot;exports.Dialog=le.Dialog;exports.Divider=ce.Divider;exports.Group=se.Group;exports.IconButton=de.IconButton;exports.IconToggleButton=fe.IconToggleButton;exports.Image=pe.Image;exports.Kbd=me.Kbd;exports.Link=ge.Link;exports.List=L.List;exports._ListIndicator=L.ListIndicator;exports._ListItem=L.ListItem;exports._ListRoot=L.ListRoot;exports.SimpleGrid=ye.SimpleGrid;exports.Text=ve.Text;exports.Tooltip=G.Tooltip;exports._TooltipContent=G.TooltipContent;exports._TooltipRoot=G.TooltipRoot;exports.MakeElementFocusable=be.MakeElementFocusable;exports.NimbusProvider=Y.NimbusProvider;exports.Checkbox=Ce.Checkbox;exports.Stack=he.Stack;exports.VisuallyHidden=Te.VisuallyHidden;exports.TextInput=ke.TextInput;exports.NumberInput=Se.NumberInput;exports.Grid=Re.Grid;exports.Select=w.Select;exports._SelectOption=w.SelectOption;exports._SelectOptionGroup=w.SelectOptionGroup;exports._SelectOptions=w.SelectOptions;exports._SelectRoot=w.SelectRoot;exports.Accordion=R.Accordion;exports._AccordionContent=R.AccordionContent;exports._AccordionHeader=R.AccordionHeader;exports._AccordionHeaderRightContent=R.AccordionHeaderRightContent;exports._AccordionItem=R.AccordionItem;exports._AccordionRoot=R.AccordionRoot;exports.Alert=_.Alert;exports._AlertActions=_.AlertActions;exports._AlertDescription=_.AlertDescription;exports._AlertDismissButton=_.AlertDismissButton;exports._AlertRoot=_.AlertRoot;exports._AlertTitle=_.AlertTitle;exports.Badge=_e.Badge;exports.Card=M.Card;exports._CardContent=M.CardContent;exports._CardHeader=M.CardHeader;exports._CardRoot=M.CardRoot;exports.FormField=k.FormField;exports._FormFieldDescription=k.FormFieldDescription;exports._FormFieldError=k.FormFieldError;exports._FormFieldInfoBox=k.FormFieldInfoBox;exports._FormFieldInput=k.FormFieldInput;exports._FormFieldLabel=k.FormFieldLabel;exports._FormFieldRoot=k.FormFieldRoot;exports.Icon=qe.Icon;exports.LoadingSpinner=De.LoadingSpinner;exports.PasswordInput=we.PasswordInput;exports.SplitButton=Ie.SplitButton;exports.TimeInput=Ee.TimeInput;exports.MultilineTextInput=xe.MultilineTextInput;exports.RadioInput=N.RadioInput;exports._RadioInputOption=N.RadioInputOption;exports._RadioInputRoot=N.RadioInputRoot;exports.Switch=Ae.Switch;exports.TagGroup=Be.TagGroup;exports.ToggleButton=Le.ToggleButton;exports.ToggleButtonGroup=U.ToggleButtonGroup;exports._ToggleButtonGroupButton=U.ToggleButtonGroupButton;exports._ToggleButtonGroupRoot=U.ToggleButtonGroupRoot;exports.DateInput=Me.DateInput;exports.Calendar=Fe.Calendar;exports.DatePicker=He.DatePicker;exports.ProgressBar=Pe.ProgressBar;exports.RangeCalendar=Oe.RangeCalendar;exports.DateRangePicker=Ke.DateRangePicker;exports.Toolbar=Ge.Toolbar;exports.RichTextInput=Ne.RichTextInput;exports.DataTable=y.DataTable;exports._DataTableBody=y.DataTableBody;exports._DataTableCell=y.DataTableCell;exports._DataTableColumn=y.DataTableColumn;exports._DataTableExpandButton=y.DataTableExpandButton;exports._DataTableFooter=y.DataTableFooter;exports._DataTableHeader=y.DataTableHeader;exports._DataTableNestedIcon=y.DataTableNestedIcon;exports._DataTableRoot=y.DataTableRoot;exports._DataTableRow=y.DataTableRow;exports._DataTableSelectionCell=y.DataTableSelectionCell;exports._DataTableTable=y.DataTableTable;exports.system=Ue.system;exports.Flex=Ve.Flex;exports.Heading=ze.Heading;exports.Table=We.namespace;exports.Menu=h.Menu;exports._MenuContent=h.MenuContent;exports._MenuItem=h.MenuItem;exports._MenuRoot=h.MenuRoot;exports._MenuSection=h.MenuSection;exports._MenuSeparator=h.MenuSeparator;exports._MenuSubmenu=h.MenuSubmenu;exports._MenuSubmenuTrigger=h.MenuSubmenuTrigger;exports._MenuTrigger=h.MenuTrigger;exports.useColorMode=re;exports.useColorModeValue=ht;exports.useColorScheme=Ct;exports.useCopyToClipboard=bt;exports.useHotkeys=dt;
|
|
1
|
+
"use strict";const ne=require("./chunks/avatar-DEAravTR.cjs.js"),ae=require("./chunks/box-BwCVnAwb.cjs.js"),ie=require("./chunks/button-CihUSHJo.cjs.js"),ue=require("./chunks/code-C3WbF6Qh.cjs.js"),B=require("./chunks/combobox-CLGVlx_7.cjs.js"),le=require("./chunks/dialog-BQa_NWSr.cjs.js"),ce=require("./chunks/divider-DU351gdE.cjs.js"),se=require("./chunks/group-Buy-O6Mr.cjs.js"),de=require("./chunks/icon-button-DOo2GUqd.cjs.js"),fe=require("./chunks/icon-toggle-button-DmYB27yi.cjs.js"),pe=require("./chunks/image-bt28epM5.cjs.js"),me=require("./chunks/kbd-BlZ2RGfa.cjs.js"),ge=require("./chunks/link-DzUonoQg.cjs.js"),L=require("./chunks/list-DokC0Ks-.cjs.js"),ye=require("./chunks/simple-grid-B7BgfVAS.cjs.js"),ve=require("./chunks/text-Dg1sFCuC.cjs.js"),G=require("./chunks/tooltip-CIAEV4_B.cjs.js"),be=require("./chunks/make-element-focusable-bPAMXt4D.cjs.js"),Y=require("./chunks/nimbus-provider-BlfO5_bi.cjs.js"),Ce=require("./chunks/checkbox-6DkVAh4W.cjs.js"),he=require("./chunks/stack-BG0j9HvT.cjs.js"),Te=require("./chunks/visually-hidden-Bh-G5QHv.cjs.js"),ke=require("./chunks/text-input-DJUpcp3k.cjs.js"),Se=require("./chunks/number-input-CCEiz-4P.cjs.js"),Re=require("./chunks/grid-CXpKN2OR.cjs.js"),w=require("./chunks/select-BuXA5VgT.cjs.js"),R=require("./chunks/accordion-Be--VNW6.cjs.js"),_=require("./chunks/alert-CsJON6h-.cjs.js"),_e=require("./chunks/badge-BjhZ-byo.cjs.js"),M=require("./chunks/card-DgvP36g1.cjs.js"),k=require("./chunks/form-field-BjT4m4AE.cjs.js"),qe=require("./chunks/icon-DHoLo7_S.cjs.js"),De=require("./chunks/loading-spinner-VVQyl725.cjs.js"),we=require("./chunks/password-input-DY4slQHQ.cjs.js"),Ie=require("./chunks/split-button-CgQYMeH7.cjs.js"),Ee=require("./chunks/time-input-B5oRiIpu.cjs.js"),xe=require("./chunks/multiline-text-input-D28clI-o.cjs.js"),N=require("./chunks/radio-input-B40xSi6r.cjs.js"),Ae=require("./chunks/switch-BQXiI02l.cjs.js"),Be=require("./chunks/tag-group-DwTq8DeA.cjs.js"),Le=require("./chunks/toggle-button-C_7Evcn3.cjs.js"),U=require("./chunks/toggle-button-group-LddoXszz.cjs.js"),Me=require("./chunks/date-input-VXO92NPV.cjs.js"),Fe=require("./chunks/calendar-C-YasyPe.cjs.js"),He=require("./chunks/date-picker-DNaxpmgh.cjs.js"),Pe=require("./chunks/progress-bar-0RRIR4ef.cjs.js"),Oe=require("./chunks/range-calendar-BiNek1C7.cjs.js"),Ke=require("./chunks/date-range-picker-B5s-AFSY.cjs.js"),Ge=require("./chunks/toolbar-BUYkQMPz.cjs.js"),Ne=require("./chunks/rich-text-input-gNWvLb4m.cjs.js"),y=require("./chunks/data-table-B8hn0UVI.cjs.js"),Ue=require("./chunks/index-BsmdMT4w.cjs.js"),je=require("./chunks/slate-helpers-BN_9Hky2.cjs.js"),d=require("react"),Ve=require("./chunks/flex-yqydM5z_.cjs.js"),ze=require("./chunks/index-BYEAMD8A.cjs.js"),We=require("./chunks/namespace-CpLmDcCq.cjs.js"),h=require("./chunks/menu-C8il9--K.cjs.js");require("react/jsx-runtime");function K(){return K=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},K.apply(null,arguments)}var Z=["shift","alt","meta","mod","ctrl"],$e={esc:"escape",return:"enter",".":"period",",":"comma","-":"slash"," ":"space","`":"backquote","#":"backslash","+":"bracketright",ShiftLeft:"shift",ShiftRight:"shift",AltLeft:"alt",AltRight:"alt",MetaLeft:"meta",MetaRight:"meta",OSLeft:"meta",OSRight:"meta",ControlLeft:"ctrl",ControlRight:"ctrl"};function A(e){return(e&&$e[e]||e||"").trim().toLowerCase().replace(/key|digit|numpad|arrow/,"")}function Xe(e){return Z.includes(e)}function F(e,t){return t===void 0&&(t=","),e.split(t)}function H(e,t,r){t===void 0&&(t="+");var n=e.toLocaleLowerCase().split(t).map(function(i){return A(i)}),c={alt:n.includes("alt"),ctrl:n.includes("ctrl")||n.includes("control"),shift:n.includes("shift"),meta:n.includes("meta"),mod:n.includes("mod")},a=n.filter(function(i){return!Z.includes(i)});return K({},c,{keys:a,description:r,hotkey:e})}var T=new Set;function j(e){return Array.isArray(e)}function Je(e,t){t===void 0&&(t=",");var r=j(e)?e:e.split(t);return r.every(function(n){return T.has(n.trim().toLowerCase())})}function Qe(e){var t=Array.isArray(e)?e:[e];T.has("meta")&&T.forEach(function(r){return!Xe(r)&&T.delete(r.toLowerCase())}),t.forEach(function(r){return T.add(r.toLowerCase())})}function Ye(e){var t=Array.isArray(e)?e:[e];e==="meta"?T.clear():t.forEach(function(r){return T.delete(r.toLowerCase())})}function Ze(e,t,r){(typeof r=="function"&&r(e,t)||r===!0)&&e.preventDefault()}function et(e,t,r){return typeof r=="function"?r(e,t):r===!0||r===void 0}function tt(e){return ee(e,["input","textarea","select"])}function ee(e,t){t===void 0&&(t=!1);var r=e.target,n=e.composed,c=null;return rt(r)&&n?c=e.composedPath()[0]&&e.composedPath()[0].tagName:c=r&&r.tagName,j(t)?!!(c&&t&&t.some(function(a){var i;return a.toLowerCase()===((i=c)==null?void 0:i.toLowerCase())})):!!(c&&t&&t)}function rt(e){return!!e.tagName&&!e.tagName.startsWith("-")&&e.tagName.includes("-")}function ot(e,t){return e.length===0&&t?(console.warn('A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'),!0):t?e.some(function(r){return t.includes(r)})||e.includes("*"):!0}var nt=function(t,r,n){n===void 0&&(n=!1);var c=r.alt,a=r.meta,i=r.mod,f=r.shift,u=r.ctrl,s=r.keys,C=t.key,v=t.code,l=t.ctrlKey,o=t.metaKey,q=t.shiftKey,m=t.altKey,g=A(v),b=C.toLowerCase();if(!(s!=null&&s.includes(g))&&!(s!=null&&s.includes(b))&&!["ctrl","control","unknown","meta","alt","shift","os"].includes(g))return!1;if(!n){if(c===!m&&b!=="alt"||f===!q&&b!=="shift")return!1;if(i){if(!o&&!l)return!1}else if(a===!o&&b!=="meta"&&b!=="os"||u===!l&&b!=="ctrl"&&b!=="control")return!1}return s&&s.length===1&&(s.includes(b)||s.includes(g))?!0:s?Je(s):!s},at=d.createContext(void 0),it=function(){return d.useContext(at)};function te(e,t){return e&&t&&typeof e=="object"&&typeof t=="object"?Object.keys(e).length===Object.keys(t).length&&Object.keys(e).reduce(function(r,n){return r&&te(e[n],t[n])},!0):e===t}var ut=d.createContext({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),lt=function(){return d.useContext(ut)};function ct(e){var t=d.useRef(void 0);return te(t.current,e)||(t.current=e),t.current}var X=function(t){t.stopPropagation(),t.preventDefault(),t.stopImmediatePropagation()},st=typeof window<"u"?d.useLayoutEffect:d.useEffect;function dt(e,t,r,n){var c=d.useState(null),a=c[0],i=c[1],f=d.useRef(!1),u=r instanceof Array?n instanceof Array?void 0:n:r,s=j(e)?e.join(u?.splitKey):e,C=r instanceof Array?r:n instanceof Array?n:void 0,v=d.useCallback(t,C??[]),l=d.useRef(v);C?l.current=v:l.current=t;var o=ct(u),q=lt(),m=q.enabledScopes,g=it();return st(function(){if(!(o?.enabled===!1||!ot(m,o?.scopes))){var b=function(p,E){var W;if(E===void 0&&(E=!1),!(tt(p)&&!ee(p,o?.enableOnFormTags))){if(a!==null){var x=a.getRootNode();if((x instanceof Document||x instanceof ShadowRoot)&&x.activeElement!==a&&!a.contains(x.activeElement)){X(p);return}}(W=p.target)!=null&&W.isContentEditable&&!(o!=null&&o.enableOnContentEditable)||F(s,o?.splitKey).forEach(function(oe){var $,D=H(oe,o?.combinationKey);if(nt(p,D,o?.ignoreModifiers)||($=D.keys)!=null&&$.includes("*")){if(o!=null&&o.ignoreEventWhen!=null&&o.ignoreEventWhen(p)||E&&f.current)return;if(Ze(p,D,o?.preventDefault),!et(p,D,o?.enabled)){X(p);return}l.current(p,D),E||(f.current=!0)}})}},V=function(p){p.key!==void 0&&(Qe(A(p.code)),(o?.keydown===void 0&&o?.keyup!==!0||o!=null&&o.keydown)&&b(p))},z=function(p){p.key!==void 0&&(Ye(A(p.code)),f.current=!1,o!=null&&o.keyup&&b(p,!0))},I=a||u?.document||document;return I.addEventListener("keyup",z,u?.eventListenerOptions),I.addEventListener("keydown",V,u?.eventListenerOptions),g&&F(s,o?.splitKey).forEach(function(S){return g.addHotkey(H(S,o?.combinationKey,o?.description))}),function(){I.removeEventListener("keyup",z,u?.eventListenerOptions),I.removeEventListener("keydown",V,u?.eventListenerOptions),g&&F(s,o?.splitKey).forEach(function(S){return g.removeHotkey(H(S,o?.combinationKey,o?.description))})}}},[a,s,o,m]),i}function ft(){var e=d.useRef(!1),t=d.useCallback(function(){return e.current},[]);return d.useEffect(function(){return e.current=!0,function(){e.current=!1}},[]),t}var pt=function(e){e===void 0&&(e={});var t=d.useState(e),r=t[0],n=t[1],c=d.useCallback(function(a){n(function(i){return Object.assign({},i,a instanceof Function?a(i):a)})},[]);return[r,c]},P,J;function mt(){return J||(J=1,P=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,r=[],n=0;n<e.rangeCount;n++)r.push(e.getRangeAt(n));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return e.removeAllRanges(),function(){e.type==="Caret"&&e.removeAllRanges(),e.rangeCount||r.forEach(function(c){e.addRange(c)}),t&&t.focus()}}),P}var O,Q;function gt(){if(Q)return O;Q=1;var e=mt(),t={"text/plain":"Text","text/html":"Url",default:"Text"},r="Copy to clipboard: #{key}, Enter";function n(a){var i=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return a.replace(/#{\s*key\s*}/g,i)}function c(a,i){var f,u,s,C,v,l,o=!1;i||(i={}),f=i.debug||!1;try{s=e(),C=document.createRange(),v=document.getSelection(),l=document.createElement("span"),l.textContent=a,l.ariaHidden="true",l.style.all="unset",l.style.position="fixed",l.style.top=0,l.style.clip="rect(0, 0, 0, 0)",l.style.whiteSpace="pre",l.style.webkitUserSelect="text",l.style.MozUserSelect="text",l.style.msUserSelect="text",l.style.userSelect="text",l.addEventListener("copy",function(m){if(m.stopPropagation(),i.format)if(m.preventDefault(),typeof m.clipboardData>"u"){f&&console.warn("unable to use e.clipboardData"),f&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var g=t[i.format]||t.default;window.clipboardData.setData(g,a)}else m.clipboardData.clearData(),m.clipboardData.setData(i.format,a);i.onCopy&&(m.preventDefault(),i.onCopy(m.clipboardData))}),document.body.appendChild(l),C.selectNodeContents(l),v.addRange(C);var q=document.execCommand("copy");if(!q)throw new Error("copy command was unsuccessful");o=!0}catch(m){f&&console.error("unable to copy using execCommand: ",m),f&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(i.format||"text",a),i.onCopy&&i.onCopy(window.clipboardData),o=!0}catch(g){f&&console.error("unable to copy using clipboardData: ",g),f&&console.error("falling back to prompt"),u=n("message"in i?i.message:r),window.prompt(u,a)}}finally{v&&(typeof v.removeRange=="function"?v.removeRange(C):v.removeAllRanges()),l&&document.body.removeChild(l),s()}return o}return O=c,O}var yt=gt();const vt=je.getDefaultExportFromCjs(yt);var bt=function(){var e=ft(),t=pt({value:void 0,error:void 0,noUserInteraction:!0}),r=t[0],n=t[1],c=d.useCallback(function(a){if(e()){var i,f;try{if(typeof a!="string"&&typeof a!="number"){var u=new Error("Cannot copy typeof "+typeof a+" to clipboard, must be a string");process.env.NODE_ENV==="development"&&console.error(u),n({value:a,error:u,noUserInteraction:!0});return}else if(a===""){var u=new Error("Cannot copy empty string to clipboard.");process.env.NODE_ENV==="development"&&console.error(u),n({value:a,error:u,noUserInteraction:!0});return}f=a.toString(),i=vt(f),n({value:f,error:void 0,noUserInteraction:i})}catch(s){n({value:f,error:s,noUserInteraction:i})}}},[]);return[r,c]};function Ct(){const[e,t]=d.useState(r());function r(){return document.documentElement.style.getPropertyValue("color-scheme")||localStorage.getItem("theme")||"light"}return d.useEffect(()=>{const n=document.documentElement,c=new MutationObserver(()=>{const a=r();t(a)});return c.observe(n,{attributes:!0,attributeFilter:["style"]}),()=>c.disconnect()},[]),e}function re(){const{resolvedTheme:e,setTheme:t}=Y.z();return{colorMode:e,setColorMode:t,toggleColorMode:()=>{t(e==="light"?"dark":"light")}}}function ht(e,t){const{colorMode:r}=re();return r==="light"?e:t}exports.Avatar=ne.Avatar;exports.Box=ae.Box;exports.Button=ie.Button;exports.Code=ue.Code;exports.ComboBox=B.ComboBox;exports._ComboBoxOption=B.ComboBoxOption;exports._ComboBoxOptionGroup=B.ComboBoxOptionGroup;exports._ComboBoxRoot=B.ComboBoxRoot;exports.Dialog=le.Dialog;exports.Divider=ce.Divider;exports.Group=se.Group;exports.IconButton=de.IconButton;exports.IconToggleButton=fe.IconToggleButton;exports.Image=pe.Image;exports.Kbd=me.Kbd;exports.Link=ge.Link;exports.List=L.List;exports._ListIndicator=L.ListIndicator;exports._ListItem=L.ListItem;exports._ListRoot=L.ListRoot;exports.SimpleGrid=ye.SimpleGrid;exports.Text=ve.Text;exports.Tooltip=G.Tooltip;exports._TooltipContent=G.TooltipContent;exports._TooltipRoot=G.TooltipRoot;exports.MakeElementFocusable=be.MakeElementFocusable;exports.NimbusProvider=Y.NimbusProvider;exports.Checkbox=Ce.Checkbox;exports.Stack=he.Stack;exports.VisuallyHidden=Te.VisuallyHidden;exports.TextInput=ke.TextInput;exports.NumberInput=Se.NumberInput;exports.Grid=Re.Grid;exports.Select=w.Select;exports._SelectOption=w.SelectOption;exports._SelectOptionGroup=w.SelectOptionGroup;exports._SelectOptions=w.SelectOptions;exports._SelectRoot=w.SelectRoot;exports.Accordion=R.Accordion;exports._AccordionContent=R.AccordionContent;exports._AccordionHeader=R.AccordionHeader;exports._AccordionHeaderRightContent=R.AccordionHeaderRightContent;exports._AccordionItem=R.AccordionItem;exports._AccordionRoot=R.AccordionRoot;exports.Alert=_.Alert;exports._AlertActions=_.AlertActions;exports._AlertDescription=_.AlertDescription;exports._AlertDismissButton=_.AlertDismissButton;exports._AlertRoot=_.AlertRoot;exports._AlertTitle=_.AlertTitle;exports.Badge=_e.Badge;exports.Card=M.Card;exports._CardContent=M.CardContent;exports._CardHeader=M.CardHeader;exports._CardRoot=M.CardRoot;exports.FormField=k.FormField;exports._FormFieldDescription=k.FormFieldDescription;exports._FormFieldError=k.FormFieldError;exports._FormFieldInfoBox=k.FormFieldInfoBox;exports._FormFieldInput=k.FormFieldInput;exports._FormFieldLabel=k.FormFieldLabel;exports._FormFieldRoot=k.FormFieldRoot;exports.Icon=qe.Icon;exports.LoadingSpinner=De.LoadingSpinner;exports.PasswordInput=we.PasswordInput;exports.SplitButton=Ie.SplitButton;exports.TimeInput=Ee.TimeInput;exports.MultilineTextInput=xe.MultilineTextInput;exports.RadioInput=N.RadioInput;exports._RadioInputOption=N.RadioInputOption;exports._RadioInputRoot=N.RadioInputRoot;exports.Switch=Ae.Switch;exports.TagGroup=Be.TagGroup;exports.ToggleButton=Le.ToggleButton;exports.ToggleButtonGroup=U.ToggleButtonGroup;exports._ToggleButtonGroupButton=U.ToggleButtonGroupButton;exports._ToggleButtonGroupRoot=U.ToggleButtonGroupRoot;exports.DateInput=Me.DateInput;exports.Calendar=Fe.Calendar;exports.DatePicker=He.DatePicker;exports.ProgressBar=Pe.ProgressBar;exports.RangeCalendar=Oe.RangeCalendar;exports.DateRangePicker=Ke.DateRangePicker;exports.Toolbar=Ge.Toolbar;exports.RichTextInput=Ne.RichTextInput;exports.DataTable=y.DataTable;exports._DataTableBody=y.DataTableBody;exports._DataTableCell=y.DataTableCell;exports._DataTableColumn=y.DataTableColumn;exports._DataTableExpandButton=y.DataTableExpandButton;exports._DataTableFooter=y.DataTableFooter;exports._DataTableHeader=y.DataTableHeader;exports._DataTableNestedIcon=y.DataTableNestedIcon;exports._DataTableRoot=y.DataTableRoot;exports._DataTableRow=y.DataTableRow;exports._DataTableSelectionCell=y.DataTableSelectionCell;exports._DataTableTable=y.DataTableTable;exports.system=Ue.system;exports.Flex=Ve.Flex;exports.Heading=ze.Heading;exports.Table=We.namespace;exports.Menu=h.Menu;exports._MenuContent=h.MenuContent;exports._MenuItem=h.MenuItem;exports._MenuRoot=h.MenuRoot;exports._MenuSection=h.MenuSection;exports._MenuSeparator=h.MenuSeparator;exports._MenuSubmenu=h.MenuSubmenu;exports._MenuSubmenuTrigger=h.MenuSubmenuTrigger;exports._MenuTrigger=h.MenuTrigger;exports.useColorMode=re;exports.useColorModeValue=ht;exports.useColorScheme=Ct;exports.useCopyToClipboard=bt;exports.useHotkeys=dt;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.d.ts
CHANGED
|
@@ -1338,11 +1338,43 @@ export declare interface DataTableProps<T extends object = Record<string, unknow
|
|
|
1338
1338
|
onPinToggle?: (rowId: string) => void;
|
|
1339
1339
|
}
|
|
1340
1340
|
|
|
1341
|
+
export declare const _DataTableRoot: ForwardRefExoticComponent<Omit<DataTableProps<Record<string, unknown>>, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
1342
|
+
|
|
1343
|
+
/**
|
|
1344
|
+
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1345
|
+
* This creates a complete set of props for the root element, combining
|
|
1346
|
+
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1347
|
+
*/
|
|
1348
|
+
declare interface DataTableRootProps extends HTMLChakraProps_2<"div", dataTableSlotRecipeProps> {
|
|
1349
|
+
}
|
|
1350
|
+
|
|
1351
|
+
export declare const _DataTableRow: {
|
|
1352
|
+
<T extends DataTableRowItem = DataTableRowItem>({ row, ref, ...props }: DataTableRowProps<T>): JSX.Element;
|
|
1353
|
+
displayName: string;
|
|
1354
|
+
};
|
|
1355
|
+
|
|
1356
|
+
export declare type DataTableRowItem<T extends object = Record<string, unknown>> = T & {
|
|
1357
|
+
id: string;
|
|
1358
|
+
isDisabled?: boolean;
|
|
1359
|
+
[key: string]: unknown;
|
|
1360
|
+
};
|
|
1361
|
+
|
|
1362
|
+
/** Combined props for the Row element (Chakra styles + Aria behavior). */
|
|
1363
|
+
export declare type DataTableRowProps<T extends DataTableRowItem> = RowProps<T> & DataTableRowSlotProps & {
|
|
1364
|
+
ref?: Ref<HTMLTableRowElement>;
|
|
1365
|
+
row: T;
|
|
1366
|
+
depth?: number;
|
|
1367
|
+
};
|
|
1368
|
+
|
|
1369
|
+
declare type DataTableRowSlotProps = HTMLChakraProps_2<"tr">;
|
|
1370
|
+
|
|
1371
|
+
export declare const _DataTableSelectionCell: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLTableCellElement>>;
|
|
1372
|
+
|
|
1341
1373
|
/**
|
|
1342
1374
|
* Slot recipe configuration for the DataTable component.
|
|
1343
1375
|
* Defines the styling variants, base styles, and slots using Chakra UI's slot recipe system.
|
|
1344
1376
|
*/
|
|
1345
|
-
declare const
|
|
1377
|
+
declare const dataTableSlotRecipe: SlotRecipeDefinition<"table" | "cell" | "body" | "footer" | "header" | "row" | "column" | "root" | "selectionCell" | "detailsButton" | "expandButton" | "nestedIcon" | "headerSortIcon" | "columnResizer", {
|
|
1346
1378
|
truncated: {
|
|
1347
1379
|
true: {
|
|
1348
1380
|
root: {
|
|
@@ -1375,43 +1407,11 @@ declare const dataTableRecipe: SlotRecipeDefinition<"table" | "cell" | "body" |
|
|
|
1375
1407
|
* Base recipe props interface that combines Chakra UI's recipe props
|
|
1376
1408
|
* with the unstyled prop option for the div element.
|
|
1377
1409
|
*/
|
|
1378
|
-
declare interface
|
|
1410
|
+
declare interface dataTableSlotRecipeProps extends RecipeProps_2<"div">, UnstyledProp_2 {
|
|
1379
1411
|
truncated?: boolean;
|
|
1380
1412
|
density?: "default" | "condensed";
|
|
1381
1413
|
}
|
|
1382
1414
|
|
|
1383
|
-
export declare const _DataTableRoot: ForwardRefExoticComponent<Omit<DataTableProps<Record<string, unknown>>, "ref"> & RefAttributes<HTMLDivElement>>;
|
|
1384
|
-
|
|
1385
|
-
/**
|
|
1386
|
-
* Root props interface that extends Chakra's HTML props with our recipe props.
|
|
1387
|
-
* This creates a complete set of props for the root element, combining
|
|
1388
|
-
* HTML attributes, Chakra's styling system, and our custom recipe props.
|
|
1389
|
-
*/
|
|
1390
|
-
declare interface DataTableRootProps extends HTMLChakraProps_2<"div", DataTableRecipeProps> {
|
|
1391
|
-
}
|
|
1392
|
-
|
|
1393
|
-
export declare const _DataTableRow: {
|
|
1394
|
-
<T extends DataTableRowItem = DataTableRowItem>({ row, ref, ...props }: DataTableRowProps<T>): JSX.Element;
|
|
1395
|
-
displayName: string;
|
|
1396
|
-
};
|
|
1397
|
-
|
|
1398
|
-
export declare type DataTableRowItem<T extends object = Record<string, unknown>> = T & {
|
|
1399
|
-
id: string;
|
|
1400
|
-
isDisabled?: boolean;
|
|
1401
|
-
[key: string]: unknown;
|
|
1402
|
-
};
|
|
1403
|
-
|
|
1404
|
-
/** Combined props for the Row element (Chakra styles + Aria behavior). */
|
|
1405
|
-
export declare type DataTableRowProps<T extends DataTableRowItem> = RowProps<T> & DataTableRowSlotProps & {
|
|
1406
|
-
ref?: Ref<HTMLTableRowElement>;
|
|
1407
|
-
row: T;
|
|
1408
|
-
depth?: number;
|
|
1409
|
-
};
|
|
1410
|
-
|
|
1411
|
-
declare type DataTableRowSlotProps = HTMLChakraProps_2<"tr">;
|
|
1412
|
-
|
|
1413
|
-
export declare const _DataTableSelectionCell: ForwardRefExoticComponent<Omit<PatchHtmlProps<Omit<DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">>, "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "display" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollBehavior" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "scrollSnapMarginTop" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom" | "all" | "animation" | "animationRange" | "background" | "backgroundPosition" | "border" | "borderBlock" | "borderBlockEnd" | "borderBlockStart" | "borderBottom" | "borderColor" | "borderImage" | "borderInline" | "borderInlineEnd" | "borderInlineStart" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "caret" | "columnRule" | "columns" | "containIntrinsicSize" | "flex" | "flexFlow" | "font" | "gap" | "grid" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "inset" | "insetBlock" | "insetInline" | "lineClamp" | "listStyle" | "margin" | "marginBlock" | "marginInline" | "mask" | "maskBorder" | "offset" | "outline" | "overflow" | "overscrollBehavior" | "padding" | "paddingBlock" | "paddingInline" | "placeContent" | "placeItems" | "placeSelf" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginInline" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingInline" | "scrollSnapMargin" | "scrollTimeline" | "textDecoration" | "textEmphasis" | "transition" | "viewTimeline" | "WebkitAppearance" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "WebkitBorderBefore" | "WebkitMask" | "WebkitTextStroke" | "boxAlign" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "clip" | "gridColumnGap" | "gridGap" | "gridRowGap" | "imeMode" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapTypeX" | "scrollSnapTypeY" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "bg" | "colorPalette" | "focusVisibleRing" | "layerStyle" | "textStyle" | "css" | "anchorName" | "anchorScope" | "colorInterpolationFilters" | "cx" | "cy" | "d" | "fieldSizing" | "initialLetterAlign" | "interpolateSize" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "r" | "rx" | "ry" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textSpacingTrim" | "textWrapMode" | "textWrapStyle" | "x" | "y" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "animationStyle" | keyof PolymorphicProps> & Omit<JsxStyleProps, never> & PolymorphicProps & RefAttributes<HTMLTableCellElement>>;
|
|
1414
|
-
|
|
1415
1415
|
export declare const _DataTableTable: ForwardRefExoticComponent<Omit<HTMLChakraProps_2<"table">, "translate"> & {
|
|
1416
1416
|
translate?: "yes" | "no";
|
|
1417
1417
|
} & RefAttributes<HTMLTableElement>>;
|
|
@@ -1421,7 +1421,7 @@ export declare const _DataTableTable: ForwardRefExoticComponent<Omit<HTMLChakraP
|
|
|
1421
1421
|
* This allows the component to accept both structural props from Root
|
|
1422
1422
|
* and styling variants from the recipe.
|
|
1423
1423
|
*/
|
|
1424
|
-
declare type DataTableVariantProps = Omit<DataTableRootProps, "columns" | "data"> & RecipeVariantProps<typeof
|
|
1424
|
+
declare type DataTableVariantProps = Omit<DataTableRootProps, "columns" | "data"> & RecipeVariantProps<typeof dataTableSlotRecipe>;
|
|
1425
1425
|
|
|
1426
1426
|
/**
|
|
1427
1427
|
* # DateInput
|
package/dist/index.es.js
CHANGED
|
@@ -49,7 +49,7 @@ import { R as Qr } from "./chunks/range-calendar-DxPBRKpW.es.js";
|
|
|
49
49
|
import { D as Zr } from "./chunks/date-range-picker-Dh-F7d4e.es.js";
|
|
50
50
|
import { T as to } from "./chunks/toolbar-DI1eQG-1.es.js";
|
|
51
51
|
import { R as oo } from "./chunks/rich-text-input-B6OYMXXr.es.js";
|
|
52
|
-
import { D as ao, e as so, g as io, d as uo, i as lo, h as co, c as fo, j as po, a as mo, f as yo, k as vo, b as go } from "./chunks/data-table-
|
|
52
|
+
import { D as ao, e as so, g as io, d as uo, i as lo, h as co, c as fo, j as po, a as mo, f as yo, k as vo, b as go } from "./chunks/data-table-BmhYF5gH.es.js";
|
|
53
53
|
import { s as Co } from "./chunks/index-Dvel3Oj5.es.js";
|
|
54
54
|
import { p as J } from "./chunks/slate-helpers-DunxggA8.es.js";
|
|
55
55
|
import { useState as M, useRef as k, useCallback as E, useLayoutEffect as Q, useEffect as B, useContext as G, createContext as q } from "react";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools/nimbus",
|
|
3
|
-
"version": "0.0.12-
|
|
3
|
+
"version": "0.0.12-rc3",
|
|
4
4
|
"main": "./dist/index.cjs",
|
|
5
5
|
"module": "./dist/index.js",
|
|
6
6
|
"type": "module",
|
|
@@ -92,8 +92,8 @@
|
|
|
92
92
|
"vite-plugin-dts": "^4.5.4",
|
|
93
93
|
"vite-tsconfig-paths": "^5.1.4",
|
|
94
94
|
"vitest": "^3.2.4",
|
|
95
|
-
"@commercetools/nimbus-
|
|
96
|
-
"@commercetools/nimbus-
|
|
95
|
+
"@commercetools/nimbus-tokens": "^0.0.11",
|
|
96
|
+
"@commercetools/nimbus-icons": "^0.0.11"
|
|
97
97
|
},
|
|
98
98
|
"peerDependencies": {
|
|
99
99
|
"@chakra-ui/react": "^3.26.0",
|