@uni-design-system/uni-react 0.0.3

package/dist/esm/components/button/button.component.js

@@ -0,0 +1,75 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef, useEffect, useState } from 'react';
+import { createRipple, BoxShadow, Text, useTheme } from '../../core';
+import { IconTextRow } from '../icon-text-row/icon-text-row.component';
+import useLayout from '../../core/layout/layout.hook';
+export const Button = forwardRef((_a, ref) => {
+    var { text, children, buttonType = 'filled', disabled = false, iconName, onClick, useRipple = true, style: userStyle } = _a, rest = __rest(_a, ["text", "children", "buttonType", "disabled", "iconName", "onClick", "useRipple", "style"]);
+    const { deviceSize } = useLayout();
+    const theme = useTheme();
+    const buttonProps = theme.buttons[buttonType];
+    const getOnColorToken = (color) => `on-${color}`;
+    const defaultContentColor = getOnColorToken(buttonProps.color);
+    const [hover, setHover] = useState(false);
+    const [click, setClick] = useState(false);
+    const [contentColor, setContentColor] = useState(defaultContentColor);
+    const style = Style(theme, buttonType, deviceSize, hover, disabled, click, useRipple);
+    useEffect(() => {
+        setContentColor(getOnColorToken(disabled ? 'inverse-on-surface' : buttonProps.color));
+    }, [disabled]);
+    useEffect(() => {
+        setTimeout(() => {
+            setClick(false);
+        }, 250);
+    }, [click]);
+    const handleClick = (event) => {
+        useRipple && createRipple(event);
+        setClick(true);
+        onClick && onClick(event);
+    };
+    return (React.createElement("button", Object.assign({ onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onClick: handleClick, disabled: disabled, style: Object.assign(Object.assign({}, style), userStyle), ref: ref }, rest), iconName ? (React.createElement(IconTextRow, { iconName: iconName, color: contentColor, textRole: "button" }, text || children)) : (React.createElement(Text, { align: "center", role: "button", color: contentColor }, text || children))));
+});
+Button.displayName = 'Button';
+function Style(theme, buttonType, size = 'md', hover, disabled, click, useRipple) {
+    const { color, horizontalPadding, verticalPadding, borderColor, borderWidth, borderRadius, contentColor } = theme.buttons[buttonType];
+    const styles = {
+        position: useRipple ? 'relative' : undefined,
+        overflow: 'hidden',
+        transition: 'all 0.3s cubic-bezier(.25,.8,.25,1)',
+        cursor: 'pointer',
+        paddingTop: verticalPadding[size] + 'px',
+        paddingBottom: verticalPadding[size] + 'px',
+        paddingLeft: horizontalPadding[size] + 'px',
+        paddingRight: horizontalPadding[size] + 'px',
+        borderRadius: borderRadius + 'px',
+        backgroundColor: theme.colors[color],
+        borderColor: theme.colors[borderColor],
+        borderWidth: borderWidth + 'px',
+        borderStyle: buttonType === 'outlined' ? 'solid' : 'none',
+    };
+    if (buttonType === 'elevated' && !disabled) {
+        styles.boxShadow = BoxShadow(hover ? 'focussed' : 'raised');
+    }
+    if (disabled && buttonType === 'elevated') {
+        styles.boxShadow = BoxShadow('pressed');
+        styles.color = theme.colors[contentColor];
+    }
+    if (disabled) {
+        styles.cursor = 'not-allowed';
+    }
+    if (click && buttonType === 'elevated' && !disabled) {
+        styles.boxShadow = BoxShadow('pressed');
+    }
+    return styles;
+}
+//# sourceMappingURL=button.component.js.map

package/dist/esm/components/button/button.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../src/components/button/button.component.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/button/index.d.ts

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

package/dist/esm/components/button/index.js

