@navikt/ds-react 0.14.10-next.0 → 0.14.13

package/src/util/index.ts

@@ -1,5 +1,3 @@
-import { useEffect } from "react";
-
 export * from "./OverridableComponent";
 export * from "./useId";
 
@@ -13,34 +11,3 @@ export const omit = (obj: object, props: string[]) =>
       }),
       {}
     );
-
-export interface ListenerT {
-  addEventListener(
-    name: string,
-    handler: (event?: any) => void,
-    ...args: any[]
-  );
-
-  removeEventListener(
-    name: string,
-    handler: (event?: any) => void,
-    ...args: any[]
-  );
-}
-
-/* https://github.com/streamich/react-use/blob/master/src/useEvent.ts */
-export const useEventListener = <T extends ListenerT>(
-  name: Parameters<ListenerT["addEventListener"]>[0],
-  handler: Parameters<ListenerT["addEventListener"]>[1],
-  target: null | T | Window = window
-): void => {
-  useEffect(() => {
-    if (!target) {
-      return;
-    }
-    target?.addEventListener(name, handler);
-    return () => {
-      target?.addEventListener(name, handler);
-    };
-  }, [name, handler, target]);
-};

package/cjs/form/search-field/useSearchField.js

@@ -1,31 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSearchField = void 0;
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("react");
-const index_1 = require("../../index");
-const index_2 = require("../index");
-const useSearchField = (props, prefix) => {
-    var _a, _b;
-    const { size } = props;
-    const fieldset = (0, react_1.useContext)(index_2.FieldsetContext);
-    const genId = (0, index_1.useId)();
-    const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${prefix}-${genId}`;
-    const inputDescriptionId = `${prefix}-description-${genId}`;
-    const disabled = (fieldset === null || fieldset === void 0 ? void 0 : fieldset.disabled) || props.disabled;
-    return {
-        inputDescriptionId,
-        size: (_b = size !== null && size !== void 0 ? size : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _b !== void 0 ? _b : "medium",
-        inputProps: {
-            id,
-            "aria-describedby": (0, classnames_1.default)(props["aria-describedby"], {
-                [inputDescriptionId]: !!(props === null || props === void 0 ? void 0 : props.description),
-            }) || undefined,
-            disabled,
-        },
-    };
-};
-exports.useSearchField = useSearchField;

package/esm/form/search-field/useSearchField.d.ts

@@ -1,10 +0,0 @@
-import { FormFieldProps } from "../useFormField";
-export declare const useSearchField: (props: FormFieldProps, prefix: string) => {
-    inputDescriptionId: string;
-    size: "small" | "medium";
-    inputProps: {
-        id: string;
-        "aria-describedby": string | undefined;
-        disabled: boolean | undefined;
-    };
-};

package/esm/form/search-field/useSearchField.js

@@ -1,25 +0,0 @@
-import cl from "classnames";
-import { useContext } from "react";
-import { useId } from "../../index";
-import { FieldsetContext } from "../index";
-export const useSearchField = (props, prefix) => {
-    var _a, _b;
-    const { size } = props;
-    const fieldset = useContext(FieldsetContext);
-    const genId = useId();
-    const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${prefix}-${genId}`;
-    const inputDescriptionId = `${prefix}-description-${genId}`;
-    const disabled = (fieldset === null || fieldset === void 0 ? void 0 : fieldset.disabled) || props.disabled;
-    return {
-        inputDescriptionId,
-        size: (_b = size !== null && size !== void 0 ? size : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _b !== void 0 ? _b : "medium",
-        inputProps: {
-            id,
-            "aria-describedby": cl(props["aria-describedby"], {
-                [inputDescriptionId]: !!(props === null || props === void 0 ? void 0 : props.description),
-            }) || undefined,
-            disabled,
-        },
-    };
-};
-//# sourceMappingURL=useSearchField.js.map

package/esm/form/search-field/useSearchField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSearchField.js","sourceRoot":"","sources":["../../../src/form/search-field/useSearchField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAqB,EAAE,MAAc,EAAE,EAAE;;IACtE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,KAAK,GAAG,KAAK,EAAE,CAAC;IAEtB,MAAM,EAAE,GAAG,MAAA,KAAK,CAAC,EAAE,mCAAI,GAAG,MAAM,IAAI,KAAK,EAAE,CAAC;IAC5C,MAAM,kBAAkB,GAAG,GAAG,MAAM,gBAAgB,KAAK,EAAE,CAAC;IAE5D,MAAM,QAAQ,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,KAAI,KAAK,CAAC,QAAQ,CAAC;IAEtD,OAAO;QACL,kBAAkB;QAClB,IAAI,EAAE,MAAA,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ;QACxC,UAAU,EAAE;YACV,EAAE;YACF,kBAAkB,EAChB,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE;gBAC5B,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAA;aAC3C,CAAC,IAAI,SAAS;YACjB,QAAQ;SACT;KACF,CAAC;AACJ,CAAC,CAAC"}

package/src/form/search-field/useSearchField.ts

@@ -1,31 +0,0 @@
-import cl from "classnames";
-import { useContext } from "react";
-import { useId } from "../../index";
-import { FieldsetContext } from "../index";
-import { FormFieldProps } from "../useFormField";
-
-export const useSearchField = (props: FormFieldProps, prefix: string) => {
-  const { size } = props;
-
-  const fieldset = useContext(FieldsetContext);
-
-  const genId = useId();
-
-  const id = props.id ?? `${prefix}-${genId}`;
-  const inputDescriptionId = `${prefix}-description-${genId}`;
-
-  const disabled = fieldset?.disabled || props.disabled;
-
-  return {
-    inputDescriptionId,
-    size: size ?? fieldset?.size ?? "medium",
-    inputProps: {
-      id,
-      "aria-describedby":
-        cl(props["aria-describedby"], {
-          [inputDescriptionId]: !!props?.description,
-        }) || undefined,
-      disabled,
-    },
-  };
-};