@1money/component-ui 0.0.67-alpha.1 → 0.0.67

package/lib/business/Filter/Dropdown/interface.d.ts

@@ -1,136 +0,0 @@
-import type { ReactNode, RefObject } from 'react';
-import type { SelectProps, SelectSize } from "../../../components/Select";
-/**
- * A single selectable row in the dropdown filter. Consumers map their raw
- * backend list into this shape — the component renders a fixed row layout from
- * these fields (icon + label + optional second line + optional tag + trailing
- * checkbox) and never exposes a render slot.
- *
- * Which optional fields you provide drives the row's appearance:
- * - `iconUrl` present → a leading round icon is shown.
- * - `description` present → a muted second line is shown under `label`.
- * - `group` present → rows are bucketed under a group heading.
- * - `tag` present → a small badge is shown after `label`.
- */
-export interface DropdownFilterOption {
-    /** Primary row text, e.g. `"Bitcoin"` / `"Sent"` / `"Yvonne Ni"`. */
-    label: string;
-    /**
-     * Stable identifier echoed back through `onApply`, e.g. the asset symbol
-     * `"USDC"`, the direction `"SENT"`, or a counterparty id.
-     */
-    value: string;
-    /**
-     * Muted second line under `label`, e.g. a network `"Solana"`, an account
-     * number, or an email. Omit for a single-line row.
-     */
-    description?: string;
-    /**
-     * Public URL of a leading round icon (rendered with `<img>`), e.g. an asset
-     * icon. Omit for a row with no icon.
-     */
-    iconUrl?: string;
-    /**
-     * Group heading this row belongs to, e.g. `"Cash"` / `"Stablecoins"`.
-     * Consecutive rows sharing a `group` render under one heading. Omit to keep
-     * the row ungrouped (no heading).
-     */
-    group?: string;
-    /** Small trailing badge after `label`, e.g. `"Main"`. Omit for no badge. */
-    tag?: string;
-    /** Pre-select this row on mount (and on `reset`). */
-    defaultValue?: boolean;
-}
-/** Keys of {@link DropdownFilterOption} that the search box matches against. */
-export type DropdownFilterSearchKey = 'label' | 'description';
-/** Imperative handle exposed via `ref` for parent-driven reset/clear. */
-export interface DropdownFilterHandler {
-    /** Wipe the selection to empty (no rows checked) without firing callbacks. */
-    clear: () => void;
-    /** Restore the initial state (respecting `defaultSelectAll`) and fire `onReset`. */
-    reset: () => void;
-}
-export interface DropdownFilterProps extends Omit<SelectProps, 'ref' | 'options' | 'multiple' | 'value' | 'defaultValue' | 'onChange' | 'searchable' | 'searchValue' | 'defaultSearchValue' | 'onSearchChange' | 'filterOption' | 'renderOption' | 'renderOptionContent' | 'renderValue' | 'panelHeader' | 'panelFooter' | 'emptyContent' | 'open' | 'defaultOpen' | 'onOpenChange' | 'allowDeselect' | 'maxVisibleValues' | 'size' | 'onReset'> {
-    ref?: RefObject<DropdownFilterHandler | null>;
-    /**
-     * Trigger size. Mirrors the host filter row sizing.
-     * @default 'small'
-     */
-    size?: SelectSize;
-    /** Optional field label rendered above the trigger. */
-    label?: ReactNode;
-    /**
-     * Trigger placeholder shown before any selection.
-     * @default 'Select'
-     */
-    placeholder?: string;
-    /**
-     * The selectable rows. Map your backend list into {@link DropdownFilterOption}.
-     *
-     * @example
-     * ```ts
-     * const options: DropdownFilterOption[] = [
-     *   { label: 'Bitcoin', value: 'BTC', iconUrl: 'https://…/btc.png', group: 'Stablecoins' },
-     * ];
-     * <DropdownFilter options={options} search allLabel='All assets' />
-     * ```
-     */
-    options: DropdownFilterOption[];
-    /**
-     * Text for the leading "select all" row, e.g. `"All assets"`. When provided,
-     * an exclusive "All" row is rendered above the options; selecting it clears
-     * every specific selection (`onApply` receives `[]`). Omit to render no
-     * "All" row (e.g. the recipient filter).
-     */
-    allLabel?: string;
-    /**
-     * Start with everything selected (the "All" row checked, `value = []`). Also
-     * the state `reset` returns to. Only meaningful together with `allLabel`.
-     * @default false
-     */
-    defaultSelectAll?: boolean;
-    /**
-     * Show a search box above the list.
-     * @default false
-     */
-    search?: boolean;
-    /**
-     * Placeholder for the search box.
-     * @default 'Search'
-     */
-    searchPlaceholder?: string;
-    /**
-     * Which option fields the search box matches against.
-     * @default ['label', 'description']
-     */
-    searchKeys?: DropdownFilterSearchKey[];
-    /**
-     * Content shown when the list is empty (no options, or a search with no
-     * matches). Pass a node to fully customize it — e.g. a different icon and
-     * copy. Defaults to an `<Empty icon='search' title='No results' />`.
-     * @example
-     * ```tsx
-     * searchEmpty={
-     *   <Empty icon='id' title='No recipients found'
-     *     description='Try a different name or adjust your search filters.' />
-     * }
-     * ```
-     */
-    searchEmpty?: ReactNode;
-    /**
-     * Fired when the user commits the selection via the panel's Apply button.
-     * Receives the selected `value`s, or `[]` for "all / nothing" — the component
-     * never injects an `'all'` sentinel, so translate `[]` to whatever your API
-     * expects (omit the field, `['ALL']`, etc.) at the call site.
-     * @example
-     * ```ts
-     * <DropdownFilter
-     *   options={assets}
-     *   onApply={(values) => setAssetName(values.length ? values : undefined)}
-     * />
-     * ```
-     */
-    onApply: (values: string[]) => void;
-    /** Fired when the user clears the selection via the panel's Reset button. */
-    onReset?: (values: string[]) => void;
-}

