@broxus/react-uikit 0.1.1 → 0.1.2

package/dist/esm/index.js

@@ -0,0 +1,40 @@
+export * from './components/Accordion';
+export * from './components/Alert';
+export * from './components/Align';
+export * from './components/Article';
+export * from './components/Badge';
+export * from './components/Breadcrumb';
+export * from './components/Button';
+export * from './components/Card';
+export * from './components/Close';
+export * from './components/Component';
+export * from './components/ConfrigProvider';
+export * from './components/Container';
+export * from './components/Control';
+export * from './components/Cover';
+export * from './components/DescriptionList';
+export * from './components/Divider';
+export * from './components/Dotnav';
+export * from './components/Drawer';
+export * from './components/Drop';
+export * from './components/Dropdown';
+export * from './components/Flex';
+export * from './components/Form';
+export * from './components/Grid';
+export * from './components/Heading';
+export * from './components/Icon';
+export * from './components/Iconnav';
+export * from './components/Label';
+export * from './components/Link';
+export * from './components/List';
+export * from './components/Modal';
+export * from './components/Nav';
+export * from './components/Navbar';
+export * from './components/Section';
+export * from './components/Spinner';
+export * from './components/Tabs';
+export * from './components/Text';
+export * from './components/Tile';
+export * from './components/Width';
+export * from './types';
+export * from './utils';

package/dist/esm/types.d.ts

@@ -0,0 +1,10 @@
+export declare type BreakpointsConfig<T> = {
+    default?: T;
+    xs?: T;
+    s?: T;
+    m?: T;
+    l?: T;
+    xl?: T;
+};
+export declare type HeadingSize = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export declare type Direction = 'ltr' | 'rtl';

package/dist/esm/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/utils/get-breakpoints-config-classes.d.ts

@@ -0,0 +1,2 @@
+import { BreakpointsConfig } from '../types';
+export declare function getBreakpointsConfigClasses<E>(prefixCls: string, coreCls: string, config?: BreakpointsConfig<E>): string[];

package/dist/esm/utils/get-breakpoints-config-classes.js

@@ -0,0 +1,3 @@
+export function getBreakpointsConfigClasses(prefixCls, coreCls, config = {}) {
+    return Object.entries(config).map(([key, value]) => (value ? `${prefixCls}-${coreCls}-${value}${key !== 'default' ? `@${key}` : ''}` : ''));
+}

package/dist/esm/utils/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useForceUpdate';

package/dist/esm/utils/hooks/index.js

@@ -0,0 +1 @@
+export * from './useForceUpdate';

package/dist/esm/utils/hooks/useForceUpdate.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function useForceUpdate(): React.DispatchWithoutAction;

package/dist/esm/utils/hooks/useForceUpdate.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export function useForceUpdate() {
+    const [, forceUpdate] = React.useReducer(x => x + 1, 0);
+    return forceUpdate;
+}

package/dist/esm/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './hooks';
+export * from './get-breakpoints-config-classes';
+export * from './modal';
+export * from './motion';

package/dist/esm/utils/index.js

@@ -0,0 +1,4 @@
+export * from './hooks';
+export * from './get-breakpoints-config-classes';
+export * from './modal';
+export * from './motion';

package/dist/esm/utils/modal.d.ts

@@ -0,0 +1,2 @@
+export declare function addModalMode(): void;
+export declare function removeModalMode(): void;

package/dist/esm/utils/modal.js

@@ -0,0 +1,7 @@
+import { addClass, removeClass } from '@broxus/js-utils';
+export function addModalMode() {
+    addClass(document?.documentElement, 'uk-modal-page');
+}
+export function removeModalMode() {
+    removeClass(document?.documentElement, 'uk-modal-page');
+}

package/dist/esm/utils/motion.d.ts

@@ -0,0 +1,3 @@
+import { CSSMotionProps } from 'rc-motion';
+export declare const collapseMotion: CSSMotionProps;
+export declare const getTransitionName: (rootPrefixCls: string, motion: string, transitionName?: string) => string;

package/dist/esm/utils/motion.js

@@ -0,0 +1,25 @@
+const getCollapsedHeight = () => ({ height: 0, opacity: 0 });
+const getRealHeight = node => ({ height: node.scrollHeight, opacity: 1 });
+const getCurrentHeight = node => ({ height: node ? node.offsetHeight : 0 });
+const skipOpacityTransition = (_, event) => (event?.deadline === true
+    || event.propertyName === 'height');
+export const collapseMotion = {
+    leavedClassName: 'uk-hidden',
+    motionDeadline: 300,
+    motionName: 'uk-motion-collapse',
+    onAppearActive: getRealHeight,
+    onAppearEnd: skipOpacityTransition,
+    onAppearStart: getCollapsedHeight,
+    onEnterActive: getRealHeight,
+    onEnterEnd: skipOpacityTransition,
+    onEnterStart: getCollapsedHeight,
+    onLeaveActive: getCollapsedHeight,
+    onLeaveEnd: skipOpacityTransition,
+    onLeaveStart: getCurrentHeight,
+};
+export const getTransitionName = (rootPrefixCls, motion, transitionName) => {
+    if (transitionName !== undefined) {
+        return transitionName;
+    }
+    return `${rootPrefixCls}-${motion}`;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@broxus/react-uikit",
-    "version": "0.1.1",
+    "version": "0.1.2",
     "description": "Broxus React UIkit library",
     "license": "GNU GPL v3.0",
     "author": {
@@ -38,12 +38,12 @@
         "build:cjs": "tsc --project tsconfig.json --module CommonJS --outDir dist/cjs",
         "build:esm": "tsc --project tsconfig.json --module ES2015 --outDir dist/esm",
         "build:watch": "npx yarn build:esm -w --preserveWatchOutput",
-        "styles:cjs:copy": "copyfiles \"src/**/*.{scss,less}\" -u 1 dist/cjs",
-        "styles:esm:copy": "copyfiles \"src/**/*.{scss,less}\" -u 1 dist/esm",
-        "styles:watch": "chokidar \"src/**/*.{scss,less}\" -c \"npx yarn styles:esm:copy\"",
+        "styles:cjs:copy": "copyfiles \"src/**/*.scss\" -u 1 dist/cjs",
+        "styles:esm:copy": "copyfiles \"src/**/*.scss\" -u 1 dist/esm",
+        "styles:watch": "chokidar \"src/**/*.scss\" -c \"npx yarn styles:esm:copy\"",
         "dev": "npx yarn build:watch & npx yarn styles:watch",
         "cleanup": "rimraf dist",
-        "prepublishOnly": "npx yarn cleanup & npx yarn build"
+        "prepublish": "npx yarn cleanup & npx yarn build"
     },
     "dependencies": {
         "@broxus/js-utils": "^1.0.2",