@mtes-mct/monitor-ui 24.11.0 → 24.11.1

package/fields/shared/StyledInputBox.d.ts

@@ -4,7 +4,7 @@ type StyledInputBoxProps = CommonFieldStyleProps & {
     $hasIcon: boolean;
     $size: Size;
 };
-export declare const inputStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<StyledInputBoxProps, import("styled-components").DefaultTheme>>;
-export declare const StyledInputBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledInputBoxProps, never>;
+export declare const inputStyle: import("styled-components").RuleSet<StyledInputBoxProps>;
+export declare const StyledInputBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledInputBoxProps>> & string;
 export {};
 //# sourceMappingURL=StyledInputBox.d.ts.map

package/fields/shared/StyledInputBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledInputBox.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/StyledInputBox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AASjC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,KAAK,mBAAmB,GAAG,qBAAqB,GAAG;IACjD,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAaD,eAAO,MAAM,UAAU,gKAoCtB,CAAA;AAED,eAAO,MAAM,cAAc,0HAuB1B,CAAA"}
+{"version":3,"file":"StyledInputBox.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/StyledInputBox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AASjC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,KAAK,mBAAmB,GAAG,qBAAqB,GAAG;IACjD,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AAaD,eAAO,MAAM,UAAU,0DAoCtB,CAAA;AAED,eAAO,MAAM,cAAc,wPAuB1B,CAAA"}

package/fields/shared/StyledRsuiteCalendarBox.d.ts

@@ -1,5 +1,5 @@
-export declare const StyledRsuiteCalendarBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledRsuiteCalendarBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isDoubleCalendar?: boolean;
     $isRightAligned?: boolean;
-}, never>;
+}>> & string;
 //# sourceMappingURL=StyledRsuiteCalendarBox.d.ts.map

package/fields/shared/StyledRsuiteCalendarBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledRsuiteCalendarBox.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/StyledRsuiteCalendarBox.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB;wBACd,OAAO;sBACT,OAAO;SAmQ1B,CAAA"}
+{"version":3,"file":"StyledRsuiteCalendarBox.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/StyledRsuiteCalendarBox.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB;wBACd,OAAO;sBACT,OAAO;YAmQ1B,CAAA"}

package/fields/shared/StyledRsuitePickerBox.d.ts

@@ -1,3 +1,3 @@
 import type { CommonPickerFieldStyleProps } from './types';
-export declare const StyledRsuitePickerBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CommonPickerFieldStyleProps, never>;
+export declare const StyledRsuitePickerBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CommonPickerFieldStyleProps>> & string;
 //# sourceMappingURL=StyledRsuitePickerBox.d.ts.map

package/fields/shared/StyledRsuitePickerBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledRsuitePickerBox.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/StyledRsuitePickerBox.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAE1D,eAAO,MAAM,qBAAqB,kIAoTjC,CAAA"}
+{"version":3,"file":"StyledRsuitePickerBox.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/StyledRsuitePickerBox.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAE1D,eAAO,MAAM,qBAAqB,gQAoTjC,CAAA"}

package/index.js

@@ -54061,6 +54061,7 @@ const Box$c = styled.div`
 function LinkButton({ children, className, Icon, size = Size.NORMAL, ...props }) {
     const controlledClassName = classnames('Element-LinkButton', className);
     return /*#__PURE__*/ jsx(StyledLinkButton$1, {
+        $isDisabled: props.disabled,
         $size: size,
         className: controlledClassName,
         ...props,
@@ -54089,7 +54090,7 @@ const StyledLinkButton$1 = styled.button`
   align-items: flex-end;
   background: transparent;
   color: ${(p)=>p.theme.color.slateGray};
-  cursor: ${(p)=>p.disabled ? 'none' : 'pointer'};
+  cursor: ${(p)=>p.$isDisabled ? 'none' : 'pointer'};
   display: flex;
   flex-direction: row;
   font-size: ${(p)=>FONT_SIZE$1[p.$size]};
