@dnb/eufemia 9.22.0 → 9.23.0-beta.1

package/es/shared/component-helper.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Check if device is touch device or not
+ */
+export function isTouchDevice(): boolean;
+export function defineNavigator(): void;
+export function convertStatusToStateOnly(status: any, state: any): any;
+export function getStatusState(status: any): boolean;
+export function getInnerRef(ref: any): any;
+export function combineLabelledBy(...params: any[]): any;
+export function combineDescribedBy(...params: any[]): any;
+export function findElementInChildren(children: any, find: any): any;
+export function escapeRegexChars(str: any): any;
+export function removeUndefinedProps(object: any): any;
+export function validateDOMAttributes(props: any, params: any): any;
+export function processChildren(props: any): any;
+export function extend(...objects: any[]): any;
+export function extendPropsWithContext(props: any, defaults?: {}, ...contexts: any[]): any;
+export function isTrue(value: any): boolean;
+export function dispatchCustomElementEvent(src: any, eventName: any, eventObjectOrig: any): any;
+export function toCamelCase(s: any): any;
+export function toPascalCase(s: any): any;
+export function toSnakeCase(str: any): any;
+export function toKebabCase(str: any): any;
+export function detectOutsideClick(ignoreElements: any, onSuccess: [type], options: any): [type];
+export class DetectOutsideClickClass {
+    constructor(ignoreElements: any, onSuccess: any, options?: {});
+    handleClickOutside: (event: any) => void;
+    keydownCallback: (event: any) => void;
+    keyupCallback: (event: any) => void;
+    remove(): void;
+    checkOutsideClick: ({ event, ignoreElements }: {
+        event: any;
+        ignoreElements: any;
+    }, onSuccess?: any) => void;
+}
+export function checkIfHasScrollbar(elem: any): boolean;
+export function filterProps(props: any, remove?: any, allowed?: any): {};
+export function makeUniqueId(prefix?: string, length?: number): string;
+export function slugify(s: any): string;
+export function matchAll(string: any, regex: any): any[];
+export function getPreviousSibling(className: [string], element: [HTMLElement]): [HTMLElement];
+export function isChildOfElement(element: any, target: any, cb?: any): any;
+export function roundToNearest(num: any, target: any): any;
+export function isInsideScrollView(currentElement: any, returnElement?: boolean): boolean | [HTMLElement];
+export function convertJsxToString(elements: any, separator?: any): any;
+export class InteractionInvalidation {
+    bypassElement: HTMLElement;
+    bypassSelectors: any[];
+    setBypassElement(bypassElement: any): InteractionInvalidation;
+    setBypassSelector(bypassSelector: any): InteractionInvalidation;
+    activate(targetElement?: any): void;
+    revert(): void;
+    _nodesToInvalidate: any[];
+    _runInvalidaiton(targetElement: any): void;
+    _revertInvalidation(): void;
+    getNodesToInvalidate(targetElement?: any): any[];
+}
+import { registerElement } from "./custom-element";
+import { warn } from "./helpers";
+export { registerElement, warn };

package/es/shared/component-helper.js

