@dynatrace/strato-components 3.8.0 → 3.9.1

package/typography/paragraph/Paragraph.sty.js

@@ -22,4 +22,4 @@ __export(Paragraph_css_exports, {
 module.exports = __toCommonJS(Paragraph_css_exports);
 var import_Paragraph_css_ts_vanilla = require("./Paragraph.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var paragraph = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_487p2n0-3-8-0", variantClassNames: { ellipsis: { singleLine: "_487p2n1-3-8-0", multiLine: "_487p2n2-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var paragraph = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_487p2n0-3-9-1", variantClassNames: { ellipsis: { singleLine: "_487p2n1-3-9-1", multiLine: "_487p2n2-3-9-1" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/strikethrough/Strikethrough.css

@@ -1,4 +1,4 @@
-._4oao6y0-3-8-0 {
+._4oao6y0-3-9-1 {
   text-decoration: line-through;
   text-decoration-style: solid;
   overflow-wrap: break-word;

package/typography/strikethrough/Strikethrough.sty.js

@@ -21,4 +21,4 @@ __export(Strikethrough_css_exports, {
 });
 module.exports = __toCommonJS(Strikethrough_css_exports);
 var import_Strikethrough_css_ts_vanilla = require("./Strikethrough.css");
-var strikethroughCSS = "_4oao6y0-3-8-0";
+var strikethroughCSS = "_4oao6y0-3-9-1";

package/typography/strong/Strong.css

@@ -1,4 +1,4 @@
-._wxp4dd0-3-8-0 {
+._wxp4dd0-3-9-1 {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   overflow-wrap: break-word;
 }

package/typography/strong/Strong.sty.js

@@ -21,4 +21,4 @@ __export(Strong_css_exports, {
 });
 module.exports = __toCommonJS(Strong_css_exports);
 var import_Strong_css_ts_vanilla = require("./Strong.css");
-var strongCSS = "_wxp4dd0-3-8-0";
+var strongCSS = "_wxp4dd0-3-9-1";

package/typography/text/Text.css

@@ -1,16 +1,16 @@
-._rup8ap0-3-8-0 {
+._rup8ap0-3-9-1 {
   margin-top: 0;
   margin-bottom: 0;
   min-width: 0;
   overflow-wrap: break-word;
 }
-._rup8ap1-3-8-0 {
+._rup8ap1-3-9-1 {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-._rup8ap2-3-8-0 {
+._rup8ap2-3-9-1 {
   display: -webkit-box;
   -webkit-line-clamp: var(--strato-ellipsis-line-clamp);
   -webkit-box-orient: vertical;

package/typography/text/Text.sty.js

@@ -22,4 +22,4 @@ __export(Text_css_exports, {
 module.exports = __toCommonJS(Text_css_exports);
 var import_Text_css_ts_vanilla = require("./Text.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var text = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_rup8ap0-3-8-0", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-3-8-0", multiLine: "_rup8ap2-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var text = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_rup8ap0-3-9-1", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-3-9-1", multiLine: "_rup8ap2-3-9-1" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/text-ellipsis/TextEllipsis.css

@@ -1,4 +1,4 @@
-._1mnpbqs1-3-8-0 {
+._1mnpbqs1-3-9-1 {
   display: inline-block;
   box-sizing: border-box;
   vertical-align: middle;
@@ -9,18 +9,18 @@
   text-decoration: inherit;
   width: 100%;
 }
-._1mnpbqs2-3-8-0 {
+._1mnpbqs2-3-9-1 {
   text-overflow: ellipsis;
   direction: rtl;
   text-align: left;
 }
-._1mnpbqs2-3-8-0::after, ._1mnpbqs2-3-8-0::before {
+._1mnpbqs2-3-9-1::after, ._1mnpbqs2-3-9-1::before {
   content: "‎";
 }
-._1mnpbqs3-3-8-0 {
+._1mnpbqs3-3-9-1 {
   text-overflow: clip;
 }
-._1mnpbqs3-3-8-0._1mnpbqs0-3-8-0:after {
+._1mnpbqs3-3-9-1._1mnpbqs0-3-9-1:after {
   content: attr(data-sourcetext) / "";
   color: transparent;
   display: table;
@@ -28,6 +28,6 @@
   line-height: 0;
   user-select: none;
 }
-._1mnpbqs4-3-8-0 {
+._1mnpbqs4-3-9-1 {
   text-overflow: ellipsis;
 }

package/typography/text-ellipsis/TextEllipsis.js

@@ -33,11 +33,11 @@ module.exports = __toCommonJS(TextEllipsis_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var import_react = require("react");
-var import_use_resize_observer = __toESM(require("use-resize-observer"));
 var import_useAriaLabelingProps = require("../../core/hooks/useAriaLabelingProps.js");
 var import_useBehavioralTrackingProps = require("../../core/hooks/useBehavioralTrackingProps.js");
 var import_useFontsUpdated = require("../../core/hooks/useFontsUpdated.js");
 var import_useMergeRefs = require("../../core/hooks/useMergeRefs.js");
+var import_useResizeObserver = require("../../core/hooks/useResizeObserver.js");
 var import_useSafeForwardProps = require("../../core/hooks/useSafeForwardProps.js");
 var import_utils = require("../utils.js");
 var styles = __toESM(require("./TextEllipsis.sty.js"));
@@ -112,7 +112,7 @@ const ComputedTextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props
   const [behavioralTrackingProps, restProps] = (0, import_useBehavioralTrackingProps.useBehavioralTrackingProps)(remainingProps);
   const ariaLabelingProps = (0, import_useAriaLabelingProps.useAriaLabelingProps)(restProps);
   const forwardProps = (0, import_useSafeForwardProps.useSafeForwardProps)(restProps, ariaLabelingProps);
-  const { ref: observerContainerRef, width } = (0, import_use_resize_observer.default)();
+  const { ref: observerContainerRef, width } = (0, import_useResizeObserver.useResizeObserver)();
   const containerRef = (0, import_react.useRef)(null);
   const ellipsisStateRef = (0, import_react.useRef)(false);
   const mergedRef = (0, import_useMergeRefs.useMergeRefs)([

package/typography/text-ellipsis/TextEllipsis.sty.js

@@ -23,5 +23,5 @@ __export(TextEllipsis_css_exports, {
 module.exports = __toCommonJS(TextEllipsis_css_exports);
 var import_TextEllipsis_css_ts_vanilla = require("./TextEllipsis.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var active = "_1mnpbqs0-3-8-0";
-var ellipsis = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-3-8-0", variantClassNames: { truncationMode: { start: "_1mnpbqs2-3-8-0", middle: "_1mnpbqs3-3-8-0", end: "_1mnpbqs4-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var active = "_1mnpbqs0-3-9-1";
+var ellipsis = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-3-9-1", variantClassNames: { truncationMode: { start: "_1mnpbqs2-3-9-1", middle: "_1mnpbqs3-3-9-1", end: "_1mnpbqs4-3-9-1" } }, defaultVariants: {}, compoundVariants: [] });

package/charts/histogram/components/annotations-histogram/constants.d.ts

@@ -1,2 +0,0 @@
-/** Annotations bottom padding in pixels */
-export declare const ANNOTATIONS_PADDING_BOTTOM = 6;

package/charts/timeseries/components/annotations-timeseries/constants.d.ts

@@ -1,2 +0,0 @@
-/** Annotations bottom padding in pixels */
-export declare const ANNOTATIONS_PADDING_BOTTOM = 6;

package/esm/charts/histogram/components/annotations-histogram/constants.js

@@ -1,5 +0,0 @@
-const ANNOTATIONS_PADDING_BOTTOM = 6;
-export {
-  ANNOTATIONS_PADDING_BOTTOM
-};
-//# sourceMappingURL=constants.js.map

package/esm/charts/histogram/components/annotations-histogram/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/charts/histogram/components/annotations-histogram/constants.ts"],
-  "sourcesContent": ["/** Annotations bottom padding in pixels */\nexport const ANNOTATIONS_PADDING_BOTTOM = 6;\n"],
-  "mappings": "AACO,MAAM,6BAA6B;",
-  "names": []
-}

package/esm/charts/timeseries/components/annotations-timeseries/constants.js

@@ -1,5 +0,0 @@
-const ANNOTATIONS_PADDING_BOTTOM = 6;
-export {
-  ANNOTATIONS_PADDING_BOTTOM
-};
-//# sourceMappingURL=constants.js.map

package/esm/charts/timeseries/components/annotations-timeseries/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/charts/timeseries/components/annotations-timeseries/constants.ts"],
-  "sourcesContent": ["/** Annotations bottom padding in pixels */\nexport const ANNOTATIONS_PADDING_BOTTOM = 6;\n"],
-  "mappings": "AACO,MAAM,6BAA6B;",
-  "names": []
-}

package/esm/forms/forms-core/hooks/useSyncedFormControlProps.js

@@ -1,61 +0,0 @@
-import { useEffect } from "react";
-import { useFormFieldContext } from "./useFormFieldContext.js";
-import { useFormFieldMessagesContext } from "./useFormFieldMessagesContext.js";
-import { useId } from "../../../core/hooks/useId.js";
-import { parseBoolean as _parseBoolean } from "../../../core/utils/parse-boolean.js";
-import { FormFieldMessagesAction } from "../state/formfield-messages-state-reducer.js";
-import { FormFieldAction } from "../state/formfield-state-reducer.js";
-function useSyncedFormControlProps(formcontrolprops) {
-  const uniqueId = useId();
-  const { propDisabled, propRequired, propId, propAriaDisabled, propReadOnly } = formcontrolprops;
-  const {
-    controlId,
-    required: contextRequired,
-    disabled: contextDisabled,
-    ariaDisabled: contextAriaDisabled,
-    readOnly: contextReadOnly,
-    dispatch
-  } = useFormFieldContext();
-  const { dispatch: formFieldMessageContextDispatch } = useFormFieldMessagesContext();
-  const disabled = propDisabled ?? contextDisabled;
-  const ariaDisabled = _parseBoolean(propAriaDisabled) ?? contextAriaDisabled;
-  const required = propRequired ?? contextRequired;
-  const readOnly = propReadOnly ?? contextReadOnly;
-  const id = propId || controlId || uniqueId;
-  useEffect(() => {
-    dispatch?.({
-      type: FormFieldAction.UPDATE,
-      payload: {
-        id: propId,
-        disabled: propDisabled,
-        required: propRequired,
-        ariaDisabled: _parseBoolean(propAriaDisabled),
-        readOnly: propReadOnly
-      }
-    });
-  }, [
-    dispatch,
-    propDisabled,
-    propId,
-    propRequired,
-    propAriaDisabled,
-    propReadOnly
-  ]);
-  useEffect(() => {
-    formFieldMessageContextDispatch?.({
-      type: FormFieldMessagesAction.DISABLEMESSAGE,
-      payload: { isDisabled: disabled }
-    });
-  }, [disabled, formFieldMessageContextDispatch]);
-  return {
-    disabled,
-    required,
-    ariaDisabled,
-    id,
-    readOnly
-  };
-}
-export {
-  useSyncedFormControlProps
-};
-//# sourceMappingURL=useSyncedFormControlProps.js.map

package/esm/forms/forms-core/hooks/useSyncedFormControlProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/forms/forms-core/hooks/useSyncedFormControlProps.tsx"],
-  "sourcesContent": ["import { useEffect } from 'react';\n\nimport { useFormFieldContext } from './useFormFieldContext.js';\nimport { useFormFieldMessagesContext } from './useFormFieldMessagesContext.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { parseBoolean as _parseBoolean } from '../../../core/utils/parse-boolean.js';\nimport { FormFieldMessagesAction } from '../state/formfield-messages-state-reducer.js';\nimport { FormFieldAction } from '../state/formfield-state-reducer.js';\n\n/**\n * Keeps disabled, aria-disabled, required and id in sync with the formField context.\n * It also creates a unique id in case non was provided so far.\n * @internal\n */\nexport function useSyncedFormControlProps(formcontrolprops: {\n  propDisabled?: boolean;\n  propAriaDisabled?: boolean | 'true' | 'false';\n  propRequired?: boolean;\n  propId?: string;\n  propReadOnly?: boolean;\n}) {\n  const uniqueId = useId();\n  const { propDisabled, propRequired, propId, propAriaDisabled, propReadOnly } =\n    formcontrolprops;\n\n  const {\n    controlId,\n    required: contextRequired,\n    disabled: contextDisabled,\n    ariaDisabled: contextAriaDisabled,\n    readOnly: contextReadOnly,\n    dispatch,\n  } = useFormFieldContext();\n\n  const { dispatch: formFieldMessageContextDispatch } =\n    useFormFieldMessagesContext();\n\n  const disabled = propDisabled ?? contextDisabled;\n  const ariaDisabled = _parseBoolean(propAriaDisabled) ?? contextAriaDisabled;\n  const required = propRequired ?? contextRequired;\n  const readOnly = propReadOnly ?? contextReadOnly;\n  const id = propId || controlId || uniqueId;\n\n  // we are using the useEffect here to not run into a bad state error\n  useEffect(() => {\n    dispatch?.({\n      type: FormFieldAction.UPDATE,\n      payload: {\n        id: propId,\n        disabled: propDisabled,\n        required: propRequired,\n        ariaDisabled: _parseBoolean(propAriaDisabled),\n        readOnly: propReadOnly,\n      },\n    });\n  }, [\n    dispatch,\n    propDisabled,\n    propId,\n    propRequired,\n    propAriaDisabled,\n    propReadOnly,\n  ]);\n\n  useEffect(() => {\n    formFieldMessageContextDispatch?.({\n      type: FormFieldMessagesAction.DISABLEMESSAGE,\n      payload: { isDisabled: disabled },\n    });\n  }, [disabled, formFieldMessageContextDispatch]);\n\n  return {\n    disabled,\n    required,\n    ariaDisabled,\n    id,\n    readOnly,\n  };\n}\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAE1B,SAAS,2BAA2B;AACpC,SAAS,mCAAmC;AAC5C,SAAS,aAAa;AACtB,SAAS,gBAAgB,qBAAqB;AAC9C,SAAS,+BAA+B;AACxC,SAAS,uBAAuB;AAOzB,SAAS,0BAA0B,kBAMvC;AACD,QAAM,WAAW,MAAM;AACvB,QAAM,EAAE,cAAc,cAAc,QAAQ,kBAAkB,aAAa,IACzE;AAEF,QAAM;AAAA,IACJ;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,cAAc;AAAA,IACd,UAAU;AAAA,IACV;AAAA,EACF,IAAI,oBAAoB;AAExB,QAAM,EAAE,UAAU,gCAAgC,IAChD,4BAA4B;AAE9B,QAAM,WAAW,gBAAgB;AACjC,QAAM,eAAe,cAAc,gBAAgB,KAAK;AACxD,QAAM,WAAW,gBAAgB;AACjC,QAAM,WAAW,gBAAgB;AACjC,QAAM,KAAK,UAAU,aAAa;AAGlC,YAAU,MAAM;AACd,eAAW;AAAA,MACT,MAAM,gBAAgB;AAAA,MACtB,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,UAAU;AAAA,QACV,cAAc,cAAc,gBAAgB;AAAA,QAC5C,UAAU;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,EACH,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,YAAU,MAAM;AACd,sCAAkC;AAAA,MAChC,MAAM,wBAAwB;AAAA,MAC9B,SAAS,EAAE,YAAY,SAAS;AAAA,IAClC,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,+BAA+B,CAAC;AAE9C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
-  "names": []
-}

package/esm/forms/hooks/useInputHint.js

@@ -1,25 +0,0 @@
-import { useId } from "../../core/hooks/useId.js";
-function useInputHint({
-  id,
-  hint,
-  hasError,
-  ariaDescribedby: ariaDescribedbyProp
-}) {
-  const _hintId = useId();
-  const hintId = id ?? _hintId;
-  const ariaDescribedby = [
-    ariaDescribedbyProp,
-    hint ? hintId : void 0
-  ].filter((value) => !!value);
-  return {
-    hintProps: { id: hintId, "aria-live": "polite" },
-    inputProps: {
-      "aria-describedby": ariaDescribedby.length > 0 ? ariaDescribedby.join(" ") : void 0,
-      "aria-invalid": hasError
-    }
-  };
-}
-export {
-  useInputHint
-};
-//# sourceMappingURL=useInputHint.js.map

package/esm/forms/hooks/useInputHint.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/forms/hooks/useInputHint.ts"],
-  "sourcesContent": ["import { useFormControlStateReturnType } from '../../core/hooks/useFormControlState.js';\nimport { useId } from '../../core/hooks/useId.js';\n\n\ntype UseHintProps = {\n  hasError: boolean;\n  id?: string;\n  hint?: useFormControlStateReturnType[1];\n  ariaDescribedby?: string;\n};\n\ntype UseHintReturnProps = {\n  hintProps: { id: string; 'aria-live': 'polite' };\n  inputProps: { 'aria-describedby'?: string; 'aria-invalid': boolean };\n};\n\n/**\n * @deprecated - will be replaced with the changes to the new validation concept (FormErrorMessages).\n * @internal\n */\nexport function useInputHint({\n  id,\n  hint,\n  hasError,\n  ariaDescribedby: ariaDescribedbyProp,\n}: UseHintProps): UseHintReturnProps {\n  const _hintId = useId();\n  const hintId = id ?? _hintId;\n  const ariaDescribedby = [\n    ariaDescribedbyProp,\n    hint ? hintId : undefined,\n  ].filter((value) => !!value);\n\n  return {\n    hintProps: { id: hintId, 'aria-live': 'polite' },\n    inputProps: {\n      'aria-describedby':\n        ariaDescribedby.length > 0 ? ariaDescribedby.join(' ') : undefined,\n      'aria-invalid': hasError,\n    },\n  };\n}\n"],
-  "mappings": "AACA,SAAS,aAAa;AAmBf,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAAqC;AACnC,QAAM,UAAU,MAAM;AACtB,QAAM,SAAS,MAAM;AACrB,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,OAAO,SAAS;AAAA,EAClB,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,KAAK;AAE3B,SAAO;AAAA,IACL,WAAW,EAAE,IAAI,QAAQ,aAAa,SAAS;AAAA,IAC/C,YAAY;AAAA,MACV,oBACE,gBAAgB,SAAS,IAAI,gBAAgB,KAAK,GAAG,IAAI;AAAA,MAC3D,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF;",
-  "names": []
-}

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/ColumnVisibilityCheckbox.js

@@ -1,29 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import * as styles from "./DataTableColumnsListItem.sty.js";
-import { Checkbox } from "../../../../../forms/checkbox/Checkbox.js";
-import { getColumnLabel } from "../../../../utils/get-column-label.js";
-function ColumnVisibilityCheckbox(props) {
-  const { enableCheckbox, currentState, onVisibilityChange } = props;
-  const columnName = getColumnLabel(props.column);
-  const dataDtProperties = `state:${currentState === true ? "hide" : "show"}`;
-  return /* @__PURE__ */ jsx(
-    Checkbox,
-    {
-      value: currentState,
-      "aria-disabled": !enableCheckbox,
-      onChange: () => {
-        if (enableCheckbox) {
-          onVisibilityChange(props.column, currentState);
-        }
-      },
-      className: styles.columnName,
-      "data-dt-name": "ColumnSettingsShowHideColumn",
-      "data-dt-properties": dataDtProperties,
-      children: columnName
-    }
-  );
-}
-export {
-  ColumnVisibilityCheckbox
-};
-//# sourceMappingURL=ColumnVisibilityCheckbox.js.map

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/ColumnVisibilityCheckbox.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/ColumnVisibilityCheckbox.tsx"],
-  "sourcesContent": ["import type {\n  TableFeatures,\n  RowData,\n  Column_Internal,\n} from '@tanstack/react-table';\nimport { JSX } from 'react';\n\nimport * as styles from './DataTableColumnsListItem.sty.js';\nimport { Checkbox } from '../../../../../forms/checkbox/Checkbox.js';\nimport { getColumnLabel } from '../../../../utils/get-column-label.js';\n\ninterface ColumnVisibilityCheckboxProps<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n> {\n  /**\n   * The column to render the checkbox for.\n   */\n  column: Column_Internal<TFeatures, TData>;\n  /**\n   * Whether visibility can be changed for this column.\n   */\n  enableCheckbox: boolean;\n  /**\n   * The current visibility state of the column.\n   */\n  currentState: boolean | 'indeterminate';\n  /**\n   * Callback when the checkbox is clicked and visibility of the column changes.\n   */\n  onVisibilityChange: (\n    column: Column_Internal<TFeatures, TData>,\n    currentVisibility: boolean | 'indeterminate',\n  ) => void;\n}\n\n/**\n * Checkbox component for toggling column visibility in the DataTable column settings.\n * @internal\n */\nexport function ColumnVisibilityCheckbox<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  props: Readonly<ColumnVisibilityCheckboxProps<TFeatures, TData>>,\n): JSX.Element {\n  const { enableCheckbox, currentState, onVisibilityChange } = props;\n\n  const columnName = getColumnLabel(props.column);\n  const dataDtProperties = `state:${currentState === true ? 'hide' : 'show'}`;\n\n  return (\n    <Checkbox\n      value={currentState}\n      aria-disabled={!enableCheckbox}\n      onChange={() => {\n        if (enableCheckbox) {\n          onVisibilityChange(props.column, currentState);\n        }\n      }}\n      className={styles.columnName}\n      data-dt-name=\"ColumnSettingsShowHideColumn\"\n      data-dt-properties={dataDtProperties}\n    >\n      {columnName}\n    </Checkbox>\n  );\n}\n"],
-  "mappings": "AAoDI;AA7CJ,YAAY,YAAY;AACxB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AA+BxB,SAAS,yBAId,OACa;AACb,QAAM,EAAE,gBAAgB,cAAc,mBAAmB,IAAI;AAE7D,QAAM,aAAa,eAAe,MAAM,MAAM;AAC9C,QAAM,mBAAmB,SAAS,iBAAiB,OAAO,SAAS,MAAM;AAEzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,iBAAe,CAAC;AAAA,MAChB,UAAU,MAAM;AACd,YAAI,gBAAgB;AAClB,6BAAmB,MAAM,QAAQ,YAAY;AAAA,QAC/C;AAAA,MACF;AAAA,MACA,WAAW,OAAO;AAAA,MAClB,gBAAa;AAAA,MACb,sBAAoB;AAAA,MAEnB;AAAA;AAAA,EACH;AAEJ;",
-  "names": []
-}

package/forms/forms-core/hooks/useSyncedFormControlProps.d.ts

@@ -1,18 +0,0 @@
-/**
- * Keeps disabled, aria-disabled, required and id in sync with the formField context.
- * It also creates a unique id in case non was provided so far.
- * @internal
- */
-export declare function useSyncedFormControlProps(formcontrolprops: {
-    propDisabled?: boolean;
-    propAriaDisabled?: boolean | 'true' | 'false';
-    propRequired?: boolean;
-    propId?: string;
-    propReadOnly?: boolean;
-}): {
-    disabled: boolean | undefined;
-    required: boolean | undefined;
-    ariaDisabled: boolean | undefined;
-    id: string;
-    readOnly: boolean | undefined;
-};

package/forms/forms-core/hooks/useSyncedFormControlProps.js

@@ -1,79 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useSyncedFormControlProps_exports = {};
-__export(useSyncedFormControlProps_exports, {
-  useSyncedFormControlProps: () => useSyncedFormControlProps
-});
-module.exports = __toCommonJS(useSyncedFormControlProps_exports);
-var import_react = require("react");
-var import_useFormFieldContext = require("./useFormFieldContext.js");
-var import_useFormFieldMessagesContext = require("./useFormFieldMessagesContext.js");
-var import_useId = require("../../../core/hooks/useId.js");
-var import_parse_boolean = require("../../../core/utils/parse-boolean.js");
-var import_formfield_messages_state_reducer = require("../state/formfield-messages-state-reducer.js");
-var import_formfield_state_reducer = require("../state/formfield-state-reducer.js");
-function useSyncedFormControlProps(formcontrolprops) {
-  const uniqueId = (0, import_useId.useId)();
-  const { propDisabled, propRequired, propId, propAriaDisabled, propReadOnly } = formcontrolprops;
-  const {
-    controlId,
-    required: contextRequired,
-    disabled: contextDisabled,
-    ariaDisabled: contextAriaDisabled,
-    readOnly: contextReadOnly,
-    dispatch
-  } = (0, import_useFormFieldContext.useFormFieldContext)();
-  const { dispatch: formFieldMessageContextDispatch } = (0, import_useFormFieldMessagesContext.useFormFieldMessagesContext)();
-  const disabled = propDisabled ?? contextDisabled;
-  const ariaDisabled = (0, import_parse_boolean.parseBoolean)(propAriaDisabled) ?? contextAriaDisabled;
-  const required = propRequired ?? contextRequired;
-  const readOnly = propReadOnly ?? contextReadOnly;
-  const id = propId || controlId || uniqueId;
-  (0, import_react.useEffect)(() => {
-    dispatch?.({
-      type: import_formfield_state_reducer.FormFieldAction.UPDATE,
-      payload: {
-        id: propId,
-        disabled: propDisabled,
-        required: propRequired,
-        ariaDisabled: (0, import_parse_boolean.parseBoolean)(propAriaDisabled),
-        readOnly: propReadOnly
-      }
-    });
-  }, [
-    dispatch,
-    propDisabled,
-    propId,
-    propRequired,
-    propAriaDisabled,
-    propReadOnly
-  ]);
-  (0, import_react.useEffect)(() => {
-    formFieldMessageContextDispatch?.({
-      type: import_formfield_messages_state_reducer.FormFieldMessagesAction.DISABLEMESSAGE,
-      payload: { isDisabled: disabled }
-    });
-  }, [disabled, formFieldMessageContextDispatch]);
-  return {
-    disabled,
-    required,
-    ariaDisabled,
-    id,
-    readOnly
-  };
-}

package/forms/hooks/useInputHint.d.ts

@@ -1,23 +0,0 @@
-import { useFormControlStateReturnType } from '../../core/hooks/useFormControlState.js';
-type UseHintProps = {
-    hasError: boolean;
-    id?: string;
-    hint?: useFormControlStateReturnType[1];
-    ariaDescribedby?: string;
-};
-type UseHintReturnProps = {
-    hintProps: {
-        id: string;
-        'aria-live': 'polite';
-    };
-    inputProps: {
-        'aria-describedby'?: string;
-        'aria-invalid': boolean;
-    };
-};
-/**
- * @deprecated - will be replaced with the changes to the new validation concept (FormErrorMessages).
- * @internal
- */
-export declare function useInputHint({ id, hint, hasError, ariaDescribedby: ariaDescribedbyProp, }: UseHintProps): UseHintReturnProps;
-export {};

package/tables/DataTable/components/Toolbar/ColumnSettings/ColumnVisibilityCheckbox.d.ts

@@ -1,26 +0,0 @@
-import type { TableFeatures, RowData, Column_Internal } from '@tanstack/react-table';
-import { JSX } from 'react';
-interface ColumnVisibilityCheckboxProps<TFeatures extends TableFeatures, TData extends RowData> {
-    /**
-     * The column to render the checkbox for.
-     */
-    column: Column_Internal<TFeatures, TData>;
-    /**
-     * Whether visibility can be changed for this column.
-     */
-    enableCheckbox: boolean;
-    /**
-     * The current visibility state of the column.
-     */
-    currentState: boolean | 'indeterminate';
-    /**
-     * Callback when the checkbox is clicked and visibility of the column changes.
-     */
-    onVisibilityChange: (column: Column_Internal<TFeatures, TData>, currentVisibility: boolean | 'indeterminate') => void;
-}
-/**
- * Checkbox component for toggling column visibility in the DataTable column settings.
- * @internal
- */
-export declare function ColumnVisibilityCheckbox<TFeatures extends TableFeatures, TData extends RowData>(props: Readonly<ColumnVisibilityCheckboxProps<TFeatures, TData>>): JSX.Element;
-export {};