linear-react-components-ui 0.4.77-beta.25 → 0.4.77-beta.27

package/.eslintrc.json

@@ -68,6 +68,8 @@
       "plugins": ["react", "@typescript-eslint", "class-property"],
       "rules": {
         "react/jsx-indent": "off",
+        "react/jsx-uses-react": "off",
+        "react/react-in-jsx-scope": "off",
         "@typescript-eslint/indent": ["error", 2],
         "import/prefer-default-export": [0],
         "react/jsx-filename-extension": [1, { "extensions": [".ts", ".tsx"] }],

package/.vscode/settings.json

@@ -1,12 +1,12 @@
 {
   "files.exclude": {
-    "config": true,
+    // "config": true,
     "coverage": true,
     "node_modules": true,
     "scripts": true,
     "yarn.lock": true,
     ".eslintrc.js": true,
-    ".gitignore": true,
+    // ".gitignore": true,
   },
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true 

package/babel.config.json

@@ -0,0 +1,11 @@
+{
+  "presets": [
+    "@babel/env",
+    "@babel/react",
+    "@babel/preset-typescript"
+  ],
+  "plugins": [
+    "@babel/plugin-proposal-object-rest-spread",
+    "@babel/plugin-proposal-class-properties"
+  ]
+}

package/lib/@types/Align.d.ts

@@ -0,0 +1,3 @@
+declare type Align = 'left' | 'right' | 'center' | 'top' | 'bottom' | 'none';
+
+export { Align };

package/lib/@types/ButtonTypes.d.ts

@@ -0,0 +1,3 @@
+declare type ButtonTypes = 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning' | 'add' | 'cancel' | 'destroy' | 'edit' | 'save' | 'activate' | 'inactivate' | 'restore';
+
+export { ButtonTypes };

package/lib/@types/ColorStyles.d.ts

@@ -0,0 +1,3 @@
+declare type ColorStyles = 'primary' | 'success' | 'danger' | 'info' | 'warning';
+
+export { ColorStyles };

package/lib/@types/DataCombo.d.ts

@@ -0,0 +1,3 @@
+declare type DataCombo = any;
+
+export { DataCombo };

package/lib/@types/Icon.d.ts

@@ -0,0 +1,5 @@
+import _default from '../icons/helper.js';
+
+declare type IconNames = keyof typeof _default;
+
+export { IconNames };

package/lib/@types/LabelStyles.d.ts

@@ -0,0 +1,3 @@
+declare type LabelStyles = 'info' | 'warning' | 'success' | 'default' | 'danger';
+
+export { LabelStyles };

package/lib/@types/Period.d.ts

@@ -0,0 +1,6 @@
+declare type Period = {
+    initial?: string;
+    final?: string;
+};
+
+export { Period };

package/lib/@types/PermissionAttr.d.ts

@@ -0,0 +1,14 @@
+declare type PermissionAttr = {
+    module?: string;
+    feature?: string;
+    operation?: string;
+    onDenied?: string;
+};
+declare type OnDenied = {
+    disabled?: boolean;
+    unvisible?: boolean;
+    readOnly?: boolean;
+    hideContent?: boolean;
+};
+
+export { OnDenied, PermissionAttr };

package/lib/@types/PointerEvents.d.ts

@@ -0,0 +1,3 @@
+declare type PointerEvents = 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | 'inherit' | 'initial' | 'unset';
+
+export { PointerEvents };

package/lib/@types/Position.d.ts

@@ -0,0 +1,3 @@
+declare type Position = 'left' | 'right' | 'center' | 'top' | 'bottom';
+
+export { Position };

package/lib/@types/PositionAlert.d.ts

@@ -0,0 +1,3 @@
+declare type PositionAlert = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'centerTop' | 'centerBottom';
+
+export { PositionAlert };

package/lib/@types/Size.d.ts

@@ -0,0 +1,3 @@
+declare type Size = 'mini' | 'small' | 'medium' | 'large' | 'default';
+
+export { Size };

package/lib/@types/SizePixels.d.ts

@@ -0,0 +1,3 @@
+declare type SizePixels = 10 | 16 | 18 | 22 | 24 | 32 | 40 | 64 | 128 | 200;
+
+export { SizePixels };

package/lib/@types/StorageMock.d.ts

@@ -0,0 +1,5 @@
+interface ISessionStorageMock {
+    [key: string]: string;
+}
+
+export { ISessionStorageMock };

package/lib/alerts/AlertContainer.d.ts

@@ -0,0 +1,16 @@
+import { IMessageProps, DefaultMessageConfigType } from './types.js';
+import 'react';
+import '../@types/PositionAlert.js';
+
+declare class AlertContainer {
+    pushAlert: (params: IMessageProps) => void;
+    constructor(pushAlert: (params: IMessageProps) => void);
+    default(messageConfig: DefaultMessageConfigType): void;
+    info: (message: string, options: IMessageProps) => void;
+    danger: (message: string, options: IMessageProps) => void;
+    warning: (message: string, options: IMessageProps) => void;
+    success: (message: string, options: IMessageProps) => void;
+    custom: (message: string, options: IMessageProps) => void;
+}
+
+export { AlertContainer as default };

package/lib/alerts/AlertProvider.d.ts

@@ -0,0 +1,7 @@
+import { IAlertProviderProps } from './types.js';
+import 'react';
+import '../@types/PositionAlert.js';
+
+declare const AlertProvider: (props: IAlertProviderProps) => JSX.Element;
+
+export { AlertProvider as default };

package/lib/alerts/AlertProvider.js

@@ -105,7 +105,7 @@ var AlertProvider = function AlertProvider(props) {
     });
 
     return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
-      value: contextValues
+      value: _extends({}, contextValues)
     }, /*#__PURE__*/_react.default.createElement(_BaseAlert.default, null, elements), children);
   };
 