@@ -770,4 +770,12 @@ export function findElementInChildren(children, find) {
 }
 export function escapeRegexChars(str) {
   return str.replace(/[-[\]{}()*+?.,\\^$|#]/g, '\\$&');
+}
+export function removeUndefinedProps(object) {
+  Object.keys(object).forEach(key => {
+    if (object[key] === undefined) {
+      delete object[key];
+    }
+  });
+  return object;
 }

package/es/shared/custom-element-polyfill.d.ts

@@ -0,0 +1,25 @@
+export default installCustomElements;
+/*!
+
+Copyright (C) 2014-2016 by Andrea Giammarchi - @WebReflection
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+*/
+declare function installCustomElements(window: any, polyfill: any): void;

package/es/shared/custom-element.d.ts

@@ -0,0 +1,5 @@
+export const registeredElements: any;
+export function registerElement(tagName: any, ReactComponent: any, propNames?: any, { attributesExcludelist }?: {
+    attributesExcludelist?: string[];
+}): void;
+export function prepareDefaultProps(defaultProps: any): any[];

package/es/shared/defaults.d.ts

@@ -0,0 +1,7 @@
+/**
+ * DNB Eufemia Defaults
+ *
+ */
+export const LOCALE: "nb-NO";
+export const CURRENCY: "NOK";
+export const CURRENCY_DISPLAY: "code";

package/es/shared/error-helper.d.ts

@@ -0,0 +1,15 @@
+export function ErrorHandler(error: any, { message }?: {
+    message: any;
+}, code?: number): void;
+export class ErrorHandler {
+    constructor(error: any, { message }?: {
+        message: any;
+    }, code?: number);
+    err: Error;
+}
+/**
+ * Global Error helper functions
+ *
+ */
+export const ERROR_HARMLESS: 100;
+export const ERROR_FATAL: 500;

package/es/shared/helpers/Suffix.d.ts

@@ -1,11 +1,14 @@
-import * as React from 'react';
-
 /**
- * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
+ * Suffix helper
+ *
  */
-export interface SuffixProps extends React.HTMLProps<HTMLElement> {
-  className?: string;
-  children?: React.ReactNode;
+import React from 'react';
+declare const SuffixContext: React.Context<any>;
+interface SuffixProps {
+    className: string;
+    children: React.ReactNode;
+    context: Record<string, unknown>;
 }
-declare const Suffix: React.FC<SuffixProps>;
+declare const Suffix: ({ className, children, context, ...props }: SuffixProps) => JSX.Element;
+export { SuffixContext };
 export default Suffix;

package/es/shared/helpers/Suffix.js

@@ -2,9 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "children", "context"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
-export const SuffixContext = React.createContext();
+const SuffixContext = React.createContext(null);
 
 const Suffix = _ref => {
   let {
@@ -27,12 +26,5 @@ const Suffix = _ref => {
   return content;
 };
 
-process.env.NODE_ENV !== "production" ? Suffix.propTypes = {
-  className: PropTypes.string,
-  children: PropTypes.node
-} : void 0;
-Suffix.defaultProps = {
-  className: null,
-  children: null
-};
+export { SuffixContext };
 export default Suffix;

package/es/shared/helpers/withCamelCaseProps.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+/**
+ * withCamelCaseProps is a HOC for function components
+ * it will return a React Component where all snake_case props gets converted to camelCase
+ *
+ * Use the same for TypeScript types by using: ToCamelCase
+ *
+ * @param Base the original function or class
+ * @returns extended function or class
+ */
+export declare function withCamelCaseProps<TBase, P>(Base: React.FunctionComponent<P> & TBase): typeof Base;
+/**
+ * withCamelCaseProps is a HOC for classes
+ * it will return a React Component where all snake_case props gets converted to camelCase
+ *
+ * Use the same for TypeScript types by using: ToCamelCase
+ *
+ * @param Base the original function or class
+ * @returns extended function or class
+ */
+export declare function classWithCamelCaseProps<TBase extends React.ComponentClass>(Base: TBase): typeof Base;
+/**
+ * Convert recursively Types from snake_case to camelCase
+ *
+ * Use it like so:
+ * OriginalProps & ToCamelCase<OriginalProps>
+ *
+ * Disclaimer: Be careful using these with required props
+ * - ToCamelCase makes the required snake_case props also required in camelCase
+ * - ToCamelCasePartial removes required for the camelCase props
+ *
+ */
+export declare type ToCamelCasePartial<T> = Partial<ToCamelCase<T>>;
+export declare type ToCamelCase<T> = T extends object ? {
+    [K in keyof T as ConvertSnakeToCamelCase<K & string>]: ToCamelCase<T[K]>;
+} : T;
+export declare type IncludeCamelCase<T> = Partial<T> & ToCamelCasePartial<T>;
+declare type ConvertSnakeToCamelCase<S extends string> = S extends `${infer T}_${infer U}` ? `${T}${Capitalize<ConvertSnakeToCamelCase<U>>}` : S;
+export {};

package/es/shared/helpers/withCamelCaseProps.js

@@ -29,8 +29,21 @@ export function classWithCamelCaseProps(Base) {
   const Component = Base;
 
   class Derived extends Base {
+    constructor(...args) {
+      super(...args);
+
+      _defineProperty(this, "_prevProps", void 0);
+
+      _defineProperty(this, "_elem", void 0);
+    }
+
     render() {
-      return React.createElement(Component, Object.freeze(convertCamelCaseProps(this.props)));
+      if (this.props !== this._prevProps) {
+        this._prevProps = this.props;
+        this._elem = React.createElement(Component, Object.freeze(convertCamelCaseProps(this.props)));
+      }
+
+      return this._elem;
     }
 
   }

package/es/shared/helpers.d.ts

@@ -0,0 +1,44 @@
+export function setPageFocusElement(selectorOrElement: any, key?: string): any;
+export function applyPageFocus(key?: string, callback?: any): void;
+export function getOffsetTop(elem: any): number;
+export function getOffsetLeft(elem: any): number;
+export function scrollToLocationHashId({ offset, delay, onCompletion, }?: {
+    offset?: number;
+    delay?: any;
+    onCompletion?: any;
+}): HTMLElement;
+export function debounce(func: any, wait?: number, { immediate, context }?: {
+    immediate?: boolean;
+    context?: any;
+}): (...args: any[]) => void;
+export function insertElementBeforeSelection(elem: any): void;
+export function getSelectedText(): string;
+export function hasSelectedText(): boolean;
+export function getSelectedElement(): Node;
+export function copyToClipboard(string: any): Promise<any>;
+/**
+ * Global helpers
+ *
+ */
+export const PLATFORM_MAC: "Mac|iPad|iPhone|iPod";
+export const PLATFORM_WIN: "Win";
+export const PLATFORM_ANDROID: "Android";
+export const PLATFORM_LINUX: "Linux";
+export const PLATFORM_IOS: "iOS|iPhone|iPad|iPod";
+export let IS_IE11: boolean;
+export let IS_EDGE: boolean;
+export let IS_IOS: boolean;
+export let IS_SAFARI: boolean;
+export let IS_WIN: boolean;
+export let IS_MAC: boolean;
+export let IS_ANDROID: boolean;
+export let IS_LINUX: boolean;
+export function isMac(): boolean;
+export function isWin(): boolean;
+export function isAndroid(): boolean;
+export function isLinux(): boolean;
+export function isiOS(): boolean;
+export function isSafari(): boolean;
+export function isIE11(): boolean;
+export function isEdge(): boolean;
+export function warn(...params: any[]): void;

package/es/shared/hooks/index.d.ts

@@ -0,0 +1 @@
+export { usePropsWithContext } from './usePropsWithContext';

package/es/shared/hooks/usePropsWithContext.d.ts

@@ -0,0 +1,14 @@
+export declare type DefaultsProps = Record<string, unknown>;
+export declare type Contexts = Array<Record<string, unknown>>;
+/**
+ * Extends props from a given context
+ * but give the context second priority only
+ *
+ * @param props object of component properties
+ * @param defaults object of potential default values
+ * @param contexts the rest of all context to merge
+ * @returns merged properties
+ */
+declare function usePropsWithContext<Props>(props: Props, defaults?: DefaultsProps, ...contexts: Contexts): Props & {};
+export { usePropsWithContext };
+export default usePropsWithContext;

package/es/shared/index.d.ts

@@ -1,12 +1,6 @@
-/**
- * Shared
- *
- */
-
-import Context from './Context'
-import Provider from './Provider'
-import MediaQuery from './MediaQuery'
-import useMediaQuery from './useMediaQuery'
-export * from './SpacingHelper'
-
-export { Context, Provider, MediaQuery, useMediaQuery }
+export * from "./SpacingHelper";
+import Context from "./Context";
+import Provider from "./Provider";
+import MediaQuery from "./MediaQuery";
+import useMediaQuery from "./useMediaQuery";
+export { Context, Provider, MediaQuery, useMediaQuery };

package/es/shared/interfaces.d.ts

@@ -0,0 +1,10 @@
+export interface ISpacingProps extends ISpacingElementProps {
+    space?: SpaceTypes | ISpacingElementProps;
+}
+export interface ISpacingElementProps {
+    top?: SpaceTypes;
+    right?: SpaceTypes;
+    bottom?: SpaceTypes;
+    left?: SpaceTypes;
+}
+export declare type SpaceTypes = string | boolean | number;

package/es/shared/libs/HashSum.d.ts

@@ -0,0 +1 @@
+export default function sum(o: any, deep?: boolean): any;

package/es/shared/libs/MurmurHash2.d.ts

@@ -0,0 +1 @@
+export function makeHash(str: any, seed: any): number;

package/es/shared/libs/Shortcuts.d.ts

@@ -0,0 +1,6 @@
+export class createShortcut {
+    eventTracker: any[];
+    shortcutExists: any[];
+    add(shortcut: any, callback: any, onDone: any, element?: any): void;
+    remove(shortcut: any): void;
+}

package/es/shared/locales/en-GB.d.ts

@@ -0,0 +1,119 @@
+declare var _default: {
+    'en-GB': {
+        TimelineItem: {
+            alt_label_completed: string;
+            alt_label_current: string;
+            alt_label_upcoming: string;
+        };
+        Breadcrumb: {
+            navText: string;
+            goBackText: string;
+            homeText: string;
+            backToText: string;
+        };
+        DatePicker: {
+            day: string;
+            month: string;
+            year: string;
+            start: string;
+            end: string;
+            selected_date: string;
+            selected_month: string;
+            selected_year: string;
+            next_month: string;
+            prev_month: string;
+            next_year: string;
+            prev_year: string;
+            open_picker_text: string;
+            mask_order: string;
+            mask_placeholder: string;
+            date_format: string;
+            return_format: string;
+            submit_button_text: string;
+            cancel_button_text: string;
+            reset_button_text: string;
+        };
+        Anchor: {
+            target_blank_title: string;
+        };
+        GlobalStatus: {
+            default_title: string;
+            close_text: string;
+            status_anchor_text: string;
+        };
+        GlobalError: {
+            404: {
+                title: string;
+                text: string;
+                alt: string;
+            };
+            500: {
+                title: string;
+                text: string;
+                alt: string;
+            };
+        };
+        ProgressIndicator: {
+            indicator_label: string;
+        };
+        Dropdown: {
+            title: string;
+        };
+        Autocomplete: {
+            title: string;
+            submit_button_title: string;
+            no_options: string;
+            show_all: string;
+            show_options_sr: string;
+            aria_live_options: string;
+            indicator_label: string;
+        };
+        Modal: {
+            dialog_title: string;
+            close_title: string;
+        };
+        NumberFormat: {
+            clipboard_copy: string;
+        };
+        HelpButton: {
+            title: string;
+            aria_role: string;
+        };
+        Skeleton: {
+            aria_busy: string;
+            aria_ready: string;
+        };
+        Input: {
+            submit_button_title: string;
+            clear_button_title: string;
+            show_password: string;
+            hide_password: string;
+        };
+        Pagination: {
+            button_title: string;
+            next_title: string;
+            prev_title: string;
+            more_pages: string;
+            is_loading_text: string;
+            load_button_text: string;
+        };
+        StepIndicator: {
+            overview_title: string;
+            step_title_extended: string;
+            step_title: string;
+        };
+        Slider: {
+            add_title: string;
+            subtract_title: string;
+        };
+        PaymentCard: {
+            text_card_number: string;
+            text_expired: string;
+            text_blocked: string;
+        };
+        Logo: {
+            alt: string;
+        };
+    };
+};
+export default _default;

package/es/shared/locales/en-US.d.ts

@@ -0,0 +1,120 @@
+declare var _default: {
+    'en-US': {
+        DatePicker: {
+            first_day: string;
+            mask_order: string;
+            mask_placeholder: string;
+            day: string;
+            month: string;
+            year: string;
+            start: string;
+            end: string;
+            selected_date: string;
+            selected_month: string;
+            selected_year: string;
+            next_month: string;
+            prev_month: string;
+            next_year: string;
+            prev_year: string;
+            open_picker_text: string;
+            date_format: string;
+            return_format: string;
+            submit_button_text: string;
+            cancel_button_text: string;
+            reset_button_text: string;
+        };
+        TimelineItem: {
+            alt_label_completed: string;
+            alt_label_current: string;
+            alt_label_upcoming: string;
+        };
+        Breadcrumb: {
+            navText: string;
+            goBackText: string;
+            homeText: string;
+            backToText: string;
+        };
+        Anchor: {
+            target_blank_title: string;
+        };
+        GlobalStatus: {
+            default_title: string;
+            close_text: string;
+            status_anchor_text: string;
+        };
+        GlobalError: {
+            404: {
+                title: string;
+                text: string;
+                alt: string;
+            };
+            500: {
+                title: string;
+                text: string;
+                alt: string;
+            };
+        };
+        ProgressIndicator: {
+            indicator_label: string;
+        };
+        Dropdown: {
+            title: string;
+        };
+        Autocomplete: {
+            title: string;
+            submit_button_title: string;
+            no_options: string;
+            show_all: string;
+            show_options_sr: string;
+            aria_live_options: string;
+            indicator_label: string;
+        };
+        Modal: {
+            dialog_title: string;
+            close_title: string;
+        };
+        NumberFormat: {
+            clipboard_copy: string;
+        };
+        HelpButton: {
+            title: string;
+            aria_role: string;
+        };
+        Skeleton: {
+            aria_busy: string;
+            aria_ready: string;
+        };
+        Input: {
+            submit_button_title: string;
+            clear_button_title: string;
+            show_password: string;
+            hide_password: string;
+        };
+        Pagination: {
+            button_title: string;
+            next_title: string;
+            prev_title: string;
+            more_pages: string;
+            is_loading_text: string;
+            load_button_text: string;
+        };
+        StepIndicator: {
+            overview_title: string;
+            step_title_extended: string;
+            step_title: string;
+        };
+        Slider: {
+            add_title: string;
+            subtract_title: string;
+        };
+        PaymentCard: {
+            text_card_number: string;
+            text_expired: string;
+            text_blocked: string;
+        };
+        Logo: {
+            alt: string;
+        };
+    };
+};
+export default _default;