package/lib/business/Filter/Dropdown/interface.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVzaW5lc3MvRmlsdGVyL0Ryb3Bkb3duL2ludGVyZmFjZS5qcyIsIm5hbWVzIjpbXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyIsInNvdXJjZXMiOlsiYnVzaW5lc3MvRmlsdGVyL0Ryb3Bkb3duL2ludGVyZmFjZS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge307Il0sIm1hcHBpbmdzIjoiIiwiaWdub3JlTGlzdCI6W119

package/lib/business/Filter/Dropdown/style/Dropdown.css

@@ -1,94 +0,0 @@
-/**
-  * Retrieves the spacing value for a given token key.
-  *
-  * @param {string} $key - The spacing token key (e.g., '100', '200').
-  * @return {length|null} The computed spacing value or null if the key is invalid.
-  * @example
-  *   .element {
-  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
-  *   }
-  */
-/**
-  * Computes the spacing value based on a token key or a direct length value.
-  *
-  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
-  * @return {length} The computed spacing value.
-  * @example
-  *   .element {
-  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
-  *     padding: om-spacing-value(16px); // Returns 16px
-  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
-  *   }
-  */
-.om-dropdown-filter__value {
-  display: inline-flex;
-  align-items: center;
-  width: 100%;
-  overflow: hidden;
-  line-height: 18px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.om-dropdown-filter__value-more {
-  flex: 0 0 auto;
-  margin-left: var(--om-spacing-100, 4px);
-  color: var(--om-text-default-tertiary, #646465);
-}
-
-.om-dropdown-filter-panel {
-  min-width: 224px;
-}
-.om-dropdown-filter-panel .om-component-ui-select-panel-header {
-  margin-bottom: var(--om-spacing-050, 2px);
-}
-.om-dropdown-filter-panel .om-dropdown-filter__group-label {
-  padding-top: var(--om-spacing-200, 8px);
-  padding-bottom: var(--om-spacing-050, 2px);
-}
-.om-dropdown-filter-panel .om-dropdown-filter__group-label [class*=om-component-ui-typography] {
-  font-size: var(--om-body-sm-font-size);
-  font-family: var(--om-body-sm-font-family);
-  line-height: var(--om-body-sm-line-height);
-  letter-spacing: var(--om-body-sm-letter-spacing);
-  font-weight: var(--om-body-sm-strong-font-weight);
-  color: var(--om-text-default-tertiary, #646465);
-}
-.om-dropdown-filter-panel .om-dropdown-filter__row {
-  width: 100%;
-}
-.om-dropdown-filter-panel .om-dropdown-filter__row-main {
-  min-width: 0;
-}
-.om-dropdown-filter-panel .om-dropdown-filter__row-text {
-  min-width: 0;
-}
-.om-dropdown-filter-panel .om-dropdown-filter__row-label {
-  min-width: 0;
-}
-.om-dropdown-filter-panel .om-dropdown-filter__row-check {
-  flex: 0 0 auto;
-  pointer-events: none;
-}
-.om-dropdown-filter-panel .om-dropdown-filter__all {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  padding: var(--om-spacing-200, 8px);
-  border: none;
-  background: transparent;
-  border-radius: var(--om-radius-200, 8px);
-  cursor: pointer;
-}
-.om-dropdown-filter-panel .om-dropdown-filter__all:hover, .om-dropdown-filter-panel .om-dropdown-filter__all--checked {
-  background: var(--om-bg-default-secondary, #f8f8f8);
-}
-
-.om-dropdown-filter-icon {
-  flex: 0 0 auto;
-  width: 24px;
-  height: 24px;
-  -o-object-fit: cover;
-     object-fit: cover;
-  border-radius: var(--om-radius-full, 9999px);
-}

package/lib/business/Filter/Dropdown/style/css.js

@@ -1,4 +0,0 @@
-"use strict";
-
-require("./Dropdown.css");
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0ZpbHRlci9Ecm9wZG93bi9zcmMvYnVzaW5lc3MvRmlsdGVyL0Ryb3Bkb3duL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUEiLCJmaWxlIjoiYnVzaW5lc3MvRmlsdGVyL0Ryb3Bkb3duL3N0eWxlL2Nzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/business/Filter/Dropdown/style/index.d.ts

@@ -1 +0,0 @@
-import './Dropdown.css';

package/lib/business/Filter/Dropdown/style/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-require("./Dropdown.css");
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL0ZpbHRlci9Ecm9wZG93bi9zcmMvYnVzaW5lc3MvRmlsdGVyL0Ryb3Bkb3duL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUEiLCJmaWxlIjoiYnVzaW5lc3MvRmlsdGVyL0Ryb3Bkb3duL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/business/Filter/index.d.ts

@@ -1,2 +0,0 @@
-export * from './DateRange';
-export * from './Dropdown';

package/lib/business/Filter/index.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _DateRange = require("./DateRange");
-Object.keys(_DateRange).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DateRange[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DateRange[key];
-    }
-  });
-});
-var _Dropdown = require("./Dropdown");
-Object.keys(_Dropdown).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Dropdown[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Dropdown[key];
-    }
-  });
-});
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1c2luZXNzL3NyYy9idXNpbmVzcy9GaWx0ZXIvaW5kZXgudHMiXSwibmFtZXMiOlsiX0RhdGVSYW5nZSIsInJlcXVpcmUiLCJPYmplY3QiLCJrZXlzIiwiZm9yRWFjaCIsImtleSIsImV4cG9ydHMiLCJkZWZpbmVQcm9wZXJ0eSIsImVudW1lcmFibGUiLCJnZXQiLCJfRHJvcGRvd24iXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsSUFBQUEsVUFBQSxHQUFBQyxPQUFBO0FBQUFDLE1BQUEsQ0FBQUMsSUFBQSxDQUFBSCxVQUFBLEVBQUFJLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFDLE9BQUEsSUFBQUEsT0FBQSxDQUFBRCxHQUFBLE1BQUFMLFVBQUEsQ0FBQUssR0FBQTtFQUFBSCxNQUFBLENBQUFLLGNBQUEsQ0FBQUQsT0FBQSxFQUFBRCxHQUFBO0lBQUFHLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxJQUFBO01BQUEsT0FBQVQsVUFBQSxDQUFBSyxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQ0EsSUFBQUssU0FBQSxHQUFBVCxPQUFBO0FBQUFDLE1BQUEsQ0FBQUMsSUFBQSxDQUFBTyxTQUFBLEVBQUFOLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFDLE9BQUEsSUFBQUEsT0FBQSxDQUFBRCxHQUFBLE1BQUFLLFNBQUEsQ0FBQUwsR0FBQTtFQUFBSCxNQUFBLENBQUFLLGNBQUEsQ0FBQUQsT0FBQSxFQUFBRCxHQUFBO0lBQUFHLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxJQUFBO01BQUEsT0FBQUMsU0FBQSxDQUFBTCxHQUFBO0lBQUE7RUFBQTtBQUFBIiwiZmlsZSI6ImJ1c2luZXNzL0ZpbHRlci9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==