package/lib/alerts/BaseAlert.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { IBaseAlertProps } from './types.js';
+import '../@types/PositionAlert.js';
+
+declare const BaseAlert: ({ children }: IBaseAlertProps) => React.ReactPortal;
+
+export { BaseAlert as default };

package/lib/alerts/Message.d.ts

@@ -0,0 +1,7 @@
+import { IMessageProps } from './types.js';
+import 'react';
+import '../@types/PositionAlert.js';
+
+declare const Message: ({ handleClose, message, id, color, icon, iconName, timeout, customClass, closeButton, className, position, }: IMessageProps) => JSX.Element;
+
+export { Message as default };

package/lib/alerts/helpers.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { WithAlertContextProps } from './types.js';
+import '../@types/PositionAlert.js';
+
+declare const AlertProviderContext: React.Context<WithAlertContextProps>;
+
+export { AlertProviderContext as default };

package/lib/alerts/index.d.ts

@@ -0,0 +1,6 @@
+import withAlert from './withAlert.js';
+export { default } from './withAlert.js';
+export { default as AlertProvider } from './AlertProvider.js';
+import 'react';
+import './types.js';
+import '../@types/PositionAlert.js';

package/lib/alerts/types.d.ts

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+import { PositionAlert } from '../@types/PositionAlert.js';
+
+declare type AlertContainerMethods = {
+    default: (messageConfig: DefaultMessageConfigType) => void;
+    info: (message: string, options: IMessageProps) => void;
+    custom: (message: string, options: IMessageProps) => void;
+    danger: (message: string, options: IMessageProps) => void;
+    warning: (message: string, options: IMessageProps) => void;
+    success: (message: string, options: IMessageProps) => void;
+};
+declare type DefaultMessageConfigType = {
+    message: string;
+    options: IMessageProps & {
+        type: 'info' | 'warning' | 'danger' | 'success';
+    };
+};
+interface IMessageProps {
+    id?: number;
+    position?: PositionAlert;
+    message?: string;
+    handleClose?: (id: number, position: string) => void;
+    className?: string;
+    closeButton?: boolean;
+    color?: string;
+    customClass?: string;
+    icon?: ReactNode | null;
+    iconName?: string;
+    timeout?: number;
+}
+interface IBaseAlertProps {
+    children: ReactNode;
+}
+interface IAlertProviderProps {
+    children: ReactNode;
+}
+interface WithAlertContextProps {
+    alert?: AlertContainerMethods;
+}
+declare type GetClassParams = {
+    customClass?: string;
+    className?: string;
+};
+declare type MessagesState = {
+    [key: string]: Array<IMessageProps>;
+};
+
+export { AlertContainerMethods, DefaultMessageConfigType, GetClassParams, IAlertProviderProps, IBaseAlertProps, IMessageProps, MessagesState, WithAlertContextProps };

