@modul/mbui 0.0.20-beta-pv-52992-d5155aa6 → 0.0.20-beta-pv-53154-4403aebc

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'