@@ -0,0 +1,2 @@
+export * from './button.component';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/esm/components/card/card.component.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { ContainerColorToken, ShadowElevation, Size } from '@uni-design-system/uni-core';
+export type CardType = 'elevated' | 'filled' | 'outlined';
+export interface CardProps {
+    children?: ReactNode;
+    cardType?: CardType;
+    colorToken?: ContainerColorToken;
+    elevation?: ShadowElevation;
+    width?: number;
+    height?: number | string | undefined;
+    borderRadius?: Size | 'none';
+}
+export declare function Card({ children, cardType, elevation, colorToken, width, height, borderRadius, }: CardProps): JSX.Element;

package/dist/esm/components/card/card.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { BoxShadow, Padding, useTheme } from '../../core';
+import { motion } from 'framer-motion';
+export function Card({ children, cardType, elevation, colorToken = 'primary-container', width, height, borderRadius, }) {
+    const { colors, containers } = useTheme();
+    const { borderRadii } = containers.card;
+    const style = Object.assign({ height,
+        width, position: 'fixed', backgroundColor: colors[colorToken || 'surface'], color: colors[`on-${colorToken}` || 'on-surface'] }, Padding('md', 'all'));
+    if (cardType === 'elevated') {
+        style.boxShadow = BoxShadow(elevation || 'raised');
+    }
+    if (borderRadii && borderRadius !== 'none') {
+        style.borderRadius = borderRadii[borderRadius || 'md'];
+    }
+    return (React.createElement(motion.div, { style: style, initial: { y: 36, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: 36, opacity: 0 }, transition: { duration: 0.2 } }, children));
+}
+//# sourceMappingURL=card.component.js.map

package/dist/esm/components/card/card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.component.js","sourceRoot":"","sources":["../../../../src/components/card/card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAcvC,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,mBAAmB,EAChC,KAAK,EACL,MAAM,EACN,YAAY,GACF;IACV,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE1C,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC;IAExC,MAAM,KAAK,mBACT,MAAM;QACN,KAAK,EACL,QAAQ,EAAE,OAAO,EACjB,eAAe,EAAE,MAAM,CAAC,UAAU,IAAI,SAAS,CAAC,EAChD,KAAK,EAAE,MAAM,CAAE,MAAM,UAAU,EAAiB,IAAI,YAAY,CAAC,IAC9D,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CACxB,CAAC;IAEF,IAAI,QAAQ,KAAK,UAAU,EAAE;QAC3B,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC;KACpD;IAED,IAAI,WAAW,IAAI,YAAY,KAAK,MAAM,EAAE;QAC1C,KAAK,CAAC,YAAY,GAAG,WAAW,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC;KACxD;IAED,OAAO,CACL,oBAAC,MAAM,CAAC,GAAG,IACT,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAC9B,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAC7B,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAC3B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAE5B,QAAQ,CACE,CACd,CAAC;AACJ,CAAC"}

package/dist/esm/components/card/index.d.ts

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

package/dist/esm/components/card/index.js

@@ -0,0 +1,2 @@
+export * from './card.component';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/esm/components/draggable/SortableList/components/DragHandle/dragHandle.component.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from '../../../../button';
+export declare const DragHandle: ({ ...rest }: ButtonProps) => JSX.Element;

package/dist/esm/components/draggable/SortableList/components/DragHandle/dragHandle.component.js

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useContext } from 'react';
+import { SortableItemContext } from '../SortableItem/sortableItem.context';
+import { Button } from '../../../../button';
+import { useDndContext } from '@dnd-kit/core';
+export const DragHandle = (_a) => {
+    var rest = __rest(_a, []);
+    const { attributes, listeners, ref } = useContext(SortableItemContext);
+    const dndContext = useDndContext();
+    return (React.createElement(Button, Object.assign({ style: { cursor: dndContext.activatorEvent ? 'grabbing' : 'grab' }, iconName: "bars3", buttonType: "icon" }, attributes, listeners, { ref: ref }, rest)));
+};
+//# sourceMappingURL=dragHandle.component.js.map

package/dist/esm/components/draggable/SortableList/components/DragHandle/dragHandle.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragHandle.component.js","sourceRoot":"","sources":["../../../../../../../src/components/draggable/SortableList/components/DragHandle/dragHandle.component.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAwB,EAAe,EAAE;QAApC,IAAI,cAAT,EAAW,CAAF;IAClC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,OAAO,CACL,oBAAC,MAAM,kBACL,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EAAE,EAClE,QAAQ,EAAC,OAAO,EAChB,UAAU,EAAC,MAAM,IACb,UAAU,EACV,SAAS,IACb,GAAG,EAAE,GAAG,IACJ,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/draggable/SortableList/components/DragHandle/index.d.ts

@@ -0,0 +1 @@
+export { DragHandle } from './dragHandle.component';

package/dist/esm/components/draggable/SortableList/components/DragHandle/index.js

@@ -0,0 +1,2 @@
+export { DragHandle } from './dragHandle.component';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/draggable/SortableList/components/DragHandle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/draggable/SortableList/components/DragHandle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/esm/components/draggable/SortableList/components/SortableItem/index.d.ts

@@ -0,0 +1 @@
+export { SortableItem } from './sortableItem.component';

package/dist/esm/components/draggable/SortableList/components/SortableItem/index.js

@@ -0,0 +1,2 @@
+export { SortableItem } from './sortableItem.component';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/draggable/SortableList/components/SortableItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/draggable/SortableList/components/SortableItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/esm/components/draggable/SortableList/components/SortableItem/sortableItem.component.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties, PropsWithChildren } from 'react';
+import type { UniqueIdentifier } from '@dnd-kit/core';
+export interface SortableItemProps {
+    id: UniqueIdentifier;
+    style?: CSSProperties;
+    onRemove?(id: UniqueIdentifier): void;
+}
+export declare const SortableItem: ({ children, id, style: userStyle, onRemove, }: PropsWithChildren<SortableItemProps>) => JSX.Element;

package/dist/esm/components/draggable/SortableList/components/SortableItem/sortableItem.component.js

@@ -0,0 +1,18 @@
+import React, { useMemo } from 'react';
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { SortableItemContext } from './sortableItem.context';
+export const SortableItem = ({ children, id, style: userStyle, onRemove, }) => {
+    const { attributes, isDragging, listeners, setNodeRef, setActivatorNodeRef, transform, transition } = useSortable({
+        id,
+    });
+    const context = useMemo(() => ({
+        attributes,
+        listeners,
+        ref: setActivatorNodeRef,
+    }), [attributes, listeners, setActivatorNodeRef]);
+    const style = Object.assign({ opacity: isDragging ? 0.4 : undefined, transform: CSS.Translate.toString(transform), transition, listStyle: 'none' }, userStyle);
+    return (React.createElement(SortableItemContext.Provider, { value: context },
+        React.createElement("li", { className: "SortableItem", ref: setNodeRef, style: style }, children)));
+};
+//# sourceMappingURL=sortableItem.component.js.map

package/dist/esm/components/draggable/SortableList/components/SortableItem/sortableItem.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortableItem.component.js","sourceRoot":"","sources":["../../../../../../../src/components/draggable/SortableList/components/SortableItem/sortableItem.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAQ7D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,EAAE,EACF,KAAK,EAAE,SAAS,EAChB,QAAQ,GAC6B,EAAe,EAAE;IACtD,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,mBAAmB,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC;QAChH,EAAE;KACH,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,CAAC;QACL,UAAU;QACV,SAAS;QACT,GAAG,EAAE,mBAAmB;KACzB,CAAC,EACF,CAAC,UAAU,EAAE,SAAS,EAAE,mBAAmB,CAAC,CAC7C,CAAC;IACF,MAAM,KAAK,mBACT,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EACrC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,EAC5C,UAAU,EACV,SAAS,EAAE,MAAM,IACd,SAAS,CACb,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QAC1C,4BAAI,SAAS,EAAC,cAAc,EAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IACvD,QAAQ,CACN,CACwB,CAChC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/draggable/SortableList/components/SortableItem/sortableItem.context.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DraggableSyntheticListeners } from '@dnd-kit/core';
+interface Context {
+    attributes: Record<string, any>;
+    listeners: DraggableSyntheticListeners;
+    ref(node: HTMLElement | null): void;
+}
+export declare const SortableItemContext: import("react").Context<Context>;
+export {};

package/dist/esm/components/draggable/SortableList/components/SortableItem/sortableItem.context.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+export const SortableItemContext = createContext({
+    attributes: {},
+    listeners: undefined,
+    ref() { },
+});
+//# sourceMappingURL=sortableItem.context.js.map

package/dist/esm/components/draggable/SortableList/components/SortableItem/sortableItem.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortableItem.context.js","sourceRoot":"","sources":["../../../../../../../src/components/draggable/SortableList/components/SortableItem/sortableItem.context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAU;IACxD,UAAU,EAAE,EAAE;IACd,SAAS,EAAE,SAAS;IACpB,GAAG,KAAI,CAAC;CACT,CAAC,CAAC"}

package/dist/esm/components/draggable/SortableList/components/SortableOverlay/index.d.ts

@@ -0,0 +1 @@
+export { SortableOverlay } from './sortableOverlay.component';

package/dist/esm/components/draggable/SortableList/components/SortableOverlay/index.js

@@ -0,0 +1,2 @@
+export { SortableOverlay } from './sortableOverlay.component';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/draggable/SortableList/components/SortableOverlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/draggable/SortableList/components/SortableOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/esm/components/draggable/SortableList/components/SortableOverlay/sortableOverlay.component.d.ts

@@ -0,0 +1,5 @@
+import type { PropsWithChildren } from 'react';
+interface Props {
+}
+export declare const SortableOverlay: ({ children }: PropsWithChildren<Props>) => JSX.Element;
+export {};

package/dist/esm/components/draggable/SortableList/components/SortableOverlay/sortableOverlay.component.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { DragOverlay, defaultDropAnimationSideEffects } from '@dnd-kit/core';
+const dropAnimationConfig = {
+    sideEffects: defaultDropAnimationSideEffects({
+        styles: {
+            active: {
+                opacity: '0.4',
+            },
+        },
+    }),
+};
+export const SortableOverlay = ({ children }) => (React.createElement(DragOverlay, { dropAnimation: dropAnimationConfig }, children));
+//# sourceMappingURL=sortableOverlay.component.js.map

package/dist/esm/components/draggable/SortableList/components/SortableOverlay/sortableOverlay.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortableOverlay.component.js","sourceRoot":"","sources":["../../../../../../../src/components/draggable/SortableList/components/SortableOverlay/sortableOverlay.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,+BAA+B,EAAE,MAAM,eAAe,CAAC;AAG7E,MAAM,mBAAmB,GAAkB;IACzC,WAAW,EAAE,+BAA+B,CAAC;QAC3C,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,OAAO,EAAE,KAAK;aACf;SACF;KACF,CAAC;CACH,CAAC;AAIF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAe,EAAE,CAAC,CACtF,oBAAC,WAAW,IAAC,aAAa,EAAE,mBAAmB,IAAG,QAAQ,CAAe,CAC1E,CAAC"}

package/dist/esm/components/draggable/SortableList/components/index.d.ts

@@ -0,0 +1,3 @@
+export { DragHandle } from './DragHandle';
+export { SortableItem } from './SortableItem';
+export { SortableOverlay } from './SortableOverlay';

package/dist/esm/components/draggable/SortableList/components/index.js

@@ -0,0 +1,4 @@
+export { DragHandle } from './DragHandle';
+export { SortableItem } from './SortableItem';
+export { SortableOverlay } from './SortableOverlay';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/draggable/SortableList/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/draggable/SortableList/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/components/draggable/SortableList/index.d.ts

@@ -0,0 +1,2 @@
+export * from './sortableList.component';
+export * from './components';

package/dist/esm/components/draggable/SortableList/index.js

@@ -0,0 +1,3 @@
+export * from './sortableList.component';
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/draggable/SortableList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/draggable/SortableList/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC"}

package/dist/esm/components/draggable/SortableList/mockData.d.ts

@@ -0,0 +1,4 @@
+export declare const findManyChannelStatus: {
+    id: string;
+    name: string;
+}[];

package/dist/esm/components/draggable/SortableList/mockData.js

@@ -0,0 +1,51 @@
+export const findManyChannelStatus = [
+    {
+        id: 'ckj03ha63t2760708sl9i1wrt',
+        name: 'Open',
+    },
+    {
+        id: 'ckkis9tk41bjc07776r52w8vi',
+        name: 'Arrived',
+    },
+    {
+        id: 'cl0myohr5153501vkyhdttc84',
+        name: 'Completed Workflow',
+    },
+    {
+        id: 'ckziqok792091401wchnc8w0x6',
+        name: 'Confirmed',
+    },
+    {
+        id: 'cl0hr30kt2157201za2zu4z22e',
+        name: 'Connect Request',
+    },
+    {
+        id: 'cl8ow0o5q14155je153hnxnkep',
+        name: 'Service Reminder Response',
+    },
+    {
+        id: 'ckkisaejj1bkp0777q7tz03en',
+        name: 'Needs Consult',
+    },
+    {
+        id: 'cl0hqr4x91927701zaaqtpeq97',
+        name: 'Scheduled',
+    },
+    {
+        id: 'clalb5upd6062601xqa9ww3zi4',
+        name: 'Incoming Triage',
+    },
+    {
+        id: 'clcnp56pq489001wka1zxwm0k',
+        name: 'Survey Sent',
+    },
+    {
+        id: 'clcgj0vp75288301yy99juvg1f',
+        name: 'Closed w/comments',
+    },
+    {
+        id: 'ckj03ha67t2780708l1lccn1a',
+        name: 'Archived',
+    },
+];
+//# sourceMappingURL=mockData.js.map

package/dist/esm/components/draggable/SortableList/mockData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockData.js","sourceRoot":"","sources":["../../../../../src/components/draggable/SortableList/mockData.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC;QACE,EAAE,EAAE,2BAA2B;QAC/B,IAAI,EAAE,MAAM;KACb;IACD;QACE,EAAE,EAAE,2BAA2B;QAC/B,IAAI,EAAE,SAAS;KAChB;IACD;QACE,EAAE,EAAE,2BAA2B;QAC/B,IAAI,EAAE,oBAAoB;KAC3B;IACD;QACE,EAAE,EAAE,4BAA4B;QAChC,IAAI,EAAE,WAAW;KAClB;IACD;QACE,EAAE,EAAE,4BAA4B;QAChC,IAAI,EAAE,iBAAiB;KACxB;IACD;QACE,EAAE,EAAE,4BAA4B;QAChC,IAAI,EAAE,2BAA2B;KAClC;IACD;QACE,EAAE,EAAE,2BAA2B;QAC/B,IAAI,EAAE,eAAe;KACtB;IACD;QACE,EAAE,EAAE,4BAA4B;QAChC,IAAI,EAAE,WAAW;KAClB;IACD;QACE,EAAE,EAAE,4BAA4B;QAChC,IAAI,EAAE,iBAAiB;KACxB;IACD;QACE,EAAE,EAAE,2BAA2B;QAC/B,IAAI,EAAE,aAAa;KACpB;IACD;QACE,EAAE,EAAE,4BAA4B;QAChC,IAAI,EAAE,mBAAmB;KAC1B;IACD;QACE,EAAE,EAAE,2BAA2B;QAC/B,IAAI,EAAE,UAAU;KACjB;CACF,CAAC"}

package/dist/esm/components/draggable/SortableList/sortableList.component.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties } from 'react';
+import type { ReactNode } from 'react';
+import type { UniqueIdentifier } from '@dnd-kit/core';
+export interface SortableItemProps {
+    id: UniqueIdentifier;
+}
+export interface SortableProps<T extends SortableItemProps> {
+    items: T[];
+    onChange(items: T[]): void;
+    renderItem(item: T, index?: number): ReactNode;
+    style?: CSSProperties;
+}
+export declare const SortableList: <T extends SortableItemProps>({ items, onChange, renderItem, style: userStyle, }: SortableProps<T>) => JSX.Element;

package/dist/esm/components/draggable/SortableList/sortableList.component.js

@@ -0,0 +1,31 @@
+import React, { useMemo, useState } from 'react';
+import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { SortableContext, arrayMove, sortableKeyboardCoordinates } from '@dnd-kit/sortable';
+import { SortableOverlay } from './components';
+export const SortableList = ({ items, onChange, renderItem, style: userStyle, }) => {
+    const [active, setActive] = useState(null);
+    const activeItem = useMemo(() => items.find((item) => item.id === (active === null || active === void 0 ? void 0 : active.id)), [active, items]);
+    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates,
+    }));
+    const style = {
+        display: 'flex',
+        flexDirection: 'column',
+        padding: 0,
+        listStyle: 'none',
+    };
+    return (React.createElement(DndContext, { sensors: sensors, onDragStart: ({ active }) => {
+            setActive(active);
+        }, onDragEnd: ({ active, over }) => {
+            if (over && active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+                const activeIndex = items.findIndex(({ id }) => id === active.id);
+                const overIndex = items.findIndex(({ id }) => id === over.id);
+                onChange(arrayMove(items, activeIndex, overIndex));
+            }
+            setActive(null);
+        }, onDragCancel: () => setActive(null) },
+        React.createElement(SortableContext, { items: items },
+            React.createElement("ul", { style: style }, items.map((item, index) => (React.createElement(React.Fragment, { key: item.id }, renderItem(item, index)))))),
+        React.createElement(SortableOverlay, null, activeItem ? renderItem(activeItem) : null)));
+};
+//# sourceMappingURL=sortableList.component.js.map

package/dist/esm/components/draggable/SortableList/sortableList.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortableList.component.js","sourceRoot":"","sources":["../../../../../src/components/draggable/SortableList/sortableList.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEjG,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAE5F,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAa/C,MAAM,CAAC,MAAM,YAAY,GAAG,CAA8B,EACxD,KAAK,EACL,QAAQ,EACR,UAAU,EACV,KAAK,EAAE,SAAS,GACC,EAAe,EAAE;IAClC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,MAAK,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,CAAA,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAChG,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,CAAC,aAAa,CAAC,EACxB,SAAS,CAAC,cAAc,EAAE;QACxB,gBAAgB,EAAE,2BAA2B;KAC9C,CAAC,CACH,CAAC;IAEF,MAAM,KAAK,GAAkB;QAC3B,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,MAAM;KAClB,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,CAAC,EAAE,MAAM,EAAE,EAAQ,EAAE;YAChC,SAAS,CAAC,MAAM,CAAC,CAAC;QACpB,CAAC,EACD,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAQ,EAAE;YACpC,IAAI,IAAI,IAAI,MAAM,CAAC,EAAE,MAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAA,EAAE;gBAClC,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;gBAClE,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;gBAE9D,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;aACpD;YACD,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EACD,YAAY,EAAE,GAAS,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QAEzC,oBAAC,eAAe,IAAC,KAAK,EAAE,KAAK;YAC3B,4BAAI,KAAK,EAAE,KAAK,IACb,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,IAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAkB,CACzE,CAAC,CACC,CACW;QAClB,oBAAC,eAAe,QAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAmB,CACpE,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/draggable/index.d.ts

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

package/dist/esm/components/draggable/index.js

@@ -0,0 +1,2 @@
+export * from './SortableList';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/draggable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/draggable/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/esm/components/draggable/utilities/createRange.d.ts

@@ -0,0 +1 @@
+export declare function createRange<T = number>(length: number, initializer?: (index: number) => any): T[];

package/dist/esm/components/draggable/utilities/createRange.js

@@ -0,0 +1,5 @@
+const defaultInitializer = (index) => index;
+export function createRange(length, initializer = defaultInitializer) {
+    return [...new Array(length)].map((_, index) => initializer(index));
+}
+//# sourceMappingURL=createRange.js.map

package/dist/esm/components/draggable/utilities/createRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRange.js","sourceRoot":"","sources":["../../../../../src/components/draggable/utilities/createRange.ts"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC;AAEpD,MAAM,UAAU,WAAW,CACzB,MAAc,EACd,cAAsC,kBAAkB;IAExD,OAAO,CAAC,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;AACtE,CAAC"}

package/dist/esm/components/draggable/utilities/index.d.ts

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

package/dist/esm/components/draggable/utilities/index.js

@@ -0,0 +1,2 @@
+export { createRange } from './createRange';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/draggable/utilities/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/draggable/utilities/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC"}

package/dist/esm/components/forms/text-input/text-input.component.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface TextInputProps {
+    value: string;
+    onChange: () => void;
+}
+export declare const TextInput: ({ value, onChange }: TextInputProps) => JSX.Element;

package/dist/esm/components/forms/text-input/text-input.component.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export const TextInput = ({ value, onChange }) => {
+    return (React.createElement("div", null,
+        React.createElement("input", { type: "text", value: value, onChange: onChange })));
+};
+//# sourceMappingURL=text-input.component.js.map

package/dist/esm/components/forms/text-input/text-input.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.component.js","sourceRoot":"","sources":["../../../../../src/components/forms/text-input/text-input.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAkB,EAAE,EAAE;IAC/D,OAAO,CACL;QACE,+BAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACnD,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/forms/utils/validations.d.ts

@@ -0,0 +1,2 @@
+export type ValidationRule = 'email' | 'required' | 'numeric' | 'alphaNumeric' | 'alphabetic' | 'maxLength' | 'minLength';
+export declare const validations: Record<ValidationRule, unknown>;

package/dist/esm/components/forms/utils/validations.js

@@ -0,0 +1,53 @@
+export const validations = {
+    email: {
+        rule: () => /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i,
+        formatter(fieldName) {
+            return `${fieldName} is not valid email`;
+        },
+    },
+    required: {
+        rule: () => /\S/,
+        formatter(fieldName) {
+            return `${fieldName} is required.`;
+        },
+    },
+    numeric: {
+        rule: () => /^\d+$/,
+        formatter(fieldName) {
+            return `${fieldName} should contain only numbers.`;
+        },
+    },
+    alphaNumeric: {
+        rule: () => /^[a-z0-9]+$/i,
+        formatter(fieldName) {
+            return `${fieldName} should not contain special characters, please use only alphabets and numbers.`;
+        },
+    },
+    alphabetic: {
+        rule: () => /^[a-z]+$/i,
+        formatter(fieldName) {
+            return `${fieldName} should contain only alphabets.`;
+        },
+    },
+    maxLength: {
+        rule: (number) => ({
+            test: (value) => value.length <= number,
+        }),
+        formatter(fieldName, number) {
+            return number
+                ? `${fieldName} can contain maximum ${number} characters.`
+                : `${fieldName} contains more characters than expected.`;
+        },
+    },
+    minLength: {
+        rule: (number) => ({
+            test: (value) => value.length >= number,
+        }),
+        formatter(fieldName, number) {
+            return number
+                ? `${fieldName} should contain minimum ${number} characters.`
+                : `${fieldName} contains less characters than expected.`;
+        },
+    },
+};
+//# sourceMappingURL=validations.js.map

