@economic/taco 1.26.2 → 1.28.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/Calendar/Calendar.d.ts +2 -0
- package/dist/components/Header/components/Button.d.ts +0 -2
- package/dist/components/Header/components/Link.d.ts +0 -1
- package/dist/components/Header/components/SecondaryNavigation.d.ts +2 -2
- package/dist/components/Icon/components/WorkflowTemplateBasic.d.ts +3 -0
- package/dist/components/Icon/components/index.d.ts +1 -1
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Menu/components/Item.d.ts +1 -1
- package/dist/components/Menu/components/Link.d.ts +1 -1
- package/dist/components/Navigation2/components/Link.d.ts +1 -1
- package/dist/components/OverflowGroup/OverflowGroup.d.ts +5 -0
- package/dist/components/Provider/Localization.d.ts +1 -0
- package/dist/components/Select2/components/Option.d.ts +1 -1
- package/dist/components/Select2/components/Search.d.ts +1 -1
- package/dist/components/Tag/Tag.d.ts +1 -1
- package/dist/components/Toast/util.d.ts +2 -1
- package/dist/esm/index.css +3 -3
- package/dist/esm/packages/taco/src/components/Alert/Alert.js +1 -1
- package/dist/esm/packages/taco/src/components/Alert/Alert.js.map +1 -1
- package/dist/esm/packages/taco/src/components/Badge/Badge.js +1 -1
- package/dist/esm/packages/taco/src/components/Badge/Badge.js.map +1 -1
- package/dist/esm/packages/taco/src/components/BadgeIcon/BadgeIcon.js +1 -1
- package/dist/esm/packages/taco/src/components/BadgeIcon/BadgeIcon.js.map +1 -1
- package/dist/esm/packages/taco/src/components/Calendar/Calendar.js +12 -5
- package/dist/esm/packages/taco/src/components/Calendar/Calendar.js.map +1 -1
- package/dist/esm/packages/taco/src/components/Combobox/useCombobox.js +1 -1
- package/dist/esm/packages/taco/src/components/Datepicker/Datepicker.js +8 -4
- package/dist/esm/packages/taco/src/components/Datepicker/Datepicker.js.map +1 -1
- package/dist/esm/packages/taco/src/components/Drawer/Drawer.js +1 -1
- package/dist/esm/packages/taco/src/components/Drawer/components/Content.js +2 -2
- package/dist/esm/packages/taco/src/components/Header/components/AgreementSelector.js +1 -1
- package/dist/esm/packages/taco/src/components/Header/components/Button.js +2 -6
- package/dist/esm/packages/taco/src/components/Header/components/Button.js.map +1 -1
- package/dist/esm/packages/taco/src/components/Header/components/Link.js +3 -7
- package/dist/esm/packages/taco/src/components/Header/components/Link.js.map +1 -1
- package/dist/esm/packages/taco/src/components/Header/components/PrimaryNavigation.js +7 -114
- package/dist/esm/packages/taco/src/components/Header/components/PrimaryNavigation.js.map +1 -1
- package/dist/esm/packages/taco/src/components/Header/components/SecondaryNavigation.js +2 -2
- package/dist/esm/packages/taco/src/components/Header/components/SecondaryNavigation.js.map +1 -1
- package/dist/esm/packages/taco/src/components/Icon/Icon.js +1 -0
- package/dist/esm/packages/taco/src/components/Icon/Icon.js.map +1 -1
- package/dist/esm/packages/taco/src/components/Icon/components/WorkflowTemplateBasic.js +18 -0
- package/dist/esm/packages/taco/src/components/Icon/components/WorkflowTemplateBasic.js.map +1 -0
- package/dist/esm/packages/taco/src/components/Icon/components/index.js +2 -0
- package/dist/esm/packages/taco/src/components/Icon/components/index.js.map +1 -1
- package/dist/esm/packages/taco/src/components/Input/Input.js +1 -1
- package/dist/esm/packages/taco/src/components/Listbox/ScrollableList.js +1 -1
- package/dist/esm/packages/taco/src/components/Listbox/useListbox.js +1 -1
- package/dist/esm/packages/taco/src/components/Listbox/useMultiListbox.js +1 -1
- package/dist/esm/packages/taco/src/components/Menu/Menu.js +2 -2
- package/dist/esm/packages/taco/src/components/Menu/components/Content.js +1 -1
- package/dist/esm/packages/taco/src/components/Menu/components/Header.js +1 -1
- package/dist/esm/packages/taco/src/components/Menu/components/Item.js +1 -1
- package/dist/esm/packages/taco/src/components/Menu/components/Link.js +1 -1
- package/dist/esm/packages/taco/src/components/Menu/components/Trigger.js +1 -1
- package/dist/esm/packages/taco/src/components/OverflowGroup/OverflowGroup.js +75 -0
- package/dist/esm/packages/taco/src/components/OverflowGroup/OverflowGroup.js.map +1 -0
- package/dist/esm/packages/taco/src/components/Provider/Localization.js +1 -0
- package/dist/esm/packages/taco/src/components/Provider/Localization.js.map +1 -1
- package/dist/esm/packages/taco/src/components/Select/useSelect.js +1 -1
- package/dist/esm/packages/taco/src/components/Select2/Select2.js +2 -2
- package/dist/esm/packages/taco/src/components/Select2/components/Edit.js +3 -3
- package/dist/esm/packages/taco/src/components/Select2/components/Edit.js.map +1 -1
- package/dist/esm/packages/taco/src/components/Select2/components/Trigger.js +1 -1
- package/dist/esm/packages/taco/src/components/Table/components/WindowedTable.js +1 -1
- package/dist/esm/packages/taco/src/components/Table/hooks/useTableKeyboardNavigation.js +1 -1
- package/dist/esm/packages/taco/src/components/Table2/components/column/Cell.js +1 -1
- package/dist/esm/packages/taco/src/components/Table2/components/filters/FiltersButton.js +1 -1
- package/dist/esm/packages/taco/src/components/Table2/utilities/columns.js +1 -1
- package/dist/esm/packages/taco/src/components/Tag/Tag.js +1 -1
- package/dist/esm/packages/taco/src/components/Tag/Tag.js.map +1 -1
- package/dist/esm/packages/taco/src/components/Toast/Toast.js +2 -2
- package/dist/esm/packages/taco/src/components/Toast/Toast.js.map +1 -1
- package/dist/esm/packages/taco/src/components/Toast/util.js +2 -1
- package/dist/esm/packages/taco/src/components/Toast/util.js.map +1 -1
- package/dist/esm/packages/taco/src/hooks/useIntersectionObserver.js +1 -1
- package/dist/esm/packages/taco/src/hooks/useIntersectionObserver.js.map +1 -1
- package/dist/esm/packages/taco/src/index.js +8 -8
- package/dist/esm/packages/taco/src/utils/{taillwind.js → tailwind.js} +1 -1
- package/dist/esm/packages/taco/src/utils/tailwind.js.map +1 -0
- package/dist/index.css +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/taco.cjs.development.js +1245 -1302
- package/dist/taco.cjs.development.js.map +1 -1
- package/dist/taco.cjs.production.min.js +1 -1
- package/dist/taco.cjs.production.min.js.map +1 -1
- package/dist/types.d.ts +1 -1
- package/dist/utils/tailwind.d.ts +6 -1
- package/package.json +4 -3
- package/types.json +11 -14
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +0 -5
- package/dist/esm/packages/taco/src/components/ButtonGroup/ButtonGroup.js +0 -46
- package/dist/esm/packages/taco/src/components/ButtonGroup/ButtonGroup.js.map +0 -1
- package/dist/esm/packages/taco/src/utils/taillwind.js.map +0 -1
- package/dist/utils/taillwind.d.ts +0 -6
package/dist/types.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { AVAILABLE_COLORS } from './utils/
|
1
|
+
import { AVAILABLE_COLORS } from './utils/tailwind';
|
2
2
|
export declare type Appearance = 'default' | 'primary' | 'danger' | 'ghost' | 'discrete';
|
3
3
|
export declare type State = 'default' | 'success' | 'error' | 'warning' | 'information';
|
4
4
|
export declare type Locale = 'en-GB' | 'da-DK' | 'sv-SE' | 'no-NO';
|
package/dist/utils/tailwind.d.ts
CHANGED
@@ -1 +1,6 @@
|
|
1
|
-
|
1
|
+
import { Color, State } from '../types';
|
2
|
+
export declare const AVAILABLE_COLORS: readonly ["green", "yellow", "red", "blue", "purple", "brown", "pink", "orange", "grey", "transparent"];
|
3
|
+
export declare const getColorByState: (state: State | undefined) => Color;
|
4
|
+
export declare const getOutlineColorShadeClasses: (state: Color | undefined) => string;
|
5
|
+
export declare const getSubtleColorShadeClasses: (value: Color | undefined) => string;
|
6
|
+
export declare const getColorShadeClasses: (value: Color | undefined) => string;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@economic/taco",
|
3
|
-
"version": "1.
|
3
|
+
"version": "1.28.0",
|
4
4
|
"description": "> TODO: description",
|
5
5
|
"author": "Matt Daly <matthew.daly@visma.com>",
|
6
6
|
"homepage": "https://github.com/e-conomic/taco#readme",
|
@@ -74,6 +74,7 @@
|
|
74
74
|
"uuid": "^9.0.0"
|
75
75
|
},
|
76
76
|
"peerDependencies": {
|
77
|
+
"@tailwindcss/line-clamp": ">=0",
|
77
78
|
"react": ">=17",
|
78
79
|
"react-dom": ">=17",
|
79
80
|
"tailwindcss": ">=3"
|
@@ -111,7 +112,7 @@
|
|
111
112
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
112
113
|
"rollup-plugin-postcss": "^4.0.2",
|
113
114
|
"svgo": "^1.3.2",
|
114
|
-
"tailwindcss": "^3.2.
|
115
|
+
"tailwindcss": "^3.2.7",
|
115
116
|
"ts-jest": "^29.0.3",
|
116
117
|
"ts-node": "^10.9.1",
|
117
118
|
"tsdx": "^0.13.2",
|
@@ -132,5 +133,5 @@
|
|
132
133
|
"not ie < 11"
|
133
134
|
]
|
134
135
|
},
|
135
|
-
"gitHead": "
|
136
|
+
"gitHead": "b3dbe80cb4f874c899a8b0b4aaf451273fe62276"
|
136
137
|
}
|
package/types.json
CHANGED
@@ -266,7 +266,7 @@
|
|
266
266
|
"type": {
|
267
267
|
"type": "reflection",
|
268
268
|
"declaration": {
|
269
|
-
"id":
|
269
|
+
"id": 1328,
|
270
270
|
"name": "__type",
|
271
271
|
"kind": 65536,
|
272
272
|
"kindString": "Type literal",
|
@@ -789,11 +789,6 @@
|
|
789
789
|
"name": "aria-label",
|
790
790
|
"optional": false,
|
791
791
|
"type": "string"
|
792
|
-
},
|
793
|
-
{
|
794
|
-
"name": "as",
|
795
|
-
"optional": true,
|
796
|
-
"type": "string"
|
797
792
|
}
|
798
793
|
]
|
799
794
|
}
|
@@ -842,6 +837,12 @@
|
|
842
837
|
"optional": false,
|
843
838
|
"type": "string[]"
|
844
839
|
},
|
840
|
+
{
|
841
|
+
"description": "Text for days in Calendar's header, starting with Sunday",
|
842
|
+
"name": "weekdays",
|
843
|
+
"optional": false,
|
844
|
+
"type": "string[]"
|
845
|
+
},
|
845
846
|
{
|
846
847
|
"description": "Text abbreviation for days in Calendar's header, starting with Sunday",
|
847
848
|
"name": "weekdaysShort",
|
@@ -2097,11 +2098,6 @@
|
|
2097
2098
|
"AnchorHTMLAttributes<HTMLAnchorElement>"
|
2098
2099
|
],
|
2099
2100
|
"props": [
|
2100
|
-
{
|
2101
|
-
"name": "as",
|
2102
|
-
"optional": true,
|
2103
|
-
"type": "string"
|
2104
|
-
},
|
2105
2101
|
{
|
2106
2102
|
"name": "tooltip",
|
2107
2103
|
"optional": true,
|
@@ -2206,7 +2202,7 @@
|
|
2206
2202
|
"PrimaryNavigationProps": "HTMLAttributes<HTMLElement>"
|
2207
2203
|
},
|
2208
2204
|
"SecondaryNavigation": {
|
2209
|
-
"SecondaryNavigationProps": "HTMLAttributes<
|
2205
|
+
"SecondaryNavigationProps": "HTMLAttributes<HTMLDivElement>"
|
2210
2206
|
},
|
2211
2207
|
"HoverCard": {
|
2212
2208
|
"HoverCardContentProps": {
|
@@ -2456,6 +2452,7 @@
|
|
2456
2452
|
"'warning'",
|
2457
2453
|
"'webshop'",
|
2458
2454
|
"'website'",
|
2455
|
+
"'workflow-template-basic'",
|
2459
2456
|
"'workflow'",
|
2460
2457
|
"'zoom'"
|
2461
2458
|
]
|
@@ -3875,7 +3872,7 @@
|
|
3875
3872
|
{
|
3876
3873
|
"type": "reflection",
|
3877
3874
|
"declaration": {
|
3878
|
-
"id":
|
3875
|
+
"id": 3285,
|
3879
3876
|
"name": "__type",
|
3880
3877
|
"kind": 65536,
|
3881
3878
|
"kindString": "Type literal",
|
@@ -4075,7 +4072,7 @@
|
|
4075
4072
|
"constraint": {
|
4076
4073
|
"type": "reflection",
|
4077
4074
|
"declaration": {
|
4078
|
-
"id":
|
4075
|
+
"id": 2025,
|
4079
4076
|
"name": "__type",
|
4080
4077
|
"kind": 65536,
|
4081
4078
|
"kindString": "Type literal",
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { ButtonProps } from '../Button/Button';
|
3
|
-
export declare const ButtonGroup: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
|
4
|
-
children: React.ReactElement<ButtonProps>[];
|
5
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
@@ -1,46 +0,0 @@
|
|
1
|
-
import React__default from 'react';
|
2
|
-
import cn from 'classnames';
|
3
|
-
import { IconButton } from '../IconButton/IconButton.js';
|
4
|
-
import { useMergedRef } from '../../hooks/useMergedRef.js';
|
5
|
-
import { Group } from '../Group/Group.js';
|
6
|
-
import { Menu } from '../Menu/Menu.js';
|
7
|
-
import { useIntersectionObserver } from '../../hooks/useIntersectionObserver.js';
|
8
|
-
|
9
|
-
const sanitizeButtonPropsForMenuItem = props => {
|
10
|
-
const {
|
11
|
-
appearance: _1,
|
12
|
-
drawer: _2,
|
13
|
-
fluid: _3,
|
14
|
-
hanger: _4,
|
15
|
-
menu: _5,
|
16
|
-
popover: _6,
|
17
|
-
tooltip: _7,
|
18
|
-
...attributes
|
19
|
-
} = props;
|
20
|
-
return attributes;
|
21
|
-
};
|
22
|
-
const OFFSET = 32 + 8;
|
23
|
-
const ButtonGroup = /*#__PURE__*/React__default.forwardRef(function ButtonGroup(props, ref) {
|
24
|
-
const internalRef = useMergedRef(ref);
|
25
|
-
const intersectedChildIndex = useIntersectionObserver(internalRef, OFFSET);
|
26
|
-
const children = React__default.Children.toArray(props.children);
|
27
|
-
const hidden = intersectedChildIndex !== undefined ? children.slice(intersectedChildIndex) : [];
|
28
|
-
return /*#__PURE__*/React__default.createElement(Group, Object.assign({}, props, {
|
29
|
-
ref: internalRef
|
30
|
-
}), children.map((child, index) => /*#__PURE__*/React__default.cloneElement(child, {
|
31
|
-
className: cn(child.props.className, {
|
32
|
-
visible: intersectedChildIndex === undefined || index < intersectedChildIndex,
|
33
|
-
'invisible order-[100] pointer-events-none': intersectedChildIndex !== undefined && index >= intersectedChildIndex
|
34
|
-
})
|
35
|
-
})), hidden.length ? /*#__PURE__*/React__default.createElement(IconButton, {
|
36
|
-
className: "sticky right-0 order-[99]",
|
37
|
-
"data-intesection-observer": "ignore",
|
38
|
-
icon: "more",
|
39
|
-
menu: menuProps => /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, hidden.map((button, index) => /*#__PURE__*/React__default.createElement(Menu.Item, Object.assign({
|
40
|
-
key: index
|
41
|
-
}, sanitizeButtonPropsForMenuItem(button.props))))))
|
42
|
-
}) : null);
|
43
|
-
});
|
44
|
-
|
45
|
-
export { ButtonGroup };
|
46
|
-
//# sourceMappingURL=ButtonGroup.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ButtonGroup.js","sources":["../../../../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { ButtonProps } from '../Button/Button';\nimport { Group } from '../Group/Group';\nimport { Menu } from '../Menu/Menu';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { IconButton } from '../IconButton/IconButton';\n\nconst sanitizeButtonPropsForMenuItem = props => {\n const { appearance: _1, drawer: _2, fluid: _3, hanger: _4, menu: _5, popover: _6, tooltip: _7, ...attributes } = props;\n return attributes;\n};\n\ntype ButtonGroupProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {\n children: React.ReactElement<ButtonProps>[];\n};\n\nconst OFFSET = 32 + 8;\n\nexport const ButtonGroup = React.forwardRef(function ButtonGroup(props: ButtonGroupProps, ref: React.Ref<HTMLDivElement>) {\n const internalRef = useMergedRef<HTMLDivElement>(ref);\n const intersectedChildIndex = useIntersectionObserver(internalRef, OFFSET);\n const children = React.Children.toArray(props.children) as React.ReactElement<ButtonProps>[];\n\n const hidden = intersectedChildIndex !== undefined ? children.slice(intersectedChildIndex) : [];\n\n return (\n <Group {...props} ref={internalRef}>\n {children.map((child, index) =>\n React.cloneElement(child, {\n className: cn(child.props.className, {\n visible: intersectedChildIndex === undefined || index < intersectedChildIndex,\n 'invisible order-[100] pointer-events-none':\n intersectedChildIndex !== undefined && index >= intersectedChildIndex,\n }),\n })\n )}\n {hidden.length ? (\n <IconButton\n className=\"sticky right-0 order-[99]\"\n data-intesection-observer=\"ignore\"\n icon=\"more\"\n menu={menuProps => (\n <Menu {...menuProps}>\n <Menu.Content>\n {hidden.map((button, index) => (\n <Menu.Item key={index} {...sanitizeButtonPropsForMenuItem(button.props)} />\n ))}\n </Menu.Content>\n </Menu>\n )}\n />\n ) : null}\n </Group>\n );\n});\n"],"names":["sanitizeButtonPropsForMenuItem","props","appearance","_1","drawer","_2","fluid","_3","hanger","_4","menu","_5","popover","_6","tooltip","_7","attributes","OFFSET","ButtonGroup","React","forwardRef","ref","internalRef","useMergedRef","intersectedChildIndex","useIntersectionObserver","children","Children","toArray","hidden","undefined","slice","Group","map","child","index","cloneElement","className","cn","visible","length","IconButton","icon","menuProps","Menu","Content","button","Item","key"],"mappings":";;;;;;;;AASA,MAAMA,8BAA8B,GAAGC,KAAK;EACxC,MAAM;IAAEC,UAAU,EAAEC,EAAE;IAAEC,MAAM,EAAEC,EAAE;IAAEC,KAAK,EAAEC,EAAE;IAAEC,MAAM,EAAEC,EAAE;IAAEC,IAAI,EAAEC,EAAE;IAAEC,OAAO,EAAEC,EAAE;IAAEC,OAAO,EAAEC,EAAE;IAAE,GAAGC;GAAY,GAAGf,KAAK;EACtH,OAAOe,UAAU;AACrB,CAAC;AAMD,MAAMC,MAAM,GAAG,EAAE,GAAG,CAAC;MAERC,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,WAAW,CAACjB,KAAuB,EAAEoB,GAA8B;EACpH,MAAMC,WAAW,GAAGC,YAAY,CAAiBF,GAAG,CAAC;EACrD,MAAMG,qBAAqB,GAAGC,uBAAuB,CAACH,WAAW,EAAEL,MAAM,CAAC;EAC1E,MAAMS,QAAQ,GAAGP,cAAK,CAACQ,QAAQ,CAACC,OAAO,CAAC3B,KAAK,CAACyB,QAAQ,CAAsC;EAE5F,MAAMG,MAAM,GAAGL,qBAAqB,KAAKM,SAAS,GAAGJ,QAAQ,CAACK,KAAK,CAACP,qBAAqB,CAAC,GAAG,EAAE;EAE/F,oBACIL,6BAACa,KAAK,oBAAK/B,KAAK;IAAEoB,GAAG,EAAEC;MAClBI,QAAQ,CAACO,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBACvBhB,cAAK,CAACiB,YAAY,CAACF,KAAK,EAAE;IACtBG,SAAS,EAAEC,EAAE,CAACJ,KAAK,CAACjC,KAAK,CAACoC,SAAS,EAAE;MACjCE,OAAO,EAAEf,qBAAqB,KAAKM,SAAS,IAAIK,KAAK,GAAGX,qBAAqB;MAC7E,2CAA2C,EACvCA,qBAAqB,KAAKM,SAAS,IAAIK,KAAK,IAAIX;KACvD;GACJ,CAAC,CACL,EACAK,MAAM,CAACW,MAAM,gBACVrB,6BAACsB,UAAU;IACPJ,SAAS,EAAC,2BAA2B;iCACX,QAAQ;IAClCK,IAAI,EAAC,MAAM;IACXhC,IAAI,EAAEiC,SAAS,iBACXxB,6BAACyB,IAAI,oBAAKD,SAAS,gBACfxB,6BAACyB,IAAI,CAACC,OAAO,QACRhB,MAAM,CAACI,GAAG,CAAC,CAACa,MAAM,EAAEX,KAAK,kBACtBhB,6BAACyB,IAAI,CAACG,IAAI;MAACC,GAAG,EAAEb;OAAWnC,8BAA8B,CAAC8C,MAAM,CAAC7C,KAAK,CAAC,EAC1E,CAAC,CACS;IAGzB,GACF,IAAI,CACJ;AAEhB,CAAC;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"taillwind.js","sources":["../../../../../../src/utils/taillwind.ts"],"sourcesContent":["import { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = [\n 'green',\n 'yellow',\n 'red',\n 'blue',\n 'purple',\n 'brown',\n 'pink',\n 'orange',\n 'grey',\n 'transparent',\n] as const;\n\nexport const getColorByState = (state: State | undefined): Color => {\n switch (state) {\n case 'information':\n return 'blue';\n case 'warning':\n return 'yellow';\n case 'error':\n return 'red';\n case 'success':\n return 'green';\n default:\n return 'grey';\n }\n};\n\nexport const getOutlineColorShadeClasses = (state: Color | undefined): string => {\n switch (state) {\n case 'green':\n return 'border-green-700 text-green-700';\n case 'yellow':\n return 'border-yellow-700 text-yellow-700';\n case 'red':\n return 'border-red-500 text-red-500';\n case 'blue':\n return 'border-blue-500 text-blue-500';\n case 'purple':\n return 'border-purple-700 text-purple-700';\n case 'brown':\n return 'border-brown-700 text-brown-700';\n case 'pink':\n return 'border-pink-700 text-pink-700';\n case 'orange':\n return 'border-orange-700 text-orange-700';\n case 'transparent':\n case 'grey':\n default:\n return 'border-grey-700 text-grey-700';\n }\n};\n\nexport const getSubtleColorShadeClasses = (value: Color | undefined): string => {\n switch (value) {\n case 'green':\n return 'wcag-green-100';\n case 'yellow':\n return 'wcag-yellow-100';\n case 'red':\n return 'wcag-red-100';\n case 'blue':\n return 'wcag-blue-100';\n case 'purple':\n return 'wcag-purple-100';\n case 'brown':\n return 'wcag-brown-100';\n case 'pink':\n return 'wcag-pink-100';\n case 'orange':\n return 'wcag-orange-100';\n case 'transparent':\n return 'wcag-transparent';\n case 'grey':\n default:\n return 'wcag-grey-200';\n }\n};\n\nexport const getColorShadeClasses = (value: Color | undefined): string => {\n switch (value) {\n case 'green':\n return 'wcag-green-700';\n case 'yellow':\n return 'wcag-yellow-500';\n case 'red':\n return 'wcag-red-500';\n case 'blue':\n return 'wcag-blue-500';\n case 'purple':\n return 'wcag-purple-700';\n case 'brown':\n return 'wcag-brown-700';\n case 'pink':\n return 'wcag-pink-500';\n case 'orange':\n return 'wcag-orange-700';\n case 'transparent':\n return 'wcag-transparent';\n case 'grey':\n default:\n return 'wcag-grey-700';\n }\n};\n"],"names":["AVAILABLE_COLORS","getColorByState","state","getOutlineColorShadeClasses","getSubtleColorShadeClasses","value","getColorShadeClasses"],"mappings":"MAEaA,gBAAgB,GAAG,CAC5B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,aAAa;MAGJC,eAAe,GAAIC,KAAwB;EACpD,QAAQA,KAAK;IACT,KAAK,aAAa;MACd,OAAO,MAAM;IACjB,KAAK,SAAS;MACV,OAAO,QAAQ;IACnB,KAAK,OAAO;MACR,OAAO,KAAK;IAChB,KAAK,SAAS;MACV,OAAO,OAAO;IAClB;MACI,OAAO,MAAM;;AAEzB;MAEaC,2BAA2B,GAAID,KAAwB;EAChE,QAAQA,KAAK;IACT,KAAK,OAAO;MACR,OAAO,iCAAiC;IAC5C,KAAK,QAAQ;MACT,OAAO,mCAAmC;IAC9C,KAAK,KAAK;MACN,OAAO,6BAA6B;IACxC,KAAK,MAAM;MACP,OAAO,+BAA+B;IAC1C,KAAK,QAAQ;MACT,OAAO,mCAAmC;IAC9C,KAAK,OAAO;MACR,OAAO,iCAAiC;IAC5C,KAAK,MAAM;MACP,OAAO,+BAA+B;IAC1C,KAAK,QAAQ;MACT,OAAO,mCAAmC;IAC9C,KAAK,aAAa;IAClB,KAAK,MAAM;IACX;MACI,OAAO,+BAA+B;;AAElD;MAEaE,0BAA0B,GAAIC,KAAwB;EAC/D,QAAQA,KAAK;IACT,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,KAAK;MACN,OAAO,cAAc;IACzB,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,aAAa;MACd,OAAO,kBAAkB;IAC7B,KAAK,MAAM;IACX;MACI,OAAO,eAAe;;AAElC;MAEaC,oBAAoB,GAAID,KAAwB;EACzD,QAAQA,KAAK;IACT,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,KAAK;MACN,OAAO,cAAc;IACzB,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,aAAa;MACd,OAAO,kBAAkB;IAC7B,KAAK,MAAM;IACX;MACI,OAAO,eAAe;;AAElC;;;;"}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import { Color, State } from '../types';
|
2
|
-
export declare const AVAILABLE_COLORS: readonly ["green", "yellow", "red", "blue", "purple", "brown", "pink", "orange", "grey", "transparent"];
|
3
|
-
export declare const getColorByState: (state: State | undefined) => Color;
|
4
|
-
export declare const getOutlineColorShadeClasses: (state: Color | undefined) => string;
|
5
|
-
export declare const getSubtleColorShadeClasses: (value: Color | undefined) => string;
|
6
|
-
export declare const getColorShadeClasses: (value: Color | undefined) => string;
|