@@ -54552,7 +54553,7 @@ const FieldError = styled.p.attrs((props)=>({
         className: classnames('Element-FieldError', props.className)
     }))`
   color: ${(p)=>p.theme.color.maximumRed};
-  display: ${(p)=>p.isDisabled ? 'none' : 'block'};
+  display: ${(p)=>p.$isDisabled ? 'none' : 'block'};
   font-size: 13px;
   font-style: italic;
   line-height: 1.3846;
@@ -54569,7 +54570,7 @@ const Label = styled.label.attrs((props)=>({
         className: classnames('Element-Label', props.className)
     }))`
   color: ${(p)=>// eslint-disable-next-line no-nested-ternary
-    p.$idDisabled ? p.theme.color.lightGray : p.$hasError ? p.theme.color.maximumRed : p.theme.color.slateGray};
+    p.$isDisabled ? p.theme.color.lightGray : p.$hasError ? p.theme.color.maximumRed : p.theme.color.slateGray};
   display: ${(p)=>p.$isHidden ? 'none' : 'block'};
   font-size: 13px;
   line-height: 1.3846;
@@ -54983,7 +54984,7 @@ const StyledRsuiteCheckbox = styled(Checkbox$1)`
     > label {
       /* TODO Check that with Adeline. */
       color: ${(p)=>// eslint-disable-next-line no-nested-ternary
-    p.$isDisabled || p.$isReadOnly ? p.theme.color.lightGray : p.theme.color.gunMetal};
+    p.$isDisabled ?? p.$isReadOnly ? p.theme.color.lightGray : p.theme.color.gunMetal};
       font-size: 13px;
       font-weight: 500;
       line-height: 1;
@@ -55009,7 +55010,7 @@ const StyledRsuiteCheckbox = styled(Checkbox$1)`
 
           /* Checkmark */
           &:after {
-            border-color: ${(p)=>p.$isReadOnly || p.$isTransparent ? p.theme.color.charcoal : p.theme.color.cultured};
+            border-color: ${(p)=>p.$isReadOnly ?? p.$isTransparent ? p.theme.color.charcoal : p.theme.color.cultured};
             bottom: 0;
             left: 0;
             right: 0;
@@ -55513,7 +55514,7 @@ function CheckPicker({ className, customSearch, customSearchMinQueryLength = 1,
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
-                $idDisabled: disabled,
+                $isDisabled: disabled,
                 $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 htmlFor: originalProps.name,
@@ -68079,7 +68080,7 @@ function MultiCascader({ className, disabled = false, error, isErrorMessageHidde
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
-                $idDisabled: disabled,
+                $isDisabled: disabled,
                 $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 htmlFor: originalProps.name,
@@ -68212,7 +68213,7 @@ function MultiSelect({ className, customSearch, customSearchMinQueryLength = 1,
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
-                $idDisabled: disabled,
+                $isDisabled: disabled,
                 $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 htmlFor: originalProps.name,
@@ -68360,7 +68361,7 @@ const StyledRsuiteRadio = styled(Radio$1)`
     > label {
       /* TODO Check that with Adeline. */
       color: ${(p)=>// eslint-disable-next-line no-nested-ternary
-    p.$isDisabled || p.$isReadOnly ? p.theme.color.lightGray : p.theme.color.gunMetal};
+    p.$isDisabled ?? p.$isReadOnly ? p.theme.color.lightGray : p.theme.color.gunMetal};
       font-size: 13px;
       font-weight: 500;
       line-height: 1;
@@ -68468,11 +68469,11 @@ readOnly = false, renderMenuItem, style, value }) {
         options,
         optionValueKey
     ]);
-    const handleChange = useCallback((nextRsuiteDataItemValue)=>{
+    const handleChange = useCallback((nextRsuiteDataItemValue, _event)=>{
         if (!onChange || readOnly) {
             return;
         }
-        const nextOptionValue = getSelectedOptionValueFromSelectedRsuiteDataItemValue(rsuiteData, nextRsuiteDataItemValue);
+        const nextOptionValue = getSelectedOptionValueFromSelectedRsuiteDataItemValue(rsuiteData, String(nextRsuiteDataItemValue));
         onChange(nextOptionValue);
     }, [
         onChange,
@@ -68492,7 +68493,7 @@ readOnly = false, renderMenuItem, style, value }) {
                 $isInline: isInline,
                 name: name,
                 onChange: handleChange,
-                value: selectedRsuiteValue,
+                value: selectedRsuiteValue ?? '',
                 children: rsuiteData.map((rsuiteDataItem)=>/*#__PURE__*/ jsx(Radio, {
                         checked: value !== undefined && lodashExports.eq(rsuiteDataItem.optionValue, value),
                         disabled: !!rsuiteDataItem.isDisabled || disabled,
@@ -68768,7 +68769,7 @@ function NumberInput({ areArrowsHidden = false, className, disabled = false, err
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
-                $idDisabled: disabled,
+                $isDisabled: disabled,
                 $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 htmlFor: name,
@@ -68879,78 +68880,6 @@ const InputWithUnit = styled(BaseInput)`
   flex-grow: 1;
 `;
 
-const PADDING = {
-    [Size.LARGE]: '8px 16px 10px',
-    [Size.NORMAL]: '3px 8px 7px',
-    [Size.SMALL]: '3px 8px 6px'
-};
-const PADDING_WITH_ICON = {
-    [Size.LARGE]: '8px 48px 10px 16px',
-    [Size.NORMAL]: '3px 38px 6px 8px',
-    [Size.SMALL]: '3px 38px 6px 8px'
-};
-const inputStyle = css`
-  background-color: ${getFieldBackgroundColorFactory()};
-  border: solid 1px ${getFieldBorderColorFactoryForState('default')};
-  border-radius: 0;
-  color: ${(p)=>p.theme.color.gunMetal};
-  ${(p)=>p.$isReadOnly && `cursor: default;`}
-  font-size: 13px;
-  font-weight: 500;
-  line-height: 19px;
-  padding: 3px 8px 6px;
-  vertical-align: center;
-  width: 100%;
-
-  &::placeholder {
-    color: ${getFieldPlaceholderColorFactoryForState('default')};
-  }
-
-  &:hover {
-    background-color: ${getFieldBackgroundColorFactory()};
-    border: solid 1px ${getFieldBorderColorFactoryForState('hover')} !important;
-
-    &::placeholder {
-      color: ${getFieldPlaceholderColorFactoryForState('hover')};
-    }
-  }
-
-  &:active,
-  &:focus {
-    background-color: ${getFieldBackgroundColorFactory()};
-    border: solid 1px ${getFieldBorderColorFactoryForState('focus')} !important;
-    outline: 0;
-
-    &::placeholder {
-      color: ${getFieldPlaceholderColorFactoryForState('focus')};
-    }
-  }
-`;
-const StyledInputBox = styled.div`
-  display: flex;
-  position: relative;
-  width: 100%;
-
-  > .rs-auto-complete {
-    display: flex;
-    flex-grow: 1;
-  }
-
-  > input,
-  > .rs-auto-complete > input {
-    ${inputStyle}
-    padding: ${(p)=>p.$hasIcon ? PADDING_WITH_ICON[p.$size] : PADDING[p.$size]};
-    line-height: 1;
-    flex-grow: 1;
-  }
-
-  > .Element-IconBox {
-    position: absolute;
-    right: ${(p)=>p.$size === Size.LARGE ? '16px' : '8px'};
-    top: ${(p)=>p.$size === Size.LARGE ? '10px' : '5px'};
-  }
-`;
-
 const internationalFormat = {
     definitions: {
         '#': /[1-9]/,
@@ -68980,13 +68909,13 @@ const defaultFormat = {
 };
 /**
  * FIXME (01/07/2024): This lib has probably a bug, I opened an issue : https://github.com/uNmAnNeR/imaskjs/issues/1053
- */ const PhoneInput = /*#__PURE__*/ forwardRef(({ disabled = false, error, isErrorMessageHidden = false, isLabelHidden = false, isLight = false, isRequired = false, isTransparent = false, isUndefinedWhenDisabled = false, label, name, onChange, value, ...props }, ref)=>{
+ */ const PhoneInput = /*#__PURE__*/ forwardRef(({ disabled = false, error, isErrorMessageHidden = false, isLabelHidden = false, isLight = false, isRequired = false, isTransparent = false, isUndefinedWhenDisabled = false, label, name, onChange, readOnly = false, value, ...props }, ref)=>{
     useFieldUndefineEffect(isUndefinedWhenDisabled && !!disabled, undefined, ()=>onChange(''));
     return /*#__PURE__*/ jsxs(Field$2, {
         className: "Field-PhoneInput",
         children: [
             /*#__PURE__*/ jsx(Label, {
-                $idDisabled: disabled,
+                $isDisabled: disabled,
                 $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 htmlFor: name,
@@ -68997,6 +68926,7 @@ const defaultFormat = {
                 $hasError: !!error,
                 $isDisabled: disabled,
                 $isLight: isLight,
+                $isReadOnly: readOnly,
                 $isTransparent: isTransparent,
                 disabled: disabled,
                 dispatch: (appended, dynamicMasked)=>{
@@ -69035,7 +68965,41 @@ const defaultFormat = {
     });
 });
 const StyledIMaskInput = styled(IMaskInput)`
-  ${inputStyle}
+  background-color: ${getFieldBackgroundColorFactory()};
+  border: solid 1px ${getFieldBorderColorFactoryForState('default')};
+  border-radius: 0;
+  color: ${(p)=>p.theme.color.gunMetal};
+  cursor: default;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 19px;
+  padding: 3px 8px 6px;
+  vertical-align: center;
+  width: 100%;
+
+  &::placeholder {
+    color: ${getFieldPlaceholderColorFactoryForState('default')};
+  }
+
+  &:hover {
+    background-color: ${getFieldBackgroundColorFactory()};
+    border: solid 1px ${getFieldBorderColorFactoryForState('hover')} !important;
+
+    &::placeholder {
+      color: ${getFieldPlaceholderColorFactoryForState('hover')};
+    }
+  }
+
+  &:active,
+  &:focus {
+    background-color: ${getFieldBackgroundColorFactory()};
+    border: solid 1px ${getFieldBorderColorFactoryForState('focus')} !important;
+    outline: 0;
+
+    &::placeholder {
+      color: ${getFieldPlaceholderColorFactoryForState('focus')};
+    }
+  }
 `;
 
 function getRichBooleanFromRichBooleanOptionValues(optionValues) {
@@ -69152,6 +69116,78 @@ function RichBooleanCheckbox({ falseOptionLabel, onChange, trueOptionLabel, valu
     return selectedOption;
 }
 
+const PADDING = {
+    [Size.LARGE]: '8px 16px 10px',
+    [Size.NORMAL]: '3px 8px 7px',
+    [Size.SMALL]: '3px 8px 6px'
+};
+const PADDING_WITH_ICON = {
+    [Size.LARGE]: '8px 48px 10px 16px',
+    [Size.NORMAL]: '3px 38px 6px 8px',
+    [Size.SMALL]: '3px 38px 6px 8px'
+};
+const inputStyle = css`
+  background-color: ${getFieldBackgroundColorFactory()};
+  border: solid 1px ${getFieldBorderColorFactoryForState('default')};
+  border-radius: 0;
+  color: ${(p)=>p.theme.color.gunMetal};
+  ${(p)=>p.$isReadOnly && `cursor: default;`}
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 19px;
+  padding: 3px 8px 6px;
+  vertical-align: center;
+  width: 100%;
+
+  &::placeholder {
+    color: ${getFieldPlaceholderColorFactoryForState('default')};
+  }
+
+  &:hover {
+    background-color: ${getFieldBackgroundColorFactory()};
+    border: solid 1px ${getFieldBorderColorFactoryForState('hover')} !important;
+
+    &::placeholder {
+      color: ${getFieldPlaceholderColorFactoryForState('hover')};
+    }
+  }
+
+  &:active,
+  &:focus {
+    background-color: ${getFieldBackgroundColorFactory()};
+    border: solid 1px ${getFieldBorderColorFactoryForState('focus')} !important;
+    outline: 0;
+
+    &::placeholder {
+      color: ${getFieldPlaceholderColorFactoryForState('focus')};
+    }
+  }
+`;
+const StyledInputBox = styled.div`
+  display: flex;
+  position: relative;
+  width: 100%;
+
+  > .rs-auto-complete {
+    display: flex;
+    flex-grow: 1;
+  }
+
+  > input,
+  > .rs-auto-complete > input {
+    ${inputStyle}
+    padding: ${(p)=>p.$hasIcon ? PADDING_WITH_ICON[p.$size] : PADDING[p.$size]};
+    line-height: 1;
+    flex-grow: 1;
+  }
+
+  > .Element-IconBox {
+    position: absolute;
+    right: ${(p)=>p.$size === Size.LARGE ? '16px' : '8px'};
+    top: ${(p)=>p.$size === Size.LARGE ? '10px' : '5px'};
+  }
+`;
+
 function Search({ className, customSearch = undefined, customSearchMinQueryLength = 1, disabled = false, error, isErrorMessageHidden = false, isLabelHidden, isLight = false, isRequired = false, isSearchIconHidden = true, isTransparent = false, isUndefinedWhenDisabled = false, key, label, MenuItem, onChange, onQuery, options = [], optionValueKey, popupWidth, readOnly = false, size = Size.NORMAL, style, value, ...originalProps }) {
     // eslint-disable-next-line no-null/no-null
     const boxRef = useRef(null);
@@ -69254,7 +69290,7 @@ function Search({ className, customSearch = undefined, customSearchMinQueryLengt
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
-                $idDisabled: disabled,
+                $isDisabled: disabled,
                 $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 htmlFor: originalProps.name,
@@ -69418,7 +69454,7 @@ function Select({ className, customSearch, customSearchMinQueryLength = 1, disab
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
-                $idDisabled: disabled,
+                $isDisabled: disabled,
                 $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 htmlFor: originalProps.name,
@@ -69493,7 +69529,7 @@ function Textarea({ className, disabled = false, error, isErrorMessageHidden = f
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
-                $idDisabled: disabled,
+                $isDisabled: disabled,
                 $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 htmlFor: originalProps.name,
@@ -69596,7 +69632,7 @@ function TextInput({ className, disabled = false, error, Icon, isErrorMessageHid
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
-                $idDisabled: disabled,
+                $isDisabled: disabled,
                 $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 htmlFor: name,
@@ -69759,7 +69795,7 @@ function Toggle({ checked = false, className, dataCy, disabled = false, error, i
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
-                $idDisabled: disabled,
+                $isDisabled: disabled,
                 $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 htmlFor: originalProps.name,
@@ -69775,7 +69811,7 @@ function Toggle({ checked = false, className, dataCy, disabled = false, error, i
                 checked: checked,
                 "data-cy": dataCy,
                 disabled: disabled,
-                onChange: onChange,
+                onChange: (isChecked)=>onChange?.(isChecked),
                 readOnly: readOnly,
                 ...originalProps
             }, key),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mtes-mct/monitor-ui",
   "description": "Common React components, hooks, utilities and CSS stylesheets for MonitorFish, MonitorEnv and RapportNav.",
-  "version": "24.11.0",
+  "version": "24.11.1",
   "license": "AGPL-3.0",
   "type": "module",
   "engines": {
@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@babel/runtime": "7.26.0",
-    "@tanstack/react-table": "8.20.5",
+    "@tanstack/react-table": "8.20.6",
     "@tanstack/react-virtual": "beta",
     "prop-types": "15.8.1",
     "tslib": "2.8.1"

package/symbols/Dot.d.ts

@@ -3,5 +3,5 @@ export type DotProps = {
     $borderColor?: string;
     $size?: number;
 };
-export declare const Dot: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, DotProps, never>;
+export declare const Dot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, DotProps>> & string;
 //# sourceMappingURL=Dot.d.ts.map

package/symbols/Dot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../src/symbols/Dot.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,GAAG;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AACD,eAAO,MAAM,GAAG,gHAWf,CAAA"}
+{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../src/symbols/Dot.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,GAAG;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AACD,eAAO,MAAM,GAAG,+OAWf,CAAA"}

package/symbols/ExclamationPoint.d.ts

@@ -4,5 +4,5 @@ export type ExclamationPointProps = HTMLAttributes<HTMLSpanElement> & {
     color?: string | undefined;
     size?: number;
 };
-export declare const ExclamationPoint: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, ExclamationPointProps, never>;
+export declare const ExclamationPoint: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ExclamationPointProps>> & string;
 //# sourceMappingURL=ExclamationPoint.d.ts.map

package/symbols/ExclamationPoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExclamationPoint.d.ts","sourceRoot":"","sources":["../../src/symbols/ExclamationPoint.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IACpE,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAID,eAAO,MAAM,gBAAgB,6HAgB5B,CAAA"}
+{"version":3,"file":"ExclamationPoint.d.ts","sourceRoot":"","sources":["../../src/symbols/ExclamationPoint.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IACpE,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAID,eAAO,MAAM,gBAAgB,4OAgB5B,CAAA"}

package/tables/DataTable/SortingIcon.d.ts

@@ -1,4 +1,4 @@
-export declare const SortingIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, {
+export declare const SortingIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
     $isDescending?: boolean;
-}, string | number | symbol>;
+}>> & (string | (string & Omit<any, keyof import("react").Component<any, {}, any>>));
 //# sourceMappingURL=SortingIcon.d.ts.map

package/tables/DataTable/SortingIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortingIcon.d.ts","sourceRoot":"","sources":["../../../src/tables/DataTable/SortingIcon.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW;oBACN,OAAO;4BASxB,CAAA"}
+{"version":3,"file":"SortingIcon.d.ts","sourceRoot":"","sources":["../../../src/tables/DataTable/SortingIcon.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW;oBACN,OAAO;oFASxB,CAAA"}

package/tables/SimpleTable/CellLoader.d.ts

@@ -1,2 +1,2 @@
-export declare const CellLoader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CellLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 //# sourceMappingURL=CellLoader.d.ts.map

package/tables/SimpleTable/CellLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CellLoader.d.ts","sourceRoot":"","sources":["../../../src/tables/SimpleTable/CellLoader.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,UAAU,yGAiBtB,CAAA"}
+{"version":3,"file":"CellLoader.d.ts","sourceRoot":"","sources":["../../../src/tables/SimpleTable/CellLoader.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,UAAU,6NAiBtB,CAAA"}

package/tables/SimpleTable/Td.d.ts

@@ -1,6 +1,10 @@
 import type { TdHTMLAttributes } from 'react';
-export declare const Td: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, TdHTMLAttributes<HTMLTableCellElement> & {
+type TdProps = TdHTMLAttributes<HTMLTableCellElement> & {
     $isCenter?: boolean | undefined;
     $isLoading?: boolean | undefined;
-}, keyof TdHTMLAttributes<HTMLTableCellElement> | "$isCenter" | "$isLoading">;
+};
+export declare const Td: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, Omit<import("react").DetailedHTMLProps<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+    ref?: ((instance: HTMLTableDataCellElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLTableDataCellElement> | null | undefined;
+}>, TdProps>, never>> & string;
+export {};
 //# sourceMappingURL=Td.d.ts.map

package/tables/SimpleTable/Td.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Td.d.ts","sourceRoot":"","sources":["../../../src/tables/SimpleTable/Td.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAA;AAM7C,eAAO,MAAM,EAAE;gBAHD,OAAO,GAAG,SAAS;iBAClB,OAAO,GAAG,SAAS;6EAyBjC,CAAA"}
+{"version":3,"file":"Td.d.ts","sourceRoot":"","sources":["../../../src/tables/SimpleTable/Td.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAA;AAE7C,KAAK,OAAO,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,GAAG;IACtD,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CACjC,CAAA;AACD,eAAO,MAAM,EAAE;;8BAuBd,CAAA"}

package/tables/SimpleTable/index.d.ts

@@ -1,15 +1,20 @@
+import type { TableHTMLAttributes } from 'react';
 export declare const SimpleTable: {
-    BodyTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {}, never>;
-    CellLoader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-    Head: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {}, never>;
-    SortContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-    Table: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>;
-    Td: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, import("react").TdHTMLAttributes<HTMLTableCellElement> & {
+    BodyTr: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
+    CellLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    Head: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+    SortContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    Table: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, Omit<import("react").DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
+        ref?: ((instance: HTMLTableElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLTableElement> | null | undefined;
+    }>, TableHTMLAttributes<HTMLTableElement>>, never>> & string;
+    Td: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+        ref?: ((instance: HTMLTableDataCellElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLTableDataCellElement> | null | undefined;
+    }>, import("react").TdHTMLAttributes<HTMLTableCellElement> & {
         $isCenter?: boolean | undefined;
         $isLoading?: boolean | undefined;
-    }, keyof import("react").TdHTMLAttributes<HTMLTableCellElement> | "$isCenter" | "$isLoading">;
-    Th: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, {
+    }>, never>> & string;
+    Th: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
         $width?: number | undefined;
-    }, never>;
+    }>> & string;
 };
 //# sourceMappingURL=index.d.ts.map

package/tables/SimpleTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tables/SimpleTable/index.tsx"],"names":[],"mappings":"AA0EA,eAAO,MAAM,WAAW;;;;;;;;;;;iBA/Cb,MAAM,GAAG,SAAS;;CAuD5B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tables/SimpleTable/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAoEhD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;iBA/Cb,MAAM,GAAG,SAAS;;CAuD5B,CAAA"}

package/tables/TableWithSelectableRows/index.d.ts

@@ -1,23 +1,35 @@
 import { RowCheckbox } from './RowCheckbox';
 export declare const TableWithSelectableRows: {
-    BodyTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {
+    BodyTr: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>, "ref"> & {
+        ref?: ((instance: HTMLTableRowElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLTableRowElement> | null | undefined;
+    }, {
         $isHighlighted?: boolean;
-    }, never>;
-    CellLoader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-    Head: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {}, never>;
+    }>> & string;
+    CellLoader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    Head: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>, "ref"> & {
+        ref?: ((instance: HTMLTableSectionElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLTableSectionElement> | null | undefined;
+    }, never>> & string;
     RowCheckbox: typeof RowCheckbox;
-    SortContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-    Table: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {
+    SortContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    }, never>> & string;
+    Table: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
+        ref?: ((instance: HTMLTableElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLTableElement> | null | undefined;
+    }>, import("react").TableHTMLAttributes<HTMLTableElement>>, never>, {
         $withRowCheckbox?: boolean;
-    }, never>;
-    Td: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, import("react").TdHTMLAttributes<HTMLTableCellElement> & {
+    }>> & string;
+    Td: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+        ref?: ((instance: HTMLTableDataCellElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLTableDataCellElement> | null | undefined;
+    }>, import("react").TdHTMLAttributes<HTMLTableCellElement> & {
         $isCenter?: boolean | undefined;
         $isLoading?: boolean | undefined;
-    } & {
+    }>, never>, {
         $hasRightBorder?: boolean;
-    }, keyof import("react").TdHTMLAttributes<HTMLTableCellElement> | "$isCenter" | "$isLoading">;
-    Th: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, {
+    }>> & string;
+    Th: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "$width"> & {
         $width?: number | undefined;
-    }, never>;
+    }, "ref"> & {
+        ref?: ((instance: HTMLTableHeaderCellElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLTableHeaderCellElement> | null | undefined;
+    }, never>> & string;
 };
 //# sourceMappingURL=index.d.ts.map

package/tables/TableWithSelectableRows/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tables/TableWithSelectableRows/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAkG3C,eAAO,MAAM,uBAAuB;;yBAnCjB,OAAO;;;;;;;2BA3DL,OAAO;;;;;;0BAuFR,OAAO;;;;;CAgB1B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tables/TableWithSelectableRows/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAkG3C,eAAO,MAAM,uBAAuB;;;;yBAnCjB,OAAO;;;;;;;;;;;;;2BA3DL,OAAO;;;;;;;;0BAuFR,OAAO;;;;;;;CAgB1B,CAAA"}