@ringcentral/juno 2.46.0 → 3.0.0-alpha.1

package/components/Forms/Select/utils/SelectInput/SelectInput.js

@@ -5,6 +5,7 @@
  * https://github.com/mui-org/material-ui/blob/next/packages/material-ui/src/Select/SelectInput.js
  */
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectInput = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var clsx_1 = tslib_1.__importDefault(require("clsx"));
@@ -28,7 +29,7 @@ function isEmpty(display) {
 /**
  * internal component
  */
-var SelectInput = react_1.forwardRef(function (props, ref) {
+var SelectInput = (0, react_1.forwardRef)(function (props, ref) {
     var _a, _b, _c;
     var 
     // TODO: fix menu when RcMenu fix scroll issue
@@ -45,7 +46,7 @@ var SelectInput = react_1.forwardRef(function (props, ref) {
     type = props.type, valueProp = props.value, 
     // variant = 'standard',
     other = tslib_1.__rest(props, ["MenuComponent", 'aria-label', "autoFocus", "autoWidth", "children", "classes", "className", "defaultValue", "disabled", "displayEmpty", "IconComponent", "inputRef", "labelId", "MenuProps", "multiple", "name", "onBlur", "onChange", "onClose", "onFocus", "onOpen", "open", "readOnly", "renderValue", "SelectDisplayProps", "tabIndex", "type", "value"]);
-    var _j = tslib_1.__read(utils_2.useControlled({
+    var _j = tslib_1.__read((0, utils_2.useControlled)({
         controlled: valueProp,
         default: defaultValue,
         name: 'Select',
@@ -54,9 +55,9 @@ var SelectInput = react_1.forwardRef(function (props, ref) {
     var displayRef = react_1.default.useRef(null);
     var _k = tslib_1.__read(react_1.default.useState(null), 2), displayNode = _k[0], setDisplayNode = _k[1];
     var isOpenControlled = react_1.default.useRef(openProp != null).current;
-    var _l = tslib_1.__read(react_1.useState(), 2), menuMinWidthState = _l[0], setMenuMinWidthState = _l[1];
+    var _l = tslib_1.__read((0, react_1.useState)(), 2), menuMinWidthState = _l[0], setMenuMinWidthState = _l[1];
     var _m = tslib_1.__read(react_1.default.useState(false), 2), openState = _m[0], setOpenState = _m[1];
-    var handleRef = utils_2.useForkRef(ref, inputRefProp);
+    var handleRef = (0, utils_2.useForkRef)(ref, inputRefProp);
     var handleDisplayRef = react_1.default.useCallback(function (node) {
         displayRef.current = node;
         if (node) {
@@ -76,7 +77,7 @@ var SelectInput = react_1.forwardRef(function (props, ref) {
         }
     }, [autoFocus]);
     react_1.default.useEffect(function () {
-        var label = utils_2.ownerDocument(displayRef.current).getElementById(labelId);
+        var label = (0, utils_2.ownerDocument)(displayRef.current).getElementById(labelId);
         if (label) {
             var handler_1 = function () {
                 if (getSelection().isCollapsed) {
@@ -202,7 +203,7 @@ var SelectInput = react_1.forwardRef(function (props, ref) {
     var computeDisplay = false;
     var foundMatch = false;
     // No need to display any value if the field is empty.
-    if (utils_1.isFilled({ value: value }) || displayEmpty) {
+    if ((0, utils_1.isFilled)({ value: value }) || displayEmpty) {
         if (renderValue) {
             display = renderValue(value);
         }
@@ -215,7 +216,7 @@ var SelectInput = react_1.forwardRef(function (props, ref) {
             return null;
         }
         if (process.env.NODE_ENV !== 'production') {
-            if (react_is_1.isFragment(child)) {
+            if ((0, react_is_1.isFragment)(child)) {
                 // eslint-disable-next-line no-console
                 console.error([
                     "Material-UI: The Select component doesn't accept a Fragment as a child.",
@@ -260,8 +261,8 @@ var SelectInput = react_1.forwardRef(function (props, ref) {
             },
             role: 'option',
             selected: selected,
-            value: undefined,
-            'data-value': child.props.value,
+            value: undefined, // The value is most likely not a valid HTML attribute.
+            'data-value': child.props.value, // Instead, we provide it as a data attribute.
         });
     });
     if (process.env.NODE_ENV !== 'production') {
@@ -271,12 +272,12 @@ var SelectInput = react_1.forwardRef(function (props, ref) {
                 var values = childrenArray.map(function (child) { return child.props.value; });
                 // eslint-disable-next-line no-console
                 console.warn([
-                    "Material-UI: You have provided an out-of-range value `" + value + "` for the select " + (name ? "(name=\"" + name + "\") " : '') + "component.",
+                    "Material-UI: You have provided an out-of-range value `".concat(value, "` for the select ").concat(name ? "(name=\"".concat(name, "\") ") : '', "component."),
                     "Consider providing a value that matches one of the available options or ''.",
-                    "The available values are " + (values
+                    "The available values are ".concat(values
                         .filter(function (x) { return x != null; })
-                        .map(function (x) { return "`" + x + "`"; })
-                        .join(', ') || '""') + ".",
+                        .map(function (x) { return "`".concat(x, "`"); })
+                        .join(', ') || '""', "."),
                 ].join('\n'));
             }
         }, [foundMatch, childrenArray, multiple, name, value]);
@@ -297,9 +298,9 @@ var SelectInput = react_1.forwardRef(function (props, ref) {
         tabIndex = disabled ? undefined : 0;
     }
     var buttonId = SelectDisplayProps.id ||
-        (name ? "mui-component-select-" + name : undefined);
+        (name ? "mui-component-select-".concat(name) : undefined);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", tslib_1.__assign({ ref: handleDisplayRef, tabIndex: tabIndex, role: "button", "aria-disabled": disabled ? 'true' : undefined, "aria-expanded": open ? 'true' : undefined, "aria-haspopup": "listbox", "aria-label": ariaLabel, "aria-labelledby": [labelId, buttonId].filter(Boolean).join(' ') || undefined, onKeyDown: handleKeyDown, onMouseDown: disabled || readOnly ? undefined : handleMouseDown, onBlur: handleBlur, onFocus: onFocus }, SelectDisplayProps, { className: clsx_1.default(classes.root, // TODO v5: merge root and select
+        react_1.default.createElement("div", tslib_1.__assign({ ref: handleDisplayRef, tabIndex: tabIndex, role: "button", "aria-disabled": disabled ? 'true' : undefined, "aria-expanded": open ? 'true' : undefined, "aria-haspopup": "listbox", "aria-label": ariaLabel, "aria-labelledby": [labelId, buttonId].filter(Boolean).join(' ') || undefined, onKeyDown: handleKeyDown, onMouseDown: disabled || readOnly ? undefined : handleMouseDown, onBlur: handleBlur, onFocus: onFocus }, SelectDisplayProps, { className: (0, clsx_1.default)(classes.root, // TODO v5: merge root and select
             classes.select, classes.selectMenu, 
             // classes[variant],
             classes.disabled && (_a = {},
@@ -312,14 +313,14 @@ var SelectInput = react_1.forwardRef(function (props, ref) {
         react_1.default.createElement("input", tslib_1.__assign({ value: Array.isArray(value) ? value.join(',') : value, name: name, ref: inputRef, "aria-hidden": true, onChange: handleChange, tabIndex: -1, disabled: disabled, className: classes.nativeInput, 
             // eslint-disable-next-line jsx-a11y/no-autofocus
             autoFocus: autoFocus }, other)),
-        react_1.default.createElement(IconComponent, { disabled: disabled, className: clsx_1.default(classes.icon, 
+        react_1.default.createElement(IconComponent, { disabled: disabled, className: (0, clsx_1.default)(classes.icon, 
             // classes[`icon${capitalize(variant)}`],
             classes.iconOpen && (_b = {},
                 _b[classes.iconOpen] = open,
                 _b), classes.disabled && (_c = {},
                 _c[classes.disabled] = disabled,
                 _c)) }),
-        react_1.default.createElement(MenuComponent, tslib_1.__assign({ id: "menu-" + (name || ''), anchorEl: displayNode, open: open, onClose: handleClose }, MenuProps, { MenuListProps: tslib_1.__assign({ 'aria-labelledby': labelId, role: 'listbox', disableListWrap: true }, MenuProps.MenuListProps), PaperProps: tslib_1.__assign(tslib_1.__assign({}, MenuProps.PaperProps), { style: tslib_1.__assign({ minWidth: menuMinWidth }, (MenuProps.PaperProps != null
+        react_1.default.createElement(MenuComponent, tslib_1.__assign({ id: "menu-".concat(name || ''), anchorEl: displayNode, open: open, onClose: handleClose }, MenuProps, { MenuListProps: tslib_1.__assign({ 'aria-labelledby': labelId, role: 'listbox', disableListWrap: true }, MenuProps.MenuListProps), PaperProps: tslib_1.__assign(tslib_1.__assign({}, MenuProps.PaperProps), { style: tslib_1.__assign({ minWidth: menuMinWidth }, (MenuProps.PaperProps != null
                     ? MenuProps.PaperProps.style
                     : null)) }) }), items)));
 });

package/components/Forms/Select/utils/SelectUtils.d.ts

@@ -10,7 +10,7 @@ export declare const RcLineSelectInputClasses: Partial<UnitMap<import("@material
 export declare const RcBoxSelectInputClasses: Partial<UnitMap<import("@material-ui/core").InputClassKey, any>>;
 export declare const RcSelectInputClassesMap: UnitMap<RcSelectVariant>;
 export declare const RcBoxSelectInputHeights: UnitMap<RcSelectSize>;
-declare type RcSelectTextFieldProps = ComponentProps<typeof RcTextField> & Pick<MuiStandardTextFieldProps, 'select' | 'SelectProps'>;
+type RcSelectTextFieldProps = ComponentProps<typeof RcTextField> & Pick<MuiStandardTextFieldProps, 'select' | 'SelectProps'>;
 /** inner type, just for type change with TextField */
 export declare const RcSelectTextField: FunctionComponent<RcSelectTextFieldProps>;
 export {};

package/components/Forms/Select/utils/SelectUtils.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcSelectTextField = exports.RcBoxSelectInputHeights = exports.RcSelectInputClassesMap = exports.RcBoxSelectInputClasses = exports.RcLineSelectInputClasses = exports.RcSelectInputWhenPlaceholderClasses = exports.RcSelectInputClasses = exports.RcSelectClasses = void 0;
 var foundation_1 = require("../../../../foundation");
 var TextField_1 = require("../../TextField");
-exports.RcSelectClasses = foundation_1.RcClasses(['icon'], 'RcSelect');
-exports.RcSelectInputClasses = foundation_1.RcClasses(['root', 'focused', 'error', 'disabled'], 'RcSelectInput');
-exports.RcSelectInputWhenPlaceholderClasses = foundation_1.RcClasses(['input'], 'RcSelectInputWhenPlaceholder');
-exports.RcLineSelectInputClasses = foundation_1.RcClasses(['input'], 'RcLineSelectInput');
-exports.RcBoxSelectInputClasses = foundation_1.RcClasses(['root', 'focused', 'input', 'error', 'disabled'], 'RcBoxSelectInput');
+exports.RcSelectClasses = (0, foundation_1.RcClasses)(['icon'], 'RcSelect');
+exports.RcSelectInputClasses = (0, foundation_1.RcClasses)(['root', 'focused', 'error', 'disabled'], 'RcSelectInput');
+exports.RcSelectInputWhenPlaceholderClasses = (0, foundation_1.RcClasses)(['input'], 'RcSelectInputWhenPlaceholder');
+exports.RcLineSelectInputClasses = (0, foundation_1.RcClasses)(['input'], 'RcLineSelectInput');
+exports.RcBoxSelectInputClasses = (0, foundation_1.RcClasses)(['root', 'focused', 'input', 'error', 'disabled'], 'RcBoxSelectInput');
 exports.RcSelectInputClassesMap = {
     box: exports.RcBoxSelectInputClasses,
     line: exports.RcLineSelectInputClasses,

package/components/Forms/Slider/Slider.d.ts

@@ -1,12 +1,10 @@
 import React, { ComponentProps } from 'react';
 import MuiSlider from '@material-ui/core/Slider';
 import { RcBaseProps, RcPaletteKeys } from '../../../foundation';
-declare type RcSliderProps = {
+type RcSliderProps = {
     /** custom color for Slider */
     color?: RcPaletteKeys;
 } & RcBaseProps<ComponentProps<typeof MuiSlider>, 'color'>;
-declare const RcSlider: import("styled-components").StyledComponentClass<Pick<RcSliderProps, "key" | "className" | "color" | "id" | "lang" | "max" | "min" | "name" | "style" | "role" | "tabIndex" | "orientation" | "scale" | "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" | "children" | "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" | "step" | "slot" | "title" | "track" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "innerRef" | "disabled" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "ThumbComponent" | "ValueLabelComponent" | "valueLabelDisplay" | "valueLabelFormat"> & React.RefAttributes<any>, import("../../../foundation").RcTheme, Pick<Pick<RcSliderProps, "key" | "className" | "color" | "id" | "lang" | "max" | "min" | "name" | "style" | "role" | "tabIndex" | "orientation" | "scale" | "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" | "children" | "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" | "step" | "slot" | "title" | "track" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "innerRef" | "disabled" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "ThumbComponent" | "ValueLabelComponent" | "valueLabelDisplay" | "valueLabelFormat"> & React.RefAttributes<any>, "ref" | "key" | "className" | "color" | "id" | "lang" | "max" | "min" | "name" | "style" | "role" | "tabIndex" | "orientation" | "scale" | "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" | "children" | "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" | "step" | "slot" | "title" | "track" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "innerRef" | "disabled" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "ThumbComponent" | "ValueLabelComponent" | "valueLabelDisplay" | "valueLabelFormat"> & {
-    theme?: import("../../../foundation").RcTheme | undefined;
-}>;
+declare const RcSlider: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<RcSliderProps, "ref"> & React.RefAttributes<any>>, import("../../../foundation").RcTheme, {}, never>;
 export { RcSlider };
 export type { RcSliderProps };

package/components/Forms/Slider/Slider.js

@@ -1,18 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcSlider = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Slider_1 = tslib_1.__importDefault(require("@material-ui/core/Slider"));
 var foundation_1 = require("../../../foundation");
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
-var _RcSlider = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcSlider' });
+var _RcSlider = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcSlider' });
     var classesProp = props.classes, color = props.color, children = props.children, rest = tslib_1.__rest(props, ["classes", "color", "children"]);
-    var classes = react_1.useMemo(function () { return foundation_1.combineClasses(utils_1.RcSliderClasses, classesProp); }, [classesProp]);
+    var classes = (0, react_1.useMemo)(function () { return (0, foundation_1.combineClasses)(utils_1.RcSliderClasses, classesProp); }, [classesProp]);
     return (react_1.default.createElement(Slider_1.default, tslib_1.__assign({}, rest, { ref: ref, classes: classes }), children));
 });
-var RcSlider = foundation_1.styled(_RcSlider)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.SliderStyle);
+var RcSlider = (0, foundation_1.styled)(_RcSlider)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.SliderStyle);
 exports.RcSlider = RcSlider;
 RcSlider.defaultProps = {
     valueLabelDisplay: 'auto',

package/components/Forms/Slider/styles/SliderStyle.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../foundation");
 var utils_1 = require("../utils");
-exports.SliderStyle = function (props) {
-    var _a = tslib_1.__read(foundation_1.getContrastBgColor(props), 2), currColor = _a[0], contrastBgColor = _a[1];
-    var actionThumbColor = foundation_1.setOpacity(currColor, '16');
-    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    color: ", ";\n\n    &.", " {\n      .", " {\n        background-color: ", ";\n      }\n    }\n\n    .", " {\n      &.", " {\n        box-shadow: 0 0 0 8px ", ";\n      }\n\n      ", " {\n        &:hover {\n          box-shadow: 0 0 0 8px ", ";\n        }\n      }\n\n      &.", " {\n        box-shadow: 0 0 0 14px ", ";\n      }\n    }\n\n    &.", " {\n      color: ", ";\n    }\n  "], ["\n    color: ", ";\n\n    &.", " {\n      .", " {\n        background-color: ", ";\n      }\n    }\n\n    .", " {\n      &.", " {\n        box-shadow: 0 0 0 8px ", ";\n      }\n\n      ", " {\n        &:hover {\n          box-shadow: 0 0 0 8px ", ";\n        }\n      }\n\n      &.", " {\n        box-shadow: 0 0 0 14px ", ";\n      }\n    }\n\n    &.", " {\n      color: ", ";\n    }\n  "])), currColor, utils_1.RcSliderClasses.trackInverted, utils_1.RcSliderClasses.track, contrastBgColor, utils_1.RcSliderClasses.thumb, utils_1.RcSliderClasses.focusVisible, actionThumbColor, foundation_1.nonTouchHoverMedia, actionThumbColor, utils_1.RcSliderClasses.active, actionThumbColor, utils_1.RcSliderClasses.disabled, foundation_1.palette2('disabled', 'f02'));
+var SliderStyle = function (props) {
+    var _a = tslib_1.__read((0, foundation_1.getContrastBgColor)(props), 2), currColor = _a[0], contrastBgColor = _a[1];
+    var actionThumbColor = (0, foundation_1.setOpacity)(currColor, '16');
+    return (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    color: ", ";\n\n    &.", " {\n      .", " {\n        background-color: ", ";\n      }\n    }\n\n    .", " {\n      &.", " {\n        box-shadow: 0 0 0 8px ", ";\n      }\n\n      ", " {\n        &:hover {\n          box-shadow: 0 0 0 8px ", ";\n        }\n      }\n\n      &.", " {\n        box-shadow: 0 0 0 14px ", ";\n      }\n    }\n\n    &.", " {\n      color: ", ";\n    }\n  "], ["\n    color: ", ";\n\n    &.", " {\n      .", " {\n        background-color: ", ";\n      }\n    }\n\n    .", " {\n      &.", " {\n        box-shadow: 0 0 0 8px ", ";\n      }\n\n      ", " {\n        &:hover {\n          box-shadow: 0 0 0 8px ", ";\n        }\n      }\n\n      &.", " {\n        box-shadow: 0 0 0 14px ", ";\n      }\n    }\n\n    &.", " {\n      color: ", ";\n    }\n  "])), currColor, utils_1.RcSliderClasses.trackInverted, utils_1.RcSliderClasses.track, contrastBgColor, utils_1.RcSliderClasses.thumb, utils_1.RcSliderClasses.focusVisible, actionThumbColor, foundation_1.nonTouchHoverMedia, actionThumbColor, utils_1.RcSliderClasses.active, actionThumbColor, utils_1.RcSliderClasses.disabled, (0, foundation_1.palette2)('disabled', 'f02'));
 };
+exports.SliderStyle = SliderStyle;
 var templateObject_1;

package/components/Forms/Slider/utils/SliderUtil.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcSliderClasses = void 0;
 var foundation_1 = require("../../../../foundation");
-exports.RcSliderClasses = foundation_1.RcClasses(['thumb', 'active', 'trackInverted', 'track', 'focusVisible', 'disabled'], 'RcSlider');
+exports.RcSliderClasses = (0, foundation_1.RcClasses)(['thumb', 'active', 'trackInverted', 'track', 'focusVisible', 'disabled'], 'RcSlider');

package/components/Forms/Switch/Switch.d.ts

@@ -3,14 +3,12 @@ import MuiSwitch from '@material-ui/core/Switch';
 import { RcPaletteProp } from '../../../foundation';
 import { RcBaseFormControlLabelProps, RcBaseLabelPlacement, RcBaseProps } from '../../../foundation/typings';
 import { RcCheckedStyledProps } from '../utils';
-declare type RcSwitchLabelPlacement = RcBaseLabelPlacement<'start' | 'end'>;
-declare type RcSwitchFormControlLabelProps = RcBaseFormControlLabelProps<RcSwitchLabelPlacement>;
-declare type RcSwitchProps = {
+type RcSwitchLabelPlacement = RcBaseLabelPlacement<'start' | 'end'>;
+type RcSwitchFormControlLabelProps = RcBaseFormControlLabelProps<RcSwitchLabelPlacement>;
+type RcSwitchProps = {
     /** custom trackColor when unchecked status */
     trackColor?: RcPaletteProp;
 } & RcBaseProps<RcCheckedStyledProps<RcSwitchFormControlLabelProps>, 'size' | 'error' | 'followColorWhenUnChecked'> & RcBaseProps<ComponentProps<typeof MuiSwitch>, 'size' | 'color' | 'edge' | 'checkedIcon' | 'icon' | 'disableFocusRipple' | 'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'TouchRippleProps'>;
-declare const RcSwitch: import("styled-components").StyledComponentClass<Pick<RcSwitchProps, "key" | "form" | "className" | "color" | "id" | "lang" | "name" | "style" | "type" | "role" | "tabIndex" | "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" | "label" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "innerRef" | "disabled" | "action" | "buttonRef" | "focusVisibleClassName" | "onFocusVisible" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "checked" | "inputProps" | "inputRef" | "readOnly" | "required" | "formControlLabelProps" | "trackColor"> & React.RefAttributes<any>, import("../../../foundation").RcTheme, Pick<Pick<RcSwitchProps, "key" | "form" | "className" | "color" | "id" | "lang" | "name" | "style" | "type" | "role" | "tabIndex" | "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" | "label" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "innerRef" | "disabled" | "action" | "buttonRef" | "focusVisibleClassName" | "onFocusVisible" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "checked" | "inputProps" | "inputRef" | "readOnly" | "required" | "formControlLabelProps" | "trackColor"> & React.RefAttributes<any>, "ref" | "key" | "form" | "className" | "color" | "id" | "lang" | "name" | "style" | "type" | "role" | "tabIndex" | "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" | "label" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "innerRef" | "disabled" | "action" | "buttonRef" | "focusVisibleClassName" | "onFocusVisible" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "checked" | "inputProps" | "inputRef" | "readOnly" | "required" | "formControlLabelProps" | "trackColor"> & {
-    theme?: import("../../../foundation").RcTheme | undefined;
-}>;
+declare const RcSwitch: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<RcSwitchProps, "ref"> & React.RefAttributes<any>>, import("../../../foundation").RcTheme, {}, never>;
 export { RcSwitch };
 export type { RcSwitchFormControlLabelProps, RcSwitchLabelPlacement, RcSwitchProps, };

package/components/Forms/Switch/Switch.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcSwitch = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var clsx_1 = tslib_1.__importDefault(require("clsx"));
@@ -9,13 +10,13 @@ var styled_components_1 = tslib_1.__importDefault(require("../../../foundation/s
 var FormControlLabel_1 = require("../FormControlLabel");
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
-var _RcSwitch = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcSwitch' });
+var _RcSwitch = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcSwitch' });
     var label = props.label, _a = props.formControlLabelProps, formControlLabelProps = _a === void 0 ? {} : _a, focusVisibleClassNameProp = props.focusVisibleClassName, classesProp = props.classes, color = props.color, trackColor = props.trackColor, _b = props.inputRef, inputRefProp = _b === void 0 ? null : _b, onFocus = props.onFocus, onBlur = props.onBlur, rest = tslib_1.__rest(props, ["label", "formControlLabelProps", "focusVisibleClassName", "classes", "color", "trackColor", "inputRef", "onFocus", "onBlur"]);
-    var classes = react_1.useMemo(function () { return foundation_1.combineClasses(foundation_1.omit(utils_1.RcSwitchClasses, ['focusVisible']), classesProp); }, [classesProp]);
-    var focusVisibleClassName = react_1.useMemo(function () { return clsx_1.default(utils_1.RcSwitchClasses.focusVisible, focusVisibleClassNameProp); }, [focusVisibleClassNameProp]);
-    var inputRef = react_1.useRef(null);
-    var handleInputRef = foundation_1.useForkRef(inputRef, inputRefProp);
+    var classes = (0, react_1.useMemo)(function () { return (0, foundation_1.combineClasses)((0, foundation_1.omit)(utils_1.RcSwitchClasses, ['focusVisible']), classesProp); }, [classesProp]);
+    var focusVisibleClassName = (0, react_1.useMemo)(function () { return (0, clsx_1.default)(utils_1.RcSwitchClasses.focusVisible, focusVisibleClassNameProp); }, [focusVisibleClassNameProp]);
+    var inputRef = (0, react_1.useRef)(null);
+    var handleInputRef = (0, foundation_1.useForkRef)(inputRef, inputRefProp);
     var Switch = (react_1.default.createElement(Switch_1.default, tslib_1.__assign({ ref: ref, inputRef: handleInputRef, focusVisibleClassName: focusVisibleClassName, classes: classes }, rest, { color: "default", size: "medium", disableRipple: true, disableTouchRipple: true, onFocus: function (e) {
             var _a;
             if ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.matches('[data-focus-visible-added]')) {
@@ -31,7 +32,7 @@ var _RcSwitch = react_1.forwardRef(function (inProps, ref) {
     }
     return Switch;
 });
-var RcSwitch = styled_components_1.default(_RcSwitch)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.SwitchStyle);
+var RcSwitch = (0, styled_components_1.default)(_RcSwitch)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.SwitchStyle);
 exports.RcSwitch = RcSwitch;
 RcSwitch.defaultProps = {
     color: 'interactive.f01',

package/components/Forms/Switch/styles/SwitchStyle.js

@@ -1,19 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitchStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../foundation");
 var utils_1 = require("../utils");
-var thumbColor = foundation_1.palette2('neutral', 'f01');
-var disabledColor = foundation_1.palette2('disabled', 'f02');
+var thumbColor = (0, foundation_1.palette2)('neutral', 'f01');
+var disabledColor = (0, foundation_1.palette2)('disabled', 'f02');
 var defaultTrackColorArray = ['neutral', 'f02'];
-var heightCss = foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  height: 20px;\n"], ["\n  height: 20px;\n"])));
-var widthCss = foundation_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  width: 36px;\n"], ["\n  width: 36px;\n"])));
-var thumbSize = foundation_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  height: 12px;\n  width: 12px;\n"], ["\n  height: 12px;\n  width: 12px;\n"])));
-var notDisabledSwitchBase = function (opacity, checkedColor, trackedColor) { return foundation_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  .", " {\n    &:not(.", ") {\n      & + .", " {\n        background-color: ", ";\n      }\n\n      &.", " + .", " {\n        background-color: ", ";\n      }\n    }\n  }\n"], ["\n  .", " {\n    &:not(.", ") {\n      & + .", " {\n        background-color: ", ";\n      }\n\n      &.", " + .", " {\n        background-color: ", ";\n      }\n    }\n  }\n"])), utils_1.RcSwitchClasses.switchBase, utils_1.RcSwitchClasses.disabled, utils_1.RcSwitchClasses.track, foundation_1.setOpacity(trackedColor, opacity, true), utils_1.RcSwitchClasses.checked, utils_1.RcSwitchClasses.track, foundation_1.setOpacity(checkedColor, opacity, true)); };
-exports.SwitchStyle = function (_a) {
+var heightCss = (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  height: 20px;\n"], ["\n  height: 20px;\n"])));
+var widthCss = (0, foundation_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  width: 36px;\n"], ["\n  width: 36px;\n"])));
+var thumbSize = (0, foundation_1.css)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  height: 12px;\n  width: 12px;\n"], ["\n  height: 12px;\n  width: 12px;\n"])));
+var notDisabledSwitchBase = function (opacity, checkedColor, trackedColor) { return (0, foundation_1.css)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  .", " {\n    &:not(.", ") {\n      & + .", " {\n        background-color: ", ";\n      }\n\n      &.", " + .", " {\n        background-color: ", ";\n      }\n    }\n  }\n"], ["\n  .", " {\n    &:not(.", ") {\n      & + .", " {\n        background-color: ", ";\n      }\n\n      &.", " + .", " {\n        background-color: ", ";\n      }\n    }\n  }\n"])), utils_1.RcSwitchClasses.switchBase, utils_1.RcSwitchClasses.disabled, utils_1.RcSwitchClasses.track, (0, foundation_1.setOpacity)(trackedColor, opacity, true), utils_1.RcSwitchClasses.checked, utils_1.RcSwitchClasses.track, (0, foundation_1.setOpacity)(checkedColor, opacity, true)); };
+var SwitchStyle = function (_a) {
     var colorProp = _a.color, trackColorProp = _a.trackColor;
-    var checkedColor = foundation_1.getParsePaletteColor(colorProp);
-    var trackColor = foundation_1.getParsePaletteColor(trackColorProp, defaultTrackColorArray);
-    return foundation_1.css(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n    &.", " {\n      padding: 0px;\n      ", ";\n      ", ";\n\n      &[data-focus-visible-within] {\n        border-radius: ", ";\n        ", "\n      }\n\n      .", " {\n        ", ";\n        ", ";\n        padding: 0;\n        background-color: transparent;\n        transform: translateX(", ");\n\n        &.", " {\n          transform: translateX(", ");\n        }\n      }\n\n      .", " {\n        ", ";\n        background-color: ", ";\n        box-shadow: none;\n      }\n\n      .", " {\n        ", ";\n        opacity: 1;\n        margin: 0;\n        border-radius: ", ";\n        background-color: ", ";\n      }\n\n      .", " + .", " {\n        background-color: ", ";\n      }\n\n      .", " + .", " {\n        background-color: ", ";\n      }\n\n      ", " {\n        &:hover {\n          ", ";\n        }\n      }\n\n      &:active {\n        ", ";\n      }\n    }\n  "], ["\n    &.", " {\n      padding: 0px;\n      ", ";\n      ", ";\n\n      &[data-focus-visible-within] {\n        border-radius: ", ";\n        ", "\n      }\n\n      .", " {\n        ", ";\n        ", ";\n        padding: 0;\n        background-color: transparent;\n        transform: translateX(", ");\n\n        &.", " {\n          transform: translateX(", ");\n        }\n      }\n\n      .", " {\n        ", ";\n        background-color: ", ";\n        box-shadow: none;\n      }\n\n      .", " {\n        ", ";\n        opacity: 1;\n        margin: 0;\n        border-radius: ", ";\n        background-color: ", ";\n      }\n\n      .", " + .", " {\n        background-color: ", ";\n      }\n\n      .", " + .", " {\n        background-color: ", ";\n      }\n\n      ", " {\n        &:hover {\n          ", ";\n        }\n      }\n\n      &:active {\n        ", ";\n      }\n    }\n  "])), utils_1.RcSwitchClasses.root, widthCss, heightCss, foundation_1.radius('round'), foundation_1.focusRing('normal', { pseudo: false }), utils_1.RcSwitchClasses.switchBase, widthCss, heightCss, foundation_1.spacing(-2), utils_1.RcSwitchClasses.checked, foundation_1.spacing(2), utils_1.RcSwitchClasses.thumb, thumbSize, thumbColor, utils_1.RcSwitchClasses.track, heightCss, foundation_1.radius('round'), trackColor, utils_1.RcSwitchClasses.checked, utils_1.RcSwitchClasses.track, checkedColor, utils_1.RcSwitchClasses.disabled, utils_1.RcSwitchClasses.track, disabledColor, foundation_1.nonTouchHoverMedia, notDisabledSwitchBase('08', checkedColor, trackColor), notDisabledSwitchBase('24', checkedColor, trackColor));
+    var checkedColor = (0, foundation_1.getParsePaletteColor)(colorProp);
+    var trackColor = (0, foundation_1.getParsePaletteColor)(trackColorProp, defaultTrackColorArray);
+    return (0, foundation_1.css)(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n    &.", " {\n      padding: 0px;\n      ", ";\n      ", ";\n\n      &[data-focus-visible-within] {\n        border-radius: ", ";\n        ", "\n      }\n\n      .", " {\n        ", ";\n        ", ";\n        padding: 0;\n        background-color: transparent;\n        transform: translateX(", ");\n\n        &.", " {\n          transform: translateX(", ");\n        }\n      }\n\n      .", " {\n        ", ";\n        background-color: ", ";\n        box-shadow: none;\n      }\n\n      .", " {\n        ", ";\n        opacity: 1;\n        margin: 0;\n        border-radius: ", ";\n        background-color: ", ";\n      }\n\n      .", " + .", " {\n        background-color: ", ";\n      }\n\n      .", " + .", " {\n        background-color: ", ";\n      }\n\n      ", " {\n        &:hover {\n          ", ";\n        }\n      }\n\n      &:active {\n        ", ";\n      }\n    }\n  "], ["\n    &.", " {\n      padding: 0px;\n      ", ";\n      ", ";\n\n      &[data-focus-visible-within] {\n        border-radius: ", ";\n        ", "\n      }\n\n      .", " {\n        ", ";\n        ", ";\n        padding: 0;\n        background-color: transparent;\n        transform: translateX(", ");\n\n        &.", " {\n          transform: translateX(", ");\n        }\n      }\n\n      .", " {\n        ", ";\n        background-color: ", ";\n        box-shadow: none;\n      }\n\n      .", " {\n        ", ";\n        opacity: 1;\n        margin: 0;\n        border-radius: ", ";\n        background-color: ", ";\n      }\n\n      .", " + .", " {\n        background-color: ", ";\n      }\n\n      .", " + .", " {\n        background-color: ", ";\n      }\n\n      ", " {\n        &:hover {\n          ", ";\n        }\n      }\n\n      &:active {\n        ", ";\n      }\n    }\n  "])), utils_1.RcSwitchClasses.root, widthCss, heightCss, (0, foundation_1.radius)('round'), (0, foundation_1.focusRing)('normal', { pseudo: false }), utils_1.RcSwitchClasses.switchBase, widthCss, heightCss, (0, foundation_1.spacing)(-2), utils_1.RcSwitchClasses.checked, (0, foundation_1.spacing)(2), utils_1.RcSwitchClasses.thumb, thumbSize, thumbColor, utils_1.RcSwitchClasses.track, heightCss, (0, foundation_1.radius)('round'), trackColor, utils_1.RcSwitchClasses.checked, utils_1.RcSwitchClasses.track, checkedColor, utils_1.RcSwitchClasses.disabled, utils_1.RcSwitchClasses.track, disabledColor, foundation_1.nonTouchHoverMedia, notDisabledSwitchBase('08', checkedColor, trackColor), notDisabledSwitchBase('24', checkedColor, trackColor));
 };
+exports.SwitchStyle = SwitchStyle;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/components/Forms/Switch/utils/SwitchUtils.d.ts

@@ -1 +1 @@
-export declare const RcSwitchClasses: Partial<import("../../../../foundation").UnitMap<"input" | "track" | "root" | "colorPrimary" | "colorSecondary" | "disabled" | "focusVisible" | "sizeSmall" | "checked" | "thumb" | "switchBase", any>>;
+export declare const RcSwitchClasses: Partial<import("../../../../foundation").UnitMap<"focusVisible" | import("@material-ui/core").SwitchClassKey, any>>;

package/components/Forms/Switch/utils/SwitchUtils.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcSwitchClasses = void 0;
 var foundation_1 = require("../../../../foundation");
-exports.RcSwitchClasses = foundation_1.RcClasses(['root', 'switchBase', 'thumb', 'track', 'checked', 'disabled'], 'RcSwitch');
+exports.RcSwitchClasses = (0, foundation_1.RcClasses)(['root', 'switchBase', 'thumb', 'track', 'checked', 'disabled'], 'RcSwitch');