New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@lu-development/ux-patterns-react

Package Overview
Dependencies
Maintainers
6
Versions
376
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lu-development/ux-patterns-react - npm Package Compare versions

Comparing version 1.7.0-dev.202003191714.829775f to 1.7.0-dev.202004080009.d53bc70

0

dist/components/createComponent.d.ts
import React from 'react';
export declare const createReactComponent: <PropType, ElementType>(tagName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").LuReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;

@@ -0,0 +0,0 @@ var __rest = (this && this.__rest) || function (s, e) {

@@ -0,0 +0,0 @@ import React from 'react';

@@ -0,0 +0,0 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {

@@ -0,0 +0,0 @@ import { defineCustomElements } from '@lu-development/ux-patterns/dist/loader';

22

dist/components/LuModal.d.ts

@@ -7,3 +7,3 @@ /// <reference types="react" />

export declare const LuModal: {
new (props: Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "mode" | "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
new (props: Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "mode" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
children: import("react").ReactNode;

@@ -15,6 +15,6 @@ } & import("./createOverlayComponent").ReactOverlayProps): {

componentWillUnmount(): void;
componentDidUpdate(prevProps: Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "mode" | "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
componentDidUpdate(prevProps: Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "mode" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
children: import("react").ReactNode;
} & import("./createOverlayComponent").ReactOverlayProps): Promise<void>;
present(prevProps?: Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "mode" | "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
present(prevProps?: Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "mode" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
children: import("react").ReactNode;

@@ -24,7 +24,7 @@ } & import("./createOverlayComponent").ReactOverlayProps): Promise<void>;

context: any;
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "mode" | "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "mode" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
children: import("react").ReactNode;
} & import("./createOverlayComponent").ReactOverlayProps>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
forceUpdate(callback?: () => void): void;
readonly props: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "mode" | "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
readonly props: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "mode" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
children: import("react").ReactNode;

@@ -38,7 +38,7 @@ } & import("./createOverlayComponent").ReactOverlayProps> & Readonly<{

};
shouldComponentUpdate?(nextProps: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "mode" | "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
shouldComponentUpdate?(nextProps: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "mode" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
children: import("react").ReactNode;
} & import("./createOverlayComponent").ReactOverlayProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "mode" | "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "mode" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
children: import("react").ReactNode;

@@ -48,12 +48,12 @@ } & import("./createOverlayComponent").ReactOverlayProps>, prevState: Readonly<{}>): any;

UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "mode" | "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
componentWillReceiveProps?(nextProps: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "mode" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
children: import("react").ReactNode;
} & import("./createOverlayComponent").ReactOverlayProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "mode" | "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "mode" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
children: import("react").ReactNode;
} & import("./createOverlayComponent").ReactOverlayProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "mode" | "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
componentWillUpdate?(nextProps: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "mode" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
children: import("react").ReactNode;
} & import("./createOverlayComponent").ReactOverlayProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "mode" | "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<ModalOptions<import("@lu-development/ux-patterns").ComponentRef>, "id" | "showBackdrop" | "backdropDismiss" | "cssClass" | "delegate" | "animated" | "mode" | "keyboardClose" | "enterAnimation" | "leaveAnimation"> & {
children: import("react").ReactNode;

@@ -60,0 +60,0 @@ } & import("./createOverlayComponent").ReactOverlayProps>, nextState: Readonly<{}>, nextContext: any): void;

@@ -0,0 +0,0 @@ import { modalController } from '@lu-development/ux-patterns';

@@ -0,0 +0,0 @@ export interface LuReactProps {

@@ -0,0 +0,0 @@ import React from 'react';

@@ -0,0 +0,0 @@ export declare const attachEventProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;

@@ -0,0 +0,0 @@ import { camelToDashCase } from './case';

@@ -0,0 +0,0 @@ export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;

@@ -0,0 +0,0 @@ import { camelToDashCase } from './case';

export declare const dashToPascalCase: (str: string) => string;
export declare const camelToDashCase: (str: string) => string;
export const dashToPascalCase = (str) => str.toLowerCase().split('-').map(segment => segment.charAt(0).toUpperCase() + segment.slice(1)).join('');
export const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
//# sourceMappingURL=case.js.map
export declare const isDevMode: () => boolean;
export declare const deprecationWarning: (key: string, message: string) => void;

@@ -0,0 +0,0 @@ export const isDevMode = () => {

@@ -0,0 +0,0 @@ import React from 'react';

@@ -0,0 +0,0 @@ import React from 'react';

export * from './components';
export * from './types';
export { setupConfig, LibertyPatternsConfig, matchBreakpoint, sleep } from '@lu-development/ux-patterns';
export * from './components';
export { setupConfig, matchBreakpoint, sleep } from '@lu-development/ux-patterns';
//# sourceMappingURL=index.js.map

@@ -0,0 +0,0 @@ export declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;

{
"name": "@lu-development/ux-patterns-react",
"version": "1.7.0-dev.202003191714.829775f",
"version": "1.7.0-dev.202004080009.d53bc70",
"description": "React specific wrapper for @lu-development/ux-patterns",

@@ -36,4 +36,4 @@ "keywords": [],

"np": "^5.0.1",
"react": "^16.9.0",
"react-dom": "^16.9.0",
"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-testing-library": "^7.0.0",

@@ -51,3 +51,3 @@ "rollup": "^1.18.0",

"dependencies": {
"@lu-development/ux-patterns": "1.7.0-dev.202003191714.829775f",
"@lu-development/ux-patterns": "1.7.0-dev.202004080009.d53bc70",
"tslib": "*"

@@ -54,0 +54,0 @@ },

## @lu-development/ux-patterns-react
These are React specific building blocks on top of @lu-development/ux-patterns components/services.

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc