@modul/mbui 0.0.20-beta-pv-52992-d5155aa6 → 0.0.20-beta-pv-53139-48074e41

package/dist/Select/components/components.js

@@ -1,80 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Placeholder = exports.Menu = exports.SingleValue = exports.ValueContainer = exports.DropdownIndicator = exports.LoadingIndicator = exports.IndicatorsContainer = exports.Option = exports.optionClasses = exports.colourStyles = exports.Control = exports.Input = void 0;
-const tslib_1 = require("tslib");
-const react_1 = (0, tslib_1.__importDefault)(require("react"));
-const react_select_1 = require("react-select");
-const utils_1 = require("../../@/lib/utils");
-const Icon_1 = require("../../Icon");
-const Input = ({ ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.Input, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props }));
-};
-exports.Input = Input;
-const selectTriggerClasses = `
-	flex
-	items-center
-	py-[12px]
-	px-[16px]
-	h-[44px]
-	text-left
-	border-[1px]
-	border-input
-	rounded-sm
-	cursor-pointer
-`;
-const Control = ({ children, ...props }) => {
-    const { isFocused } = props;
-    return (react_1.default.createElement(react_select_1.components.Control, { className: (0, utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
-};
-exports.Control = Control;
-const colourStyles = {
-    control: () => ({}),
-    option: () => ({}),
-    input: () => ({}),
-    dropdownIndicator: () => ({}),
-    indicatorsContainer: () => ({}),
-    menu: () => ({}),
-    menuList: () => ({}),
-    singleValue: () => ({}),
-    valueContainer: () => ({}),
-};
-exports.colourStyles = colourStyles;
-const optionClasses = 'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none';
-exports.optionClasses = optionClasses;
-const Option = ({ children, ...props }) => {
-    const { isSelected, isFocused, isDisabled } = props;
-    return (react_1.default.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, 'items-start', { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
-        react_1.default.createElement("span", { className: "flex basis-0 grow" }, children),
-        react_1.default.createElement("span", { className: "ml-[16px] shrink-0 size-[24px]" }, isSelected && (react_1.default.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
-};
-exports.Option = Option;
-const IndicatorsContainer = ({ children, ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.IndicatorsContainer, { className: "flex items-center gap-x-[8px] shrink-0", ...props }, children));
-};
-exports.IndicatorsContainer = IndicatorsContainer;
-const LoadingIndicator = ({ ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.LoadingIndicator, { className: "text-light shrink-0", ...props }));
-};
-exports.LoadingIndicator = LoadingIndicator;
-const DropdownIndicator = ({ children, ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
-        react_1.default.createElement(Icon_1.DropdownSmallOld, { className: "text-light", width: "12", height: "12" })));
-};
-exports.DropdownIndicator = DropdownIndicator;
-const ValueContainer = ({ children, ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.ValueContainer, { className: "flex-1 grid", ...props }, children));
-};
-exports.ValueContainer = ValueContainer;
-const SingleValue = ({ children, ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.SingleValue, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props }, children));
-};
-exports.SingleValue = SingleValue;
-const Menu = ({ children, ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.Menu, { className: "z-[1] absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm", ...props }, children));
-};
-exports.Menu = Menu;
-const Placeholder = ({ children, ...props }) => {
-    return (react_1.default.createElement(react_select_1.components.Placeholder, { className: "col-start-1 col-end-3 row-start-1 row-end-2 text-[16px] text-light truncate", ...props }, children));
-};
-exports.Placeholder = Placeholder;
-//# sourceMappingURL=components.js.map

package/dist/Select/components/components.js.map

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

package/dist/Select/components/index.d.ts

@@ -1 +0,0 @@
-export { Input, Control, colourStyles, optionClasses, Option, IndicatorsContainer, LoadingIndicator, DropdownIndicator, ValueContainer, SingleValue, Menu, Placeholder, } from './components';

package/dist/Select/components/index.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Placeholder = exports.Menu = exports.SingleValue = exports.ValueContainer = exports.DropdownIndicator = exports.LoadingIndicator = exports.IndicatorsContainer = exports.Option = exports.optionClasses = exports.colourStyles = exports.Control = exports.Input = void 0;
-var components_1 = require("./components");
-Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return components_1.Input; } });
-Object.defineProperty(exports, "Control", { enumerable: true, get: function () { return components_1.Control; } });
-Object.defineProperty(exports, "colourStyles", { enumerable: true, get: function () { return components_1.colourStyles; } });
-Object.defineProperty(exports, "optionClasses", { enumerable: true, get: function () { return components_1.optionClasses; } });
-Object.defineProperty(exports, "Option", { enumerable: true, get: function () { return components_1.Option; } });
-Object.defineProperty(exports, "IndicatorsContainer", { enumerable: true, get: function () { return components_1.IndicatorsContainer; } });
-Object.defineProperty(exports, "LoadingIndicator", { enumerable: true, get: function () { return components_1.LoadingIndicator; } });
-Object.defineProperty(exports, "DropdownIndicator", { enumerable: true, get: function () { return components_1.DropdownIndicator; } });
-Object.defineProperty(exports, "ValueContainer", { enumerable: true, get: function () { return components_1.ValueContainer; } });
-Object.defineProperty(exports, "SingleValue", { enumerable: true, get: function () { return components_1.SingleValue; } });
-Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return components_1.Menu; } });
-Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return components_1.Placeholder; } });
-//# sourceMappingURL=index.js.map

package/dist/Select/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Select/components/index.tsx"],"names":[],"mappings":";;;AAAA,2CAcqB;AAbpB,mGAAA,KAAK,OAAA;AACL,qGAAA,OAAO,OAAA;AACP,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,oGAAA,MAAM,OAAA;AACN,iHAAA,mBAAmB,OAAA;AACnB,8GAAA,gBAAgB,OAAA;AAChB,+GAAA,iBAAiB,OAAA;AACjB,4GAAA,cAAc,OAAA;AACd,yGAAA,WAAW,OAAA;AACX,kGAAA,IAAI,OAAA;AACJ,yGAAA,WAAW,OAAA"}

package/src/Select/SelectAccount.tsx

@@ -1,101 +0,0 @@
-import * as React from 'react'
-import { CheckSmall } from '../../src/Icon'
-import Select, { components, OptionProps, SingleValueProps, GroupBase, Props } from 'react-select'
-import { cn } from '../@/lib/utils'
-import {
-	colourStyles,
-	Control,
-	DropdownIndicator,
-	IndicatorsContainer,
-	Input,
-	LoadingIndicator,
-	Menu,
-	optionClasses,
-	Placeholder,
-	ValueContainer,
-} from './components'
-
-const Option = ({ children, ...props }: OptionProps) => {
-	const {
-		isSelected,
-		isFocused,
-		isDisabled,
-		// @ts-ignore
-		data: { label, account, balance, cur },
-	} = props
-	return (
-		<components.Option
-			className={cn(optionClasses, 'items-start', { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled })}
-			{...props}
-		>
-			<span className="flex basis-0 grow">
-				<span>
-					<span className="text-[16px`] leading-[1.375]">{label}</span>
-					<br />
-					<span className="text-[12px] text-light">{account}</span>
-				</span>
-				<span className="ml-auto shrink-0">{cur}</span>
-			</span>
-
-			<span className="ml-[16px] shrink-0 size-[24px]">
-				{isSelected && (
-					<CheckSmall
-						width="24"
-						height="24"
-						className="text-primary"
-					/>
-				)}
-			</span>
-		</components.Option>
-	)
-}
-
-const SingleValue = ({ children, ...props }: SingleValueProps) => {
-	const {
-		// @ts-ignore
-		data: { account, cur },
-	} = props
-	return (
-		<components.SingleValue
-			className="col-start-1 col-end-3 row-start-1 row-end-2"
-			{...props}
-		>
-			{account} ({cur})
-		</components.SingleValue>
-	)
-}
-
-type SelectAccountProps<
-	Option,
-	IsMulti extends boolean = false,
-	Group extends GroupBase<Option> = GroupBase<Option>
-> = Props<Option, IsMulti, Group>
-
-function SelectAccount<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(
-	props: SelectAccountProps<Option, IsMulti, Group>
-) {
-	return (
-		<Select
-			components={{
-				Control,
-				Option,
-				SingleValue,
-				DropdownIndicator,
-				IndicatorSeparator: () => null,
-				Menu,
-				ValueContainer,
-				Placeholder,
-				Input,
-				LoadingIndicator,
-				IndicatorsContainer,
-			}}
-			styles={colourStyles}
-			unstyled={true}
-			{...props}
-		/>
-	)
-}
-
-SelectAccount.displayName = 'SelectAccount'
-
-export { SelectAccount }

package/src/Select/components/components.tsx

@@ -1,186 +0,0 @@
-import React from 'react'
-import {
-	components,
-	ControlProps,
-	OptionProps,
-	DropdownIndicatorProps,
-	StylesConfig,
-	SingleValueProps,
-	MenuProps,
-	PlaceholderProps,
-	ValueContainerProps,
-	InputProps,
-	LoadingIndicatorProps,
-	IndicatorsContainerProps,
-} from 'react-select'
-import { cn } from '../../@/lib/utils'
-import { CheckSmall, DropdownSmallOld } from '../../Icon'
-
-const Input = ({ ...props }: InputProps) => {
-	return (
-		<components.Input
-			className="col-start-1 col-end-3 row-start-1 row-end-2"
-			{...props}
-		/>
-	)
-}
-
-const selectTriggerClasses: string = `
-	flex
-	items-center
-	py-[12px]
-	px-[16px]
-	h-[44px]
-	text-left
-	border-[1px]
-	border-input
-	rounded-sm
-	cursor-pointer
-`
-const Control = ({ children, ...props }: ControlProps) => {
-	const { isFocused } = props
-	return (
-		<components.Control
-			className={cn(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused })}
-			{...props}
-		>
-			{children}
-		</components.Control>
-	)
-}
-
-const colourStyles: StylesConfig = {
-	control: () => ({}),
-	option: () => ({}),
-	input: () => ({}),
-	dropdownIndicator: () => ({}),
-	indicatorsContainer: () => ({}),
-	menu: () => ({}),
-	menuList: () => ({}),
-	singleValue: () => ({}),
-	valueContainer: () => ({}),
-}
-
-const optionClasses =
-	'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none'
-
-const Option = ({ children, ...props }: OptionProps) => {
-	const { isSelected, isFocused, isDisabled } = props
-	return (
-		<components.Option
-			className={cn(
-				optionClasses,
-				'items-start',
-				{ 'bg-light': isFocused },
-				{ 'opacity-50 pointer-events-none': isDisabled }
-			)}
-			{...props}
-		>
-			<span className="flex basis-0 grow">{children}</span>
-
-			<span className="ml-[16px] shrink-0 size-[24px]">
-				{isSelected && (
-					<CheckSmall
-						width="24"
-						height="24"
-						className="text-primary"
-					/>
-				)}
-			</span>
-		</components.Option>
-	)
-}
-
-const IndicatorsContainer = ({ children, ...props }: IndicatorsContainerProps) => {
-	return (
-		<components.IndicatorsContainer
-			className="flex items-center gap-x-[8px] shrink-0"
-			{...props}
-		>
-			{children}
-		</components.IndicatorsContainer>
-	)
-}
-
-const LoadingIndicator = ({ ...props }: LoadingIndicatorProps) => {
-	return (
-		<components.LoadingIndicator
-			className="text-light shrink-0"
-			{...props}
-		/>
-	)
-}
-
-const DropdownIndicator = ({ children, ...props }: DropdownIndicatorProps) => {
-	return (
-		<components.DropdownIndicator
-			className="shrink-0"
-			{...props}
-		>
-			<DropdownSmallOld
-				className="text-light"
-				width="12"
-				height="12"
-			/>
-		</components.DropdownIndicator>
-	)
-}
-
-const ValueContainer = ({ children, ...props }: ValueContainerProps) => {
-	return (
-		<components.ValueContainer
-			className="flex-1 grid"
-			{...props}
-		>
-			{children}
-		</components.ValueContainer>
-	)
-}
-
-const SingleValue = ({ children, ...props }: SingleValueProps) => {
-	return (
-		<components.SingleValue
-			className="col-start-1 col-end-3 row-start-1 row-end-2"
-			{...props}
-		>
-			{children}
-		</components.SingleValue>
-	)
-}
-
-const Menu = ({ children, ...props }: MenuProps) => {
-	return (
-		<components.Menu
-			className="z-[1] absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm"
-			{...props}
-		>
-			{children}
-		</components.Menu>
-	)
-}
-
-const Placeholder = ({ children, ...props }: PlaceholderProps) => {
-	return (
-		<components.Placeholder
-			className="col-start-1 col-end-3 row-start-1 row-end-2 text-[16px] text-light truncate"
-			{...props}
-		>
-			{children}
-		</components.Placeholder>
-	)
-}
-
-export {
-	Input,
-	Control,
-	colourStyles,
-	optionClasses,
-	Option,
-	IndicatorsContainer,
-	LoadingIndicator,
-	DropdownIndicator,
-	ValueContainer,
-	SingleValue,
-	Menu,
-	Placeholder,
-}

package/src/Select/components/index.tsx

@@ -1,15 +0,0 @@
-export {
-	Input,
-	Control,
-	colourStyles,
-	optionClasses,
-	Option,
-	IndicatorsContainer,
-	LoadingIndicator,
-	DropdownIndicator,
-	ValueContainer,
-	SingleValue,
-	Menu,
-	Placeholder,
-
-} from './components'