package/dist/esm/components/forms/utils/validations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validations.js","sourceRoot":"","sources":["../../../../../src/components/forms/utils/validations.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,WAAW,GAAoC;IAC1D,KAAK,EAAE;QACL,IAAI,EAAE,GAAG,EAAE,CAAC,oFAAoF;QAChG,SAAS,CAAC,SAAiB;YACzB,OAAO,GAAG,SAAS,qBAAqB,CAAC;QAC3C,CAAC;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI;QAChB,SAAS,CAAC,SAAiB;YACzB,OAAO,GAAG,SAAS,eAAe,CAAC;QACrC,CAAC;KACF;IACD,OAAO,EAAE;QACP,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO;QACnB,SAAS,CAAC,SAAiB;YACzB,OAAO,GAAG,SAAS,+BAA+B,CAAC;QACrD,CAAC;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,GAAG,EAAE,CAAC,cAAc;QAC1B,SAAS,CAAC,SAAiB;YACzB,OAAO,GAAG,SAAS,gFAAgF,CAAC;QACtG,CAAC;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE,GAAG,EAAE,CAAC,WAAW;QACvB,SAAS,CAAC,SAAiB;YACzB,OAAO,GAAG,SAAS,iCAAiC,CAAC;QACvD,CAAC;KACF;IACD,SAAS,EAAE;QACT,IAAI,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,CAAC;YACzB,IAAI,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,MAAM;SAChD,CAAC;QACF,SAAS,CAAC,SAAiB,EAAE,MAAc;YACzC,OAAO,MAAM;gBACX,CAAC,CAAC,GAAG,SAAS,wBAAwB,MAAM,cAAc;gBAC1D,CAAC,CAAC,GAAG,SAAS,0CAA0C,CAAC;QAC7D,CAAC;KACF;IACD,SAAS,EAAE;QACT,IAAI,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,CAAC;YACzB,IAAI,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,MAAM;SAChD,CAAC;QACF,SAAS,CAAC,SAAiB,EAAE,MAAc;YACzC,OAAO,MAAM;gBACX,CAAC,CAAC,GAAG,SAAS,2BAA2B,MAAM,cAAc;gBAC7D,CAAC,CAAC,GAAG,SAAS,0CAA0C,CAAC;QAC7D,CAAC;KACF;CACF,CAAC"}

package/dist/esm/components/icon-text-row/icon-text-row.component.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { ContentColorToken, HorizontalAlign, TextRole } from '@uni-design-system/uni-core';
+import { IconName } from '../../core/icon';
+export interface IconTextRowProps {
+    iconName: IconName;
+    color: ContentColorToken;
+    align?: HorizontalAlign;
+    text?: string;
+    textRole?: TextRole;
+    children?: ReactNode;
+}
+export declare const IconTextRow: ({ iconName, color, align, text, textRole, children, }: IconTextRowProps) => JSX.Element;

package/dist/esm/components/icon-text-row/icon-text-row.component.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { getValue } from '@uni-design-system/uni-core';
+import { alignCenter, expand, fix, row, Text, Icon, useTheme } from '../../core';
+export const IconTextRow = ({ iconName, color, align = 'left', text, textRole = 'title-medium', children, }) => {
+    const theme = useTheme();
+    const textProps = getValue(theme, `typography.${textRole}`, theme.typography['title-medium']);
+    const textHeight = textProps.fontSize;
+    const textLineHeight = textProps.lineHeight || textHeight;
+    const textMargin = text || children ? textLineHeight - textHeight : 0;
+    function RowIcon() {
+        return (React.createElement("div", { style: Object.assign(Object.assign({}, fix), { maxHeight: textLineHeight }) },
+            React.createElement(Icon, { name: iconName, width: textLineHeight, height: textLineHeight, color: color })));
+    }
+    function RowText() {
+        return (React.createElement("div", { style: Object.assign(Object.assign({}, expand), { paddingLeft: textMargin, paddingRight: textMargin }) },
+            React.createElement(Text, { align: align, color: color, role: textRole }, text || children)));
+    }
+    function RowCenter() {
+        return align === 'center' ? React.createElement("div", { style: Object.assign({}, expand) }) : null;
+    }
+    return ['left', 'center'].includes(align) ? (React.createElement("div", { style: Object.assign(Object.assign({}, row), alignCenter) },
+        React.createElement(RowCenter, null),
+        React.createElement(RowIcon, null),
+        React.createElement(RowText, null),
+        React.createElement(RowCenter, null))) : (React.createElement("div", { style: Object.assign(Object.assign({}, row), alignCenter) },
+        React.createElement(RowText, null),
+        React.createElement(RowIcon, null)));
+};
+//# sourceMappingURL=icon-text-row.component.js.map