package/lib/alerts/withAlert.d.ts

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { WithAlertContextProps } from './types.js';
+import '../@types/PositionAlert.js';
+
+declare const withAlert: <ComponentProps extends WithAlertContextProps>(WrapperComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
+
+export { withAlert as default };

package/lib/alerts/withAlert.js

@@ -17,14 +17,16 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var withAlert = function withAlert(WrapperComponent) {
-  var GetAlert = function GetAlert() {
+  var GetAlert = function GetAlert(props) {
     var _useContext = (0, _react.useContext)(_helpers.default),
         alert = _useContext.alert;
 
-    return /*#__PURE__*/_react.default.createElement(WrapperComponent, {
+    return /*#__PURE__*/_react.default.createElement(WrapperComponent, _extends({}, props, {
       alert: alert
-    });
+    }));
   };
 
   return GetAlert;

package/lib/avatar/index.d.ts

@@ -0,0 +1,12 @@
+import { IAvatarProps } from './types.js';
+import 'react';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+import '../@types/Size.js';
+
+declare const _default: {
+    (props: IAvatarProps): JSX.Element;
+    displayName: string;
+};
+
+export { _default as default };

package/lib/avatar/types.d.ts

@@ -0,0 +1,31 @@
+import { MouseEvent, ReactElement, ReactNode, CSSProperties } from 'react';
+import { IconNames } from '../@types/Icon.js';
+import { Size } from '../@types/Size.js';
+import '../icons/helper.js';
+
+interface IAvatarProps {
+    onClick?: (event: MouseEvent) => void;
+    size?: Size;
+    width?: string;
+    height?: string;
+    color?: string;
+    iconName?: IconNames;
+    icon?: ReactElement;
+    src?: string;
+    srcAlt?: string;
+    children?: ReactNode;
+    square?: boolean;
+    customClass?: string;
+    className?: string;
+    targetRef?: (ref: HTMLDivElement | null) => void;
+    dropdown?: boolean;
+    dropdownOnHover?: boolean;
+    showDropdown?: () => void;
+    getDropdownPopup?: (ref: HTMLDivElement | null) => ReactNode;
+    label?: string;
+    style?: CSSProperties;
+    id?: string;
+    disabled?: boolean;
+}
+
+export { IAvatarProps };

package/lib/badge/index.d.ts

@@ -0,0 +1,6 @@
+import { IBadgeProps } from './types.js';
+import 'react';
+
+declare const Badge: (props: IBadgeProps) => JSX.Element;
+
+export { Badge as default };

package/lib/badge/types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+
+interface IBadgeProps {
+    color?: 'default' | 'primary' | 'danger' | 'warning' | 'success' | 'info';
+    top?: string;
+    right?: string;
+    children: ReactNode;
+    customClass?: string;
+    customClassForBadge?: string;
+    content?: ReactNode;
+}
+
+export { IBadgeProps };

package/lib/buttons/ActivateButton.d.ts

@@ -0,0 +1,9 @@
+import { IButtonProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+
+declare const ActivateButton: (props: IButtonProps) => JSX.Element;
+
+export { ActivateButton as default };

package/lib/buttons/AddButton.d.ts

@@ -0,0 +1,9 @@
+import { IButtonProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+
+declare const AddButton: (props: IButtonProps) => JSX.Element;
+
+export { AddButton as default };

package/lib/buttons/Button.d.ts

@@ -0,0 +1,12 @@
+import { IButtonProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+
+interface ButtonProps extends IButtonProps {
+    split?: boolean;
+}
+declare const Button: ({ split, ...rest }: ButtonProps) => JSX.Element;
+
+export { Button as default };

package/lib/buttons/ButtonGroups.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+interface ButtonsGroupProps {
+    children: ReactNode;
+}
+declare const ButtonsGroup: ({ children }: ButtonsGroupProps) => JSX.Element;
+
+export { ButtonsGroup as default };

package/lib/buttons/CancelButton.d.ts

@@ -0,0 +1,9 @@
+import { IButtonProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+
+declare const CancelButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
+
+export { CancelButton as default };

package/lib/buttons/DangerButton.d.ts

@@ -0,0 +1,9 @@
+import { IButtonProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+
+declare const DangerButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
+
+export { DangerButton as default };

package/lib/buttons/DefaultButton.d.ts

@@ -0,0 +1,12 @@
+import { IButtonProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+
+declare const _default: {
+    (props: Omit<IButtonProps, "split">): JSX.Element;
+    displayName: string;
+};
+
+export { _default as default };

package/lib/buttons/DefaultButton.js

@@ -93,12 +93,12 @@ var DefaultButton = function DefaultButton(_ref) {
       activeButton = _useState2[0],
       setActiveButton = _useState2[1];
 
-  var _useState3 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(permissionAttr, options)),
+  var _useState3 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
       _useState4 = _slicedToArray(_useState3, 1),
       onDenied = _useState4[0];
 
-  var disabledIconColor = 'rgb(193, 193, 193)';
   var buttonRef = (0, _react.useRef)(null);
+  var disabledIconColor = 'rgb(193, 193, 193)';
 
   var shouldDisable = function shouldDisable() {
     return !!onDenied.disabled || disabled;
@@ -150,6 +150,7 @@ var DefaultButton = function DefaultButton(_ref) {
 
   if (!visible || onDenied.unvisible) return null;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("button", _extends({}, rest, {
+    style: style,
     onClick: function onClick(e) {
       if (shouldDisable()) return;
       if (_onClick) _onClick(e);
@@ -161,7 +162,8 @@ var DefaultButton = function DefaultButton(_ref) {
     ref: function ref(r) {
       if (targetRef) targetRef(r);
       buttonRef.current = r;
-    }
+    },
+    tabIndex: tabIndex
   }), content, getIcon(), label || '', isLoading && /*#__PURE__*/_react.default.createElement("div", {
     className: "spinnercontainer"
   }, /*#__PURE__*/_react.default.createElement(_spinner.default, {

package/lib/buttons/DestroyButton.d.ts

@@ -0,0 +1,9 @@
+import { IButtonProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+
+declare const DestroyButton: ({ icon, ...rest }: IButtonProps) => JSX.Element;
+
+export { DestroyButton as default };

package/lib/buttons/EditButton.d.ts

@@ -0,0 +1,9 @@
+import { IButtonProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+
+declare const EditButton: (props: IButtonProps) => JSX.Element;
+
+export { EditButton as default };

package/lib/buttons/InactivateButton.d.ts

@@ -0,0 +1,9 @@
+import { IButtonProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+
+declare const InactivateButton: (props: IButtonProps) => JSX.Element;
+
+export { InactivateButton as default };

package/lib/buttons/InfoButton.d.ts

@@ -0,0 +1,9 @@
+import { IButtonProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+
+declare const InfoButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
+
+export { InfoButton as default };

package/lib/buttons/PrimaryButton.d.ts

@@ -0,0 +1,9 @@
+import { IButtonProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+
+declare const PrimaryButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
+
+export { PrimaryButton as default };

package/lib/buttons/RestoreButton.d.ts

@@ -0,0 +1,9 @@
+import { IButtonProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+
+declare const RestoreButton: (props: IButtonProps) => JSX.Element;
+
+export { RestoreButton as default };

package/lib/buttons/SaveButton.d.ts

@@ -0,0 +1,9 @@
+import { IButtonProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+
+declare const SaveButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
+
+export { SaveButton as default };

package/lib/buttons/SuccessButton.d.ts

@@ -0,0 +1,9 @@
+import { IButtonProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+
+declare const SuccessButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
+
+export { SuccessButton as default };

package/lib/buttons/WarningButton.d.ts

@@ -0,0 +1,9 @@
+import { IButtonProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+import '../@types/Size.js';
+
+declare const WarningButton: ({ customClass, ...rest }: IButtonProps) => JSX.Element;
+
+export { WarningButton as default };

package/lib/buttons/button_container/index.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, CSSProperties } from 'react';
+import { Position } from '../../@types/Position.js';
+
+interface IButtonContainerProps {
+    children: ReactNode;
+    style?: CSSProperties;
+    customClass?: string;
+    position?: Extract<Position, 'left' | 'right'>;
+}
+declare const ButtonContainer: ({ style, customClass, position, children, }: IButtonContainerProps) => JSX.Element;
+
+export { ButtonContainer as default };

package/lib/buttons/index.d.ts

@@ -0,0 +1,21 @@
+export { default as ButtonContainer } from './button_container/index.js';
+import Button from './Button.js';
+export { default } from './Button.js';
+export { default as PrimaryButton } from './PrimaryButton.js';
+export { default as DangerButton } from './DangerButton.js';
+export { default as WarningButton } from './WarningButton.js';
+export { default as SuccessButton } from './SuccessButton.js';
+export { default as InfoButton } from './InfoButton.js';
+export { default as SaveButton } from './SaveButton.js';
+export { default as CancelButton } from './CancelButton.js';
+export { default as EditButton } from './EditButton.js';
+export { default as DestroyButton } from './DestroyButton.js';
+export { default as AddButton } from './AddButton.js';
+export { default as ActivateButton } from './ActivateButton.js';
+export { default as InactivateButton } from './InactivateButton.js';
+export { default as RestoreButton } from './RestoreButton.js';
+import 'react';
+import '../@types/Position.js';
+import './types.js';
+import '../@types/PermissionAttr.js';
+import '../@types/Size.js';

package/lib/buttons/split_button/index.d.ts

@@ -0,0 +1,9 @@
+import { IButtonProps } from '../types.js';
+import 'react';
+import '../../@types/PermissionAttr.js';
+import '../../@types/Position.js';
+import '../../@types/Size.js';
+
+declare const SplitButton: (props: IButtonProps) => JSX.Element;
+
+export { SplitButton as default };

package/lib/buttons/split_button/index.js

@@ -15,14 +15,34 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 var SplitButton = function SplitButton(props) {
   var children = props.children,
-      customClass = props.customClass;
+      customClass = props.customClass,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      _props$boxShadow = props.boxShadow,
+      boxShadow = _props$boxShadow === void 0 ? true : _props$boxShadow,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? true : _props$visible,
+      permissionAttr = props.permissionAttr,
+      skeletonize = props.skeletonize,
+      _props$dropdownAlign = props.dropdownAlign,
+      dropdownAlign = _props$dropdownAlign === void 0 ? 'left' : _props$dropdownAlign;
+  var splitProps = {
+    customClass: customClass,
+    size: size,
+    boxShadow: boxShadow,
+    visible: visible,
+    permissionAttr: permissionAttr,
+    skeletonize: skeletonize,
+    dropdownAlign: dropdownAlign
+  };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({}, props, {
+    dropdownAlign: dropdownAlign,
     style: {
       borderRadius: '5px 0px 0px 5px',
       borderRight: 0,
       marginRight: 0
     }
-  })), /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({}, props, {
+  })), /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({}, splitProps, {
     iconName: "down",
     customClass: "".concat(customClass, " -transparenttext"),
     iconStyle: {