npm - @raystack/apsara - Versions diffs - 0.44.5 → 0.45.6 - Mend

@raystack/apsara 0.44.5 → 0.45.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3040) hide show

package/dist/table/FilteredChip.cjs CHANGED Viewed

@@ -8,8 +8,6 @@ var flex = require('../flex/flex.cjs');
 var select = require('../select/select.cjs');
 var text = require('../text/text.cjs');
 var textfield = require('../textfield/textfield.cjs');
-require('../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/UI.cjs');
-require('../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/useDayPicker.cjs');
 var datePicker = require('../calendar/date-picker.cjs');
 var rangePicker = require('../calendar/range-picker.cjs');
 var datatables_types = require('./datatables.types.cjs');

package/dist/table/FilteredChip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilteredChip.cjs","sources":["../../table/FilteredChip.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { Column } from \"@tanstack/table-core\";\nimport { Box } from \"~/box\";\nimport { Flex } from \"~/flex\";\nimport { Select } from \"~/select\";\nimport { Text } from \"~/text\";\nimport { TextField } from \"~/textfield\";\nimport { TableColumnMetadata } from \"~/typings\";\nimport { DatePicker, RangePicker } from \"~/calendar\";\nimport {\n ApsaraColumnDef,\n FilterValue,\n columnTypes,\n columnTypesMap,\n filterValueType,\n filterValueTypeMap,\n updateColumnFilter,\n} from \"./datatables.types\";\nimport { useTable } from \"./hooks/useTable\";\nimport { FilterOperation, operationsOptions } from \"./filterFns\";\nimport styles from \"./datatable.module.css\";\n\ntype FilteredChipProps = {\n column: Column<any, unknown>;\n updateColumnCustomFilter: updateColumnFilter;\n};\n\ninterface getFilterValueTypeOptions {\n filterOperation?: FilterOperation;\n columnType?: columnTypes;\n}\n\nconst getFilterValueType = ({\n filterOperation,\n columnType,\n}: getFilterValueTypeOptions): filterValueType => {\n if (filterOperation?.component) {\n return filterOperation?.component;\n } else if (columnType === columnTypesMap.date) {\n return filterValueTypeMap.datePicker;\n } else if (columnType === columnTypesMap.select) {\n return filterValueTypeMap.select;\n } else {\n return filterValueTypeMap.text;\n }\n};\n\ninterface FilterValuesProps {\n columnType?: columnTypes;\n onValueChange?: (value: FilterValue) => void;\n options?: TableColumnMetadata[];\n filterOperation?: FilterOperation;\n column?: Column<any, unknown>;\n}\n\nconst FilterValues = ({\n column,\n columnType = filterValueTypeMap.text,\n options = [],\n onValueChange,\n filterOperation,\n ...props\n}: FilterValuesProps) => {\n const [value, setValue] = useState<FilterValue>(\n (column?.columnDef?.meta as any)?.defaultValue\n ? { value: (column?.columnDef.meta as any).defaultValue }\n : {\n value: \"\",\n date: new Date(),\n dateRange: { to: new Date(), from: new Date() },\n }\n );\n\n const valueType = getFilterValueType({ filterOperation, columnType });\n\n useEffect(() => {\n if (onValueChange) {\n onValueChange(value);\n }\n }, [value]);\n\n switch (valueType) {\n case filterValueTypeMap.select:\n return (\n <Select\n value={value.value as string}\n onValueChange={(value) => setValue({ value })}\n >\n <Select.Trigger>\n <Select.Value placeholder=\"Select value\" />\n </Select.Trigger>\n <Select.Content>\n {options.map((opt) => {\n return (\n <Select.Item key={opt.key} value={opt.value}>\n {opt.label \|\| opt.value}\n </Select.Item>\n );\n })}\n </Select.Content>\n </Select>\n );\n case filterValueTypeMap.datePicker:\n return (\n <DatePicker\n onSelect={(date) => setValue({ date })}\n value={value.date}\n />\n );\n case filterValueTypeMap.rangePicker:\n return (\n <RangePicker\n onSelect={(dateRange) => setValue({ dateRange })}\n value={value.dateRange}\n />\n );\n default:\n return (\n <TextField\n value={value.value}\n onChange={(e) => setValue({ value: e.target.value })}\n />\n );\n }\n};\n\ninterface OperationProps {\n columnType?: columnTypes;\n onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n columnType = columnTypesMap.text,\n onOperationSelect,\n}: OperationProps) => {\n const options = operationsOptions[columnType] \|\| [];\n const [value, setValue] = useState(options?.[0]?.value);\n\n useEffect(() => {\n const selectedOption = options.find((o) => o.value === value);\n if (selectedOption) {\n onOperationSelect(selectedOption);\n }\n }, [value]);\n\n return (\n <Select defaultValue={value} onValueChange={setValue}>\n <Select.Trigger className={styles.filterOperator}>\n <Select.Value placeholder=\"Select operation\" />\n </Select.Trigger>\n <Select.Content>\n {options.map((opt) => {\n return (\n <Select.Item key={opt.label} value={opt.label}>\n {opt.label}\n </Select.Item>\n );\n })}\n </Select.Content>\n </Select>\n );\n};\n\nexport const FilteredChip = ({\n column,\n updateColumnCustomFilter,\n}: FilteredChipProps) => {\n const [filterOperation, setFilterOperation] = useState<FilterOperation>();\n const [filterValue, setFilterValue] = useState<FilterValue>();\n\n const { table, removeFilterColumn } = useTable();\n const { filterVariant } = column?.columnDef as ApsaraColumnDef<unknown>;\n const options: TableColumnMetadata[] =\n (column?.columnDef?.meta as any)?.data \|\| [];\n\n const facets = column?.getFacetedUniqueValues();\n const columnHeader = column?.columnDef?.header;\n const columnName =\n (typeof columnHeader === \"string\" && columnHeader) \|\| column.id;\n\n useEffect(() => {\n if (filterOperation?.fn && filterValue) {\n updateColumnCustomFilter(column.id, filterOperation?.fn);\n column.setFilterValue(filterValue);\n }\n }, [filterOperation, filterValue]);\n\n function removeFilter() {\n column.setFilterValue(undefined);\n removeFilterColumn(column.id);\n setFilterOperation(undefined);\n setFilterValue({});\n }\n\n return (\n <Box className={styles.chip}>\n <Text className={styles.filterText}>{columnName}</Text>\n <Operation\n columnType={filterVariant}\n onOperationSelect={setFilterOperation}\n />\n {filterOperation?.hideValueField ? null : (\n <FilterValues\n column={column}\n columnType={filterVariant}\n options={options}\n onValueChange={setFilterValue}\n filterOperation={filterOperation}\n />\n )}\n\n {/* close filter chip */}\n <Flex>\n <Cross1Icon height=\"12\" width=\"12\" onClick={removeFilter} />\n </Flex>\n </Box>\n );\n};\n"],"names":["columnTypesMap","filterValueTypeMap","useState","useEffect","_jsxs","Select","_jsx","DatePicker","RangePicker","TextField","operationsOptions","styles","useTable","Box","Text","Flex","Cross1Icon"],"mappings":"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"}
1	+ {"version":3,"file":"FilteredChip.cjs","sources":["../../table/FilteredChip.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { Column } from \"@tanstack/table-core\";\nimport { Box } from \"~/box\";\nimport { Flex } from \"~/flex\";\nimport { Select } from \"~/select\";\nimport { Text } from \"~/text\";\nimport { TextField } from \"~/textfield\";\nimport { TableColumnMetadata } from \"~/typings\";\nimport { DatePicker, RangePicker } from \"~/calendar\";\nimport {\n ApsaraColumnDef,\n FilterValue,\n columnTypes,\n columnTypesMap,\n filterValueType,\n filterValueTypeMap,\n updateColumnFilter,\n} from \"./datatables.types\";\nimport { useTable } from \"./hooks/useTable\";\nimport { FilterOperation, operationsOptions } from \"./filterFns\";\nimport styles from \"./datatable.module.css\";\n\ntype FilteredChipProps = {\n column: Column<any, unknown>;\n updateColumnCustomFilter: updateColumnFilter;\n};\n\ninterface getFilterValueTypeOptions {\n filterOperation?: FilterOperation;\n columnType?: columnTypes;\n}\n\nconst getFilterValueType = ({\n filterOperation,\n columnType,\n}: getFilterValueTypeOptions): filterValueType => {\n if (filterOperation?.component) {\n return filterOperation?.component;\n } else if (columnType === columnTypesMap.date) {\n return filterValueTypeMap.datePicker;\n } else if (columnType === columnTypesMap.select) {\n return filterValueTypeMap.select;\n } else {\n return filterValueTypeMap.text;\n }\n};\n\ninterface FilterValuesProps {\n columnType?: columnTypes;\n onValueChange?: (value: FilterValue) => void;\n options?: TableColumnMetadata[];\n filterOperation?: FilterOperation;\n column?: Column<any, unknown>;\n}\n\nconst FilterValues = ({\n column,\n columnType = filterValueTypeMap.text,\n options = [],\n onValueChange,\n filterOperation,\n ...props\n}: FilterValuesProps) => {\n const [value, setValue] = useState<FilterValue>(\n (column?.columnDef?.meta as any)?.defaultValue\n ? { value: (column?.columnDef.meta as any).defaultValue }\n : {\n value: \"\",\n date: new Date(),\n dateRange: { to: new Date(), from: new Date() },\n }\n );\n\n const valueType = getFilterValueType({ filterOperation, columnType });\n\n useEffect(() => {\n if (onValueChange) {\n onValueChange(value);\n }\n }, [value]);\n\n switch (valueType) {\n case filterValueTypeMap.select:\n return (\n <Select\n value={value.value as string}\n onValueChange={(value) => setValue({ value })}\n >\n <Select.Trigger>\n <Select.Value placeholder=\"Select value\" />\n </Select.Trigger>\n <Select.Content>\n {options.map((opt) => {\n return (\n <Select.Item key={opt.key} value={opt.value}>\n {opt.label \|\| opt.value}\n </Select.Item>\n );\n })}\n </Select.Content>\n </Select>\n );\n case filterValueTypeMap.datePicker:\n return (\n <DatePicker\n onSelect={(date) => setValue({ date })}\n value={value.date}\n />\n );\n case filterValueTypeMap.rangePicker:\n return (\n <RangePicker\n onSelect={(dateRange) => setValue({ dateRange })}\n value={value.dateRange}\n />\n );\n default:\n return (\n <TextField\n value={value.value}\n onChange={(e) => setValue({ value: e.target.value })}\n />\n );\n }\n};\n\ninterface OperationProps {\n columnType?: columnTypes;\n onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n columnType = columnTypesMap.text,\n onOperationSelect,\n}: OperationProps) => {\n const options = operationsOptions[columnType] \|\| [];\n const [value, setValue] = useState(options?.[0]?.value);\n\n useEffect(() => {\n const selectedOption = options.find((o) => o.value === value);\n if (selectedOption) {\n onOperationSelect(selectedOption);\n }\n }, [value]);\n\n return (\n <Select defaultValue={value} onValueChange={setValue}>\n <Select.Trigger className={styles.filterOperator}>\n <Select.Value placeholder=\"Select operation\" />\n </Select.Trigger>\n <Select.Content>\n {options.map((opt) => {\n return (\n <Select.Item key={opt.label} value={opt.label}>\n {opt.label}\n </Select.Item>\n );\n })}\n </Select.Content>\n </Select>\n );\n};\n\nexport const FilteredChip = ({\n column,\n updateColumnCustomFilter,\n}: FilteredChipProps) => {\n const [filterOperation, setFilterOperation] = useState<FilterOperation>();\n const [filterValue, setFilterValue] = useState<FilterValue>();\n\n const { table, removeFilterColumn } = useTable();\n const { filterVariant } = column?.columnDef as ApsaraColumnDef<unknown>;\n const options: TableColumnMetadata[] =\n (column?.columnDef?.meta as any)?.data \|\| [];\n\n const facets = column?.getFacetedUniqueValues();\n const columnHeader = column?.columnDef?.header;\n const columnName =\n (typeof columnHeader === \"string\" && columnHeader) \|\| column.id;\n\n useEffect(() => {\n if (filterOperation?.fn && filterValue) {\n updateColumnCustomFilter(column.id, filterOperation?.fn);\n column.setFilterValue(filterValue);\n }\n }, [filterOperation, filterValue]);\n\n function removeFilter() {\n column.setFilterValue(undefined);\n removeFilterColumn(column.id);\n setFilterOperation(undefined);\n setFilterValue({});\n }\n\n return (\n <Box className={styles.chip}>\n <Text className={styles.filterText}>{columnName}</Text>\n <Operation\n columnType={filterVariant}\n onOperationSelect={setFilterOperation}\n />\n {filterOperation?.hideValueField ? null : (\n <FilterValues\n column={column}\n columnType={filterVariant}\n options={options}\n onValueChange={setFilterValue}\n filterOperation={filterOperation}\n />\n )}\n\n {/* close filter chip */}\n <Flex>\n <Cross1Icon height=\"12\" width=\"12\" onClick={removeFilter} />\n </Flex>\n </Box>\n );\n};\n"],"names":["columnTypesMap","filterValueTypeMap","useState","useEffect","_jsxs","Select","_jsx","DatePicker","RangePicker","TextField","operationsOptions","styles","useTable","Box","Text","Flex","Cross1Icon"],"mappings":"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"}

package/dist/table/FilteredChip.js CHANGED Viewed

@@ -6,8 +6,6 @@ import { Flex } from '../flex/flex.js';
 import { Select } from '../select/select.js';
 import { Text } from '../text/text.js';
 import { TextField } from '../textfield/textfield.js';
-import '../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/UI.js';
-import '../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/useDayPicker.js';
 import { DatePicker } from '../calendar/date-picker.js';
 import { RangePicker } from '../calendar/range-picker.js';
 import { filterValueTypeMap, columnTypesMap } from './datatables.types.js';

package/dist/table/FilteredChip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilteredChip.js","sources":["../../table/FilteredChip.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { Column } from \"@tanstack/table-core\";\nimport { Box } from \"~/box\";\nimport { Flex } from \"~/flex\";\nimport { Select } from \"~/select\";\nimport { Text } from \"~/text\";\nimport { TextField } from \"~/textfield\";\nimport { TableColumnMetadata } from \"~/typings\";\nimport { DatePicker, RangePicker } from \"~/calendar\";\nimport {\n ApsaraColumnDef,\n FilterValue,\n columnTypes,\n columnTypesMap,\n filterValueType,\n filterValueTypeMap,\n updateColumnFilter,\n} from \"./datatables.types\";\nimport { useTable } from \"./hooks/useTable\";\nimport { FilterOperation, operationsOptions } from \"./filterFns\";\nimport styles from \"./datatable.module.css\";\n\ntype FilteredChipProps = {\n column: Column<any, unknown>;\n updateColumnCustomFilter: updateColumnFilter;\n};\n\ninterface getFilterValueTypeOptions {\n filterOperation?: FilterOperation;\n columnType?: columnTypes;\n}\n\nconst getFilterValueType = ({\n filterOperation,\n columnType,\n}: getFilterValueTypeOptions): filterValueType => {\n if (filterOperation?.component) {\n return filterOperation?.component;\n } else if (columnType === columnTypesMap.date) {\n return filterValueTypeMap.datePicker;\n } else if (columnType === columnTypesMap.select) {\n return filterValueTypeMap.select;\n } else {\n return filterValueTypeMap.text;\n }\n};\n\ninterface FilterValuesProps {\n columnType?: columnTypes;\n onValueChange?: (value: FilterValue) => void;\n options?: TableColumnMetadata[];\n filterOperation?: FilterOperation;\n column?: Column<any, unknown>;\n}\n\nconst FilterValues = ({\n column,\n columnType = filterValueTypeMap.text,\n options = [],\n onValueChange,\n filterOperation,\n ...props\n}: FilterValuesProps) => {\n const [value, setValue] = useState<FilterValue>(\n (column?.columnDef?.meta as any)?.defaultValue\n ? { value: (column?.columnDef.meta as any).defaultValue }\n : {\n value: \"\",\n date: new Date(),\n dateRange: { to: new Date(), from: new Date() },\n }\n );\n\n const valueType = getFilterValueType({ filterOperation, columnType });\n\n useEffect(() => {\n if (onValueChange) {\n onValueChange(value);\n }\n }, [value]);\n\n switch (valueType) {\n case filterValueTypeMap.select:\n return (\n <Select\n value={value.value as string}\n onValueChange={(value) => setValue({ value })}\n >\n <Select.Trigger>\n <Select.Value placeholder=\"Select value\" />\n </Select.Trigger>\n <Select.Content>\n {options.map((opt) => {\n return (\n <Select.Item key={opt.key} value={opt.value}>\n {opt.label \|\| opt.value}\n </Select.Item>\n );\n })}\n </Select.Content>\n </Select>\n );\n case filterValueTypeMap.datePicker:\n return (\n <DatePicker\n onSelect={(date) => setValue({ date })}\n value={value.date}\n />\n );\n case filterValueTypeMap.rangePicker:\n return (\n <RangePicker\n onSelect={(dateRange) => setValue({ dateRange })}\n value={value.dateRange}\n />\n );\n default:\n return (\n <TextField\n value={value.value}\n onChange={(e) => setValue({ value: e.target.value })}\n />\n );\n }\n};\n\ninterface OperationProps {\n columnType?: columnTypes;\n onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n columnType = columnTypesMap.text,\n onOperationSelect,\n}: OperationProps) => {\n const options = operationsOptions[columnType] \|\| [];\n const [value, setValue] = useState(options?.[0]?.value);\n\n useEffect(() => {\n const selectedOption = options.find((o) => o.value === value);\n if (selectedOption) {\n onOperationSelect(selectedOption);\n }\n }, [value]);\n\n return (\n <Select defaultValue={value} onValueChange={setValue}>\n <Select.Trigger className={styles.filterOperator}>\n <Select.Value placeholder=\"Select operation\" />\n </Select.Trigger>\n <Select.Content>\n {options.map((opt) => {\n return (\n <Select.Item key={opt.label} value={opt.label}>\n {opt.label}\n </Select.Item>\n );\n })}\n </Select.Content>\n </Select>\n );\n};\n\nexport const FilteredChip = ({\n column,\n updateColumnCustomFilter,\n}: FilteredChipProps) => {\n const [filterOperation, setFilterOperation] = useState<FilterOperation>();\n const [filterValue, setFilterValue] = useState<FilterValue>();\n\n const { table, removeFilterColumn } = useTable();\n const { filterVariant } = column?.columnDef as ApsaraColumnDef<unknown>;\n const options: TableColumnMetadata[] =\n (column?.columnDef?.meta as any)?.data \|\| [];\n\n const facets = column?.getFacetedUniqueValues();\n const columnHeader = column?.columnDef?.header;\n const columnName =\n (typeof columnHeader === \"string\" && columnHeader) \|\| column.id;\n\n useEffect(() => {\n if (filterOperation?.fn && filterValue) {\n updateColumnCustomFilter(column.id, filterOperation?.fn);\n column.setFilterValue(filterValue);\n }\n }, [filterOperation, filterValue]);\n\n function removeFilter() {\n column.setFilterValue(undefined);\n removeFilterColumn(column.id);\n setFilterOperation(undefined);\n setFilterValue({});\n }\n\n return (\n <Box className={styles.chip}>\n <Text className={styles.filterText}>{columnName}</Text>\n <Operation\n columnType={filterVariant}\n onOperationSelect={setFilterOperation}\n />\n {filterOperation?.hideValueField ? null : (\n <FilterValues\n column={column}\n columnType={filterVariant}\n options={options}\n onValueChange={setFilterValue}\n filterOperation={filterOperation}\n />\n )}\n\n {/* close filter chip */}\n <Flex>\n <Cross1Icon height=\"12\" width=\"12\" onClick={removeFilter} />\n </Flex>\n </Box>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
1	+ {"version":3,"file":"FilteredChip.js","sources":["../../table/FilteredChip.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { Column } from \"@tanstack/table-core\";\nimport { Box } from \"~/box\";\nimport { Flex } from \"~/flex\";\nimport { Select } from \"~/select\";\nimport { Text } from \"~/text\";\nimport { TextField } from \"~/textfield\";\nimport { TableColumnMetadata } from \"~/typings\";\nimport { DatePicker, RangePicker } from \"~/calendar\";\nimport {\n ApsaraColumnDef,\n FilterValue,\n columnTypes,\n columnTypesMap,\n filterValueType,\n filterValueTypeMap,\n updateColumnFilter,\n} from \"./datatables.types\";\nimport { useTable } from \"./hooks/useTable\";\nimport { FilterOperation, operationsOptions } from \"./filterFns\";\nimport styles from \"./datatable.module.css\";\n\ntype FilteredChipProps = {\n column: Column<any, unknown>;\n updateColumnCustomFilter: updateColumnFilter;\n};\n\ninterface getFilterValueTypeOptions {\n filterOperation?: FilterOperation;\n columnType?: columnTypes;\n}\n\nconst getFilterValueType = ({\n filterOperation,\n columnType,\n}: getFilterValueTypeOptions): filterValueType => {\n if (filterOperation?.component) {\n return filterOperation?.component;\n } else if (columnType === columnTypesMap.date) {\n return filterValueTypeMap.datePicker;\n } else if (columnType === columnTypesMap.select) {\n return filterValueTypeMap.select;\n } else {\n return filterValueTypeMap.text;\n }\n};\n\ninterface FilterValuesProps {\n columnType?: columnTypes;\n onValueChange?: (value: FilterValue) => void;\n options?: TableColumnMetadata[];\n filterOperation?: FilterOperation;\n column?: Column<any, unknown>;\n}\n\nconst FilterValues = ({\n column,\n columnType = filterValueTypeMap.text,\n options = [],\n onValueChange,\n filterOperation,\n ...props\n}: FilterValuesProps) => {\n const [value, setValue] = useState<FilterValue>(\n (column?.columnDef?.meta as any)?.defaultValue\n ? { value: (column?.columnDef.meta as any).defaultValue }\n : {\n value: \"\",\n date: new Date(),\n dateRange: { to: new Date(), from: new Date() },\n }\n );\n\n const valueType = getFilterValueType({ filterOperation, columnType });\n\n useEffect(() => {\n if (onValueChange) {\n onValueChange(value);\n }\n }, [value]);\n\n switch (valueType) {\n case filterValueTypeMap.select:\n return (\n <Select\n value={value.value as string}\n onValueChange={(value) => setValue({ value })}\n >\n <Select.Trigger>\n <Select.Value placeholder=\"Select value\" />\n </Select.Trigger>\n <Select.Content>\n {options.map((opt) => {\n return (\n <Select.Item key={opt.key} value={opt.value}>\n {opt.label \|\| opt.value}\n </Select.Item>\n );\n })}\n </Select.Content>\n </Select>\n );\n case filterValueTypeMap.datePicker:\n return (\n <DatePicker\n onSelect={(date) => setValue({ date })}\n value={value.date}\n />\n );\n case filterValueTypeMap.rangePicker:\n return (\n <RangePicker\n onSelect={(dateRange) => setValue({ dateRange })}\n value={value.dateRange}\n />\n );\n default:\n return (\n <TextField\n value={value.value}\n onChange={(e) => setValue({ value: e.target.value })}\n />\n );\n }\n};\n\ninterface OperationProps {\n columnType?: columnTypes;\n onOperationSelect: (op: FilterOperation) => void;\n}\n\nconst Operation = ({\n columnType = columnTypesMap.text,\n onOperationSelect,\n}: OperationProps) => {\n const options = operationsOptions[columnType] \|\| [];\n const [value, setValue] = useState(options?.[0]?.value);\n\n useEffect(() => {\n const selectedOption = options.find((o) => o.value === value);\n if (selectedOption) {\n onOperationSelect(selectedOption);\n }\n }, [value]);\n\n return (\n <Select defaultValue={value} onValueChange={setValue}>\n <Select.Trigger className={styles.filterOperator}>\n <Select.Value placeholder=\"Select operation\" />\n </Select.Trigger>\n <Select.Content>\n {options.map((opt) => {\n return (\n <Select.Item key={opt.label} value={opt.label}>\n {opt.label}\n </Select.Item>\n );\n })}\n </Select.Content>\n </Select>\n );\n};\n\nexport const FilteredChip = ({\n column,\n updateColumnCustomFilter,\n}: FilteredChipProps) => {\n const [filterOperation, setFilterOperation] = useState<FilterOperation>();\n const [filterValue, setFilterValue] = useState<FilterValue>();\n\n const { table, removeFilterColumn } = useTable();\n const { filterVariant } = column?.columnDef as ApsaraColumnDef<unknown>;\n const options: TableColumnMetadata[] =\n (column?.columnDef?.meta as any)?.data \|\| [];\n\n const facets = column?.getFacetedUniqueValues();\n const columnHeader = column?.columnDef?.header;\n const columnName =\n (typeof columnHeader === \"string\" && columnHeader) \|\| column.id;\n\n useEffect(() => {\n if (filterOperation?.fn && filterValue) {\n updateColumnCustomFilter(column.id, filterOperation?.fn);\n column.setFilterValue(filterValue);\n }\n }, [filterOperation, filterValue]);\n\n function removeFilter() {\n column.setFilterValue(undefined);\n removeFilterColumn(column.id);\n setFilterOperation(undefined);\n setFilterValue({});\n }\n\n return (\n <Box className={styles.chip}>\n <Text className={styles.filterText}>{columnName}</Text>\n <Operation\n columnType={filterVariant}\n onOperationSelect={setFilterOperation}\n />\n {filterOperation?.hideValueField ? null : (\n <FilterValues\n column={column}\n columnType={filterVariant}\n options={options}\n onValueChange={setFilterValue}\n filterOperation={filterOperation}\n />\n )}\n\n {/* close filter chip */}\n <Flex>\n <Cross1Icon height=\"12\" width=\"12\" onClick={removeFilter} />\n </Flex>\n </Box>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/v1/components/avatar/avatar.cjs CHANGED Viewed

@@ -1,90 +1,126 @@
 'use strict';
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var React = require('react');
 var index = require('../../node_modules/.pnpm/@radix-ui_react-avatar@1.0.3_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-avatar/dist/index.cjs');
 var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
-var utils = require('./utils.cjs');
+var React = require('react');
 var box = require('../box/box.cjs');
 var avatar_module = require('./avatar.module.css.cjs');
+var utils = require('./utils.cjs');
 const avatar = index$1.cva(avatar_module.default.avatar, {
     variants: {
         radius: {
-            small: avatar_module.default["avatar-small"],
-            full: avatar_module.default["avatar-full"],
+            small: avatar_module.default['avatar-small'],
+            full: avatar_module.default['avatar-full']
         },
         size: {
-            1: avatar_module.default["avatar-size-1"],
-            2: avatar_module.default["avatar-size-2"],
-            3: avatar_module.default["avatar-size-3"],
-            4: avatar_module.default["avatar-size-4"],
-            5: avatar_module.default["avatar-size-5"],
-            6: avatar_module.default["avatar-size-6"],
-            7: avatar_module.default["avatar-size-7"],
-            8: avatar_module.default["avatar-size-8"],
-            9: avatar_module.default["avatar-size-9"],
-            10: avatar_module.default["avatar-size-10"],
-            11: avatar_module.default["avatar-size-11"],
-            12: avatar_module.default["avatar-size-12"],
-            13: avatar_module.default["avatar-size-13"],
+            1: avatar_module.default['avatar-size-1'],
+            2: avatar_module.default['avatar-size-2'],
+            3: avatar_module.default['avatar-size-3'],
+            4: avatar_module.default['avatar-size-4'],
+            5: avatar_module.default['avatar-size-5'],
+            6: avatar_module.default['avatar-size-6'],
+            7: avatar_module.default['avatar-size-7'],
+            8: avatar_module.default['avatar-size-8'],
+            9: avatar_module.default['avatar-size-9'],
+            10: avatar_module.default['avatar-size-10'],
+            11: avatar_module.default['avatar-size-11'],
+            12: avatar_module.default['avatar-size-12'],
+            13: avatar_module.default['avatar-size-13']
         },
         variant: {
-            solid: avatar_module.default["avatar-solid"],
-            soft: avatar_module.default["avatar-soft"],
+            solid: avatar_module.default['avatar-solid'],
+            soft: avatar_module.default['avatar-soft']
         },
         disabled: {
-            true: avatar_module.default["avatar-disabled"],
+            true: avatar_module.default['avatar-disabled']
         },
         color: {
-            indigo: avatar_module.default["avatar-color-indigo"],
-            orange: avatar_module.default["avatar-color-orange"],
-            mint: avatar_module.default["avatar-color-mint"],
-            neutral: avatar_module.default["avatar-color-neutral"],
-            sky: avatar_module.default["avatar-color-sky"],
-            lime: avatar_module.default["avatar-color-lime"],
-            grass: avatar_module.default["avatar-color-grass"],
-            cyan: avatar_module.default["avatar-color-cyan"],
-            iris: avatar_module.default["avatar-color-iris"],
-            purple: avatar_module.default["avatar-color-purple"],
-            pink: avatar_module.default["avatar-color-pink"],
-            crimson: avatar_module.default["avatar-color-crimson"],
-            gold: avatar_module.default["avatar-color-gold"],
-        },
+            indigo: avatar_module.default['avatar-color-indigo'],
+            orange: avatar_module.default['avatar-color-orange'],
+            mint: avatar_module.default['avatar-color-mint'],
+            neutral: avatar_module.default['avatar-color-neutral'],
+            sky: avatar_module.default['avatar-color-sky'],
+            lime: avatar_module.default['avatar-color-lime'],
+            grass: avatar_module.default['avatar-color-grass'],
+            cyan: avatar_module.default['avatar-color-cyan'],
+            iris: avatar_module.default['avatar-color-iris'],
+            purple: avatar_module.default['avatar-color-purple'],
+            pink: avatar_module.default['avatar-color-pink'],
+            crimson: avatar_module.default['avatar-color-crimson'],
+            gold: avatar_module.default['avatar-color-gold']
+        }
     },
     compoundVariants: [
-        { variant: 'solid', color: 'indigo', className: avatar_module.default['avatar-solid-indigo'] },
-        { variant: 'solid', color: 'orange', className: avatar_module.default['avatar-solid-orange'] },
+        {
+            variant: 'solid',
+            color: 'indigo',
+            className: avatar_module.default['avatar-solid-indigo']
+        },
+        {
+            variant: 'solid',
+            color: 'orange',
+            className: avatar_module.default['avatar-solid-orange']
+        },
         { variant: 'solid', color: 'mint', className: avatar_module.default['avatar-solid-mint'] },
         { variant: 'solid', color: 'sky', className: avatar_module.default['avatar-solid-sky'] },
         { variant: 'solid', color: 'lime', className: avatar_module.default['avatar-solid-lime'] },
-        { variant: 'solid', color: 'grass', className: avatar_module.default['avatar-solid-grass'] },
+        {
+            variant: 'solid',
+            color: 'grass',
+            className: avatar_module.default['avatar-solid-grass']
+        },
         { variant: 'solid', color: 'cyan', className: avatar_module.default['avatar-solid-cyan'] },
         { variant: 'solid', color: 'iris', className: avatar_module.default['avatar-solid-iris'] },
-        { variant: 'solid', color: 'purple', className: avatar_module.default['avatar-solid-purple'] },
+        {
+            variant: 'solid',
+            color: 'purple',
+            className: avatar_module.default['avatar-solid-purple']
+        },
         { variant: 'solid', color: 'pink', className: avatar_module.default['avatar-solid-pink'] },
-        { variant: 'solid', color: 'crimson', className: avatar_module.default['avatar-solid-crimson'] },
+        {
+            variant: 'solid',
+            color: 'crimson',
+            className: avatar_module.default['avatar-solid-crimson']
+        },
         { variant: 'solid', color: 'gold', className: avatar_module.default['avatar-solid-gold'] },
-        { variant: 'soft', color: 'indigo', className: avatar_module.default['avatar-soft-indigo'] },
-        { variant: 'soft', color: 'orange', className: avatar_module.default['avatar-soft-orange'] },
+        {
+            variant: 'soft',
+            color: 'indigo',
+            className: avatar_module.default['avatar-soft-indigo']
+        },
+        {
+            variant: 'soft',
+            color: 'orange',
+            className: avatar_module.default['avatar-soft-orange']
+        },
         { variant: 'soft', color: 'mint', className: avatar_module.default['avatar-soft-mint'] },
         { variant: 'soft', color: 'sky', className: avatar_module.default['avatar-soft-sky'] },
         { variant: 'soft', color: 'lime', className: avatar_module.default['avatar-soft-lime'] },
         { variant: 'soft', color: 'grass', className: avatar_module.default['avatar-soft-grass'] },
         { variant: 'soft', color: 'cyan', className: avatar_module.default['avatar-soft-cyan'] },
         { variant: 'soft', color: 'iris', className: avatar_module.default['avatar-soft-iris'] },
-        { variant: 'soft', color: 'purple', className: avatar_module.default['avatar-soft-purple'] },
+        {
+            variant: 'soft',
+            color: 'purple',
+            className: avatar_module.default['avatar-soft-purple']
+        },
         { variant: 'soft', color: 'pink', className: avatar_module.default['avatar-soft-pink'] },
-        { variant: 'soft', color: 'crimson', className: avatar_module.default['avatar-soft-crimson'] },
-        { variant: 'soft', color: 'gold', className: avatar_module.default['avatar-soft-gold'] },
+        {
+            variant: 'soft',
+            color: 'crimson',
+            className: avatar_module.default['avatar-soft-crimson']
+        },
+        { variant: 'soft', color: 'gold', className: avatar_module.default['avatar-soft-gold'] }
     ],
     defaultVariants: {
         size: 3,
-        radius: "small",
-        variant: "soft",
-        color: "indigo",
-    },
+        radius: 'small',
+        variant: 'soft',
+        color: 'indigo'
+    }
 });
 const image = index$1.cva(avatar_module.default.image);
 const AvatarRoot = React.forwardRef(({ className, alt, src, fallback, size, radius, variant, color, style, asChild, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(box.Box, { className: avatar_module.default.imageWrapper, style: style, children: jsxRuntime.jsxRuntimeExports.jsxs(index.Root, { ref: ref, className: clsx.clsx(avatar({ size, radius, variant, color }), className), asChild: asChild, ...props, children: [jsxRuntime.jsxRuntimeExports.jsx(index.Image, { className: image(), src: src, alt: alt }), jsxRuntime.jsxRuntimeExports.jsx(index.Fallback, { className: avatar_module.default.fallback, children: fallback })] }) })));
@@ -97,7 +133,6 @@ const AvatarGroup = React.forwardRef(({ children, max, className, ...props }, re
     const firstAvatarProps = utils.getAvatarProps(avatars[0]);
     return (jsxRuntime.jsxRuntimeExports.jsxs("div", { ref: ref, className: clsx.clsx(avatar_module.default.avatarGroup, className), ...props, children: [avatars.map((avatar, index) => (jsxRuntime.jsxRuntimeExports.jsx("div", { className: avatar_module.default.avatarWrapper, children: avatar }, index))), count > 0 && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: avatar_module.default.avatarWrapper, children: jsxRuntime.jsxRuntimeExports.jsx(Avatar, { size: firstAvatarProps.size, radius: firstAvatarProps.radius, variant: firstAvatarProps.variant, color: 'neutral', fallback: `+${count}` }) }))] }));
 });
-AvatarGroup.displayName = 'AvatarGroup';
 exports.Avatar = Avatar;
 exports.AvatarGroup = AvatarGroup;

package/dist/v1/components/avatar/avatar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.cjs","sources":["../../../../v1/components/avatar/avatar.tsx"],"sourcesContent":["import {\n ComponentPropsWithoutRef,\n ElementRef,\n forwardRef,\n ReactNode\n} from \"react\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from 'clsx';\n\nimport {AVATAR_COLORS, getAvatarProps} from './utils'\nimport { Box } from \"../box\";\nimport styles from \"./avatar.module.css\";\n\nconst avatar = cva(styles.avatar, {\n variants: {\n radius: {\n small: styles[\"avatar-small\"],\n full: styles[\"avatar-full\"],\n },\n size: {\n 1: styles[\"avatar-size-1\"],\n 2: styles[\"avatar-size-2\"],\n 3: styles[\"avatar-size-3\"],\n 4: styles[\"avatar-size-4\"],\n 5: styles[\"avatar-size-5\"],\n 6: styles[\"avatar-size-6\"],\n 7: styles[\"avatar-size-7\"],\n 8: styles[\"avatar-size-8\"],\n 9: styles[\"avatar-size-9\"],\n 10: styles[\"avatar-size-10\"],\n 11: styles[\"avatar-size-11\"],\n 12: styles[\"avatar-size-12\"],\n 13: styles[\"avatar-size-13\"],\n },\n variant: {\n solid: styles[\"avatar-solid\"],\n soft: styles[\"avatar-soft\"],\n },\n disabled: {\n true: styles[\"avatar-disabled\"],\n },\n color: {\n indigo: styles[\"avatar-color-indigo\"],\n orange: styles[\"avatar-color-orange\"],\n mint: styles[\"avatar-color-mint\"],\n neutral: styles[\"avatar-color-neutral\"],\n sky: styles[\"avatar-color-sky\"],\n lime: styles[\"avatar-color-lime\"],\n grass: styles[\"avatar-color-grass\"],\n cyan: styles[\"avatar-color-cyan\"],\n iris: styles[\"avatar-color-iris\"],\n purple: styles[\"avatar-color-purple\"],\n pink: styles[\"avatar-color-pink\"],\n crimson: styles[\"avatar-color-crimson\"],\n gold: styles[\"avatar-color-gold\"],\n },\n },\n compoundVariants: [\n { variant: 'solid', color: 'indigo', className: styles['avatar-solid-indigo'] },\n { variant: 'solid', color: 'orange', className: styles['avatar-solid-orange'] },\n { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n { variant: 'solid', color: 'grass', className: styles['avatar-solid-grass'] },\n { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n { variant: 'solid', color: 'purple', className: styles['avatar-solid-purple'] },\n { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n { variant: 'solid', color: 'crimson', className: styles['avatar-solid-crimson'] },\n { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n { variant: 'soft', color: 'indigo', className: styles['avatar-soft-indigo'] },\n { variant: 'soft', color: 'orange', className: styles['avatar-soft-orange'] },\n { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n { variant: 'soft', color: 'purple', className: styles['avatar-soft-purple'] },\n { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n { variant: 'soft', color: 'crimson', className: styles['avatar-soft-crimson'] },\n { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] },\n ],\n defaultVariants: {\n size: 3,\n radius: \"small\",\n variant: \"soft\",\n color: \"indigo\",\n },\n});\n\nconst image = cva(styles.image);\n\nexport interface AvatarProps\n extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n VariantProps<typeof avatar> {\n size?: 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12 \| 13;\n src?: string;\n alt?: string;\n fallback?: ReactNode;\n variant?: \"solid\" \| \"soft\";\n color?: AVATAR_COLORS;\n asChild?: boolean;\n className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n ElementRef<typeof AvatarPrimitive.Root>,\n AvatarProps\n>(\n (\n { className, alt, src, fallback, size, radius, variant, color, style, asChild, ...props },\n ref\n ) => (\n <Box className={styles.imageWrapper} style={style}>\n <AvatarPrimitive.Root\n ref={ref}\n className={clsx(avatar({ size, radius, variant, color }), className)}\n asChild={asChild}\n {...props}\n >\n <AvatarPrimitive.Image\n className={image()}\n src={src}\n alt={alt}\n />\n <AvatarPrimitive.Fallback className={styles.fallback}>\n {fallback}\n </AvatarPrimitive.Fallback>\n </AvatarPrimitive.Root>\n </Box>\n )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n children: React.ReactElement<AvatarProps>[];\n max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n ({ children, max, className, ...props }, ref) => {\n const avatars = max ? children.slice(0, max) : children;\n const count = max && children.length > max ? children.length - max : 0;\n\n // Overflow avatar matches the first avatar styling\n const firstAvatarProps = getAvatarProps(avatars[0]);\n\n return (\n <div\n ref={ref}\n className={clsx(styles.avatarGroup, className)}\n {...props}\n >\n {avatars.map((avatar, index) => (\n <div key={index} className={styles.avatarWrapper}>\n {avatar}\n </div>\n ))}\n {count > 0 && (\n <div className={styles.avatarWrapper}>\n <Avatar\n size={firstAvatarProps.size}\n radius={firstAvatarProps.radius}\n variant={firstAvatarProps.variant}\n color='neutral'\n fallback={`+${count}`}\n />\n </div>\n )}\n </div>\n );\n }\n);\n\nAvatarGroup.displayName = 'AvatarGroup';\n"],"names":["cva","styles","forwardRef","_jsx","Box","_jsxs","AvatarPrimitive.Root","clsx","AvatarPrimitive.Image","AvatarPrimitive.Fallback","getAvatarProps"],"mappings":"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"}
1	+ {"version":3,"file":"avatar.cjs","sources":["../../../../v1/components/avatar/avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { clsx } from 'clsx';\nimport {\n ComponentPropsWithoutRef,\n ElementRef,\n ReactNode,\n forwardRef\n} from 'react';\nimport { Box } from '../box';\nimport styles from './avatar.module.css';\nimport { AVATAR_COLORS, getAvatarProps } from './utils';\n\nconst avatar = cva(styles.avatar, {\n variants: {\n radius: {\n small: styles['avatar-small'],\n full: styles['avatar-full']\n },\n size: {\n 1: styles['avatar-size-1'],\n 2: styles['avatar-size-2'],\n 3: styles['avatar-size-3'],\n 4: styles['avatar-size-4'],\n 5: styles['avatar-size-5'],\n 6: styles['avatar-size-6'],\n 7: styles['avatar-size-7'],\n 8: styles['avatar-size-8'],\n 9: styles['avatar-size-9'],\n 10: styles['avatar-size-10'],\n 11: styles['avatar-size-11'],\n 12: styles['avatar-size-12'],\n 13: styles['avatar-size-13']\n },\n variant: {\n solid: styles['avatar-solid'],\n soft: styles['avatar-soft']\n },\n disabled: {\n true: styles['avatar-disabled']\n },\n color: {\n indigo: styles['avatar-color-indigo'],\n orange: styles['avatar-color-orange'],\n mint: styles['avatar-color-mint'],\n neutral: styles['avatar-color-neutral'],\n sky: styles['avatar-color-sky'],\n lime: styles['avatar-color-lime'],\n grass: styles['avatar-color-grass'],\n cyan: styles['avatar-color-cyan'],\n iris: styles['avatar-color-iris'],\n purple: styles['avatar-color-purple'],\n pink: styles['avatar-color-pink'],\n crimson: styles['avatar-color-crimson'],\n gold: styles['avatar-color-gold']\n }\n },\n compoundVariants: [\n {\n variant: 'solid',\n color: 'indigo',\n className: styles['avatar-solid-indigo']\n },\n {\n variant: 'solid',\n color: 'orange',\n className: styles['avatar-solid-orange']\n },\n { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n {\n variant: 'solid',\n color: 'grass',\n className: styles['avatar-solid-grass']\n },\n { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n {\n variant: 'solid',\n color: 'purple',\n className: styles['avatar-solid-purple']\n },\n { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n {\n variant: 'solid',\n color: 'crimson',\n className: styles['avatar-solid-crimson']\n },\n { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n {\n variant: 'soft',\n color: 'indigo',\n className: styles['avatar-soft-indigo']\n },\n\n {\n variant: 'soft',\n color: 'orange',\n className: styles['avatar-soft-orange']\n },\n { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n {\n variant: 'soft',\n color: 'purple',\n className: styles['avatar-soft-purple']\n },\n { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n {\n variant: 'soft',\n color: 'crimson',\n className: styles['avatar-soft-crimson']\n },\n { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] }\n ],\n defaultVariants: {\n size: 3,\n radius: 'small',\n variant: 'soft',\n color: 'indigo'\n }\n});\n\nconst image = cva(styles.image);\n\nexport interface AvatarProps\n extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n VariantProps<typeof avatar> {\n size?: 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12 \| 13;\n src?: string;\n alt?: string;\n fallback?: ReactNode;\n variant?: 'solid' \| 'soft';\n color?: AVATAR_COLORS;\n asChild?: boolean;\n className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n ElementRef<typeof AvatarPrimitive.Root>,\n AvatarProps\n>(\n (\n {\n className,\n alt,\n src,\n fallback,\n size,\n radius,\n variant,\n color,\n style,\n asChild,\n ...props\n },\n ref\n ) => (\n <Box className={styles.imageWrapper} style={style}>\n <AvatarPrimitive.Root\n ref={ref}\n className={clsx(avatar({ size, radius, variant, color }), className)}\n asChild={asChild}\n {...props}\n >\n <AvatarPrimitive.Image className={image()} src={src} alt={alt} />\n <AvatarPrimitive.Fallback className={styles.fallback}>\n {fallback}\n </AvatarPrimitive.Fallback>\n </AvatarPrimitive.Root>\n </Box>\n )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n children: React.ReactElement<AvatarProps>[];\n max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n ({ children, max, className, ...props }, ref) => {\n const avatars = max ? children.slice(0, max) : children;\n const count = max && children.length > max ? children.length - max : 0;\n\n // Overflow avatar matches the first avatar styling\n const firstAvatarProps = getAvatarProps(avatars[0]);\n\n return (\n <div ref={ref} className={clsx(styles.avatarGroup, className)} {...props}>\n {avatars.map((avatar, index) => (\n <div key={index} className={styles.avatarWrapper}>\n {avatar}\n </div>\n ))}\n {count > 0 && (\n <div className={styles.avatarWrapper}>\n <Avatar\n size={firstAvatarProps.size}\n radius={firstAvatarProps.radius}\n variant={firstAvatarProps.variant}\n color='neutral'\n fallback={`+${count}`}\n />\n </div>\n )}\n </div>\n );\n }\n);\n"],"names":["cva","styles","forwardRef","_jsx","Box","_jsxs","AvatarPrimitive.Root","clsx","AvatarPrimitive.Image","AvatarPrimitive.Fallback","getAvatarProps"],"mappings":"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"}

package/dist/v1/components/avatar/avatar.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { VariantProps } from "class-variance-authority";
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { AVATAR_COLORS } from './utils';
 declare const avatar: (props?: ({
     radius?: "small" | "full" | null | undefined;
@@ -14,7 +14,7 @@ export interface AvatarProps extends ComponentPropsWithoutRef<typeof AvatarPrimi
     src?: string;
     alt?: string;
     fallback?: ReactNode;
-    variant?: "solid" | "soft";
+    variant?: 'solid' | 'soft';
     color?: AVATAR_COLORS;
     asChild?: boolean;
     className?: string;

package/dist/v1/components/avatar/avatar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../v1/components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,~~EACL~~,~~wBAAwB~~,~~EAGxB,SAAS,EACV,~~MAAM,~~OAAO~~,CAAC;~~AACf~~,OAAO,~~KAAK~~,~~eAAe~~,MAAM,~~wBAAwB~~,CAAC;~~AAC1D~~,OAAO,~~EAAO~~,~~YAAY~~,~~EAAE~~,MAAM,~~0BAA0B~~,CAAC;~~AAG7D~~,OAAO,~~EAAC~~,aAAa,~~EAAiB~~,MAAM,SAAS,~~CAAA~~;~~AAIrD~~,QAAA,MAAM,MAAM;;;;;;~~8EA4EV~~,CAAC;AAIH,MAAM,WAAW,WACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;~~AAgCD~~,eAAO,MAAM,MAAM,yGAAa,CAAC;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW,~~6GAiCvB~~,CAAC"}
1	+ {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../v1/components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EACL,wBAAwB,EAExB,SAAS,EAEV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,aAAa,EAAkB,MAAM,SAAS,CAAC;AAExD,QAAA,MAAM,MAAM;;;;;;8EAiHV,CAAC;AAIH,MAAM,WAAW,WACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwCD,eAAO,MAAM,MAAM,yGAAa,CAAC;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW,6GA6BvB,CAAC"}

package/dist/v1/components/avatar/avatar.js CHANGED Viewed

@@ -1,88 +1,124 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { forwardRef } from 'react';
 import { Root as $cddcb0b647441e34$export$be92b6f5f03c0fe9, Image as $cddcb0b647441e34$export$3e431a229df88919, Fallback as $cddcb0b647441e34$export$fb8d7f40caaeea67 } from '../../node_modules/.pnpm/@radix-ui_react-avatar@1.0.3_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-avatar/dist/index.js';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
-import { getAvatarProps } from './utils.js';
+import { forwardRef } from 'react';
 import { Box } from '../box/box.js';
 import styles from './avatar.module.css.js';
+import { getAvatarProps } from './utils.js';
 const avatar = cva(styles.avatar, {
     variants: {
         radius: {
-            small: styles["avatar-small"],
-            full: styles["avatar-full"],
+            small: styles['avatar-small'],
+            full: styles['avatar-full']
         },
         size: {
-            1: styles["avatar-size-1"],
-            2: styles["avatar-size-2"],
-            3: styles["avatar-size-3"],
-            4: styles["avatar-size-4"],
-            5: styles["avatar-size-5"],
-            6: styles["avatar-size-6"],
-            7: styles["avatar-size-7"],
-            8: styles["avatar-size-8"],
-            9: styles["avatar-size-9"],
-            10: styles["avatar-size-10"],
-            11: styles["avatar-size-11"],
-            12: styles["avatar-size-12"],
-            13: styles["avatar-size-13"],
+            1: styles['avatar-size-1'],
+            2: styles['avatar-size-2'],
+            3: styles['avatar-size-3'],
+            4: styles['avatar-size-4'],
+            5: styles['avatar-size-5'],
+            6: styles['avatar-size-6'],
+            7: styles['avatar-size-7'],
+            8: styles['avatar-size-8'],
+            9: styles['avatar-size-9'],
+            10: styles['avatar-size-10'],
+            11: styles['avatar-size-11'],
+            12: styles['avatar-size-12'],
+            13: styles['avatar-size-13']
         },
         variant: {
-            solid: styles["avatar-solid"],
-            soft: styles["avatar-soft"],
+            solid: styles['avatar-solid'],
+            soft: styles['avatar-soft']
         },
         disabled: {
-            true: styles["avatar-disabled"],
+            true: styles['avatar-disabled']
         },
         color: {
-            indigo: styles["avatar-color-indigo"],
-            orange: styles["avatar-color-orange"],
-            mint: styles["avatar-color-mint"],
-            neutral: styles["avatar-color-neutral"],
-            sky: styles["avatar-color-sky"],
-            lime: styles["avatar-color-lime"],
-            grass: styles["avatar-color-grass"],
-            cyan: styles["avatar-color-cyan"],
-            iris: styles["avatar-color-iris"],
-            purple: styles["avatar-color-purple"],
-            pink: styles["avatar-color-pink"],
-            crimson: styles["avatar-color-crimson"],
-            gold: styles["avatar-color-gold"],
-        },
+            indigo: styles['avatar-color-indigo'],
+            orange: styles['avatar-color-orange'],
+            mint: styles['avatar-color-mint'],
+            neutral: styles['avatar-color-neutral'],
+            sky: styles['avatar-color-sky'],
+            lime: styles['avatar-color-lime'],
+            grass: styles['avatar-color-grass'],
+            cyan: styles['avatar-color-cyan'],
+            iris: styles['avatar-color-iris'],
+            purple: styles['avatar-color-purple'],
+            pink: styles['avatar-color-pink'],
+            crimson: styles['avatar-color-crimson'],
+            gold: styles['avatar-color-gold']
+        }
     },
     compoundVariants: [
-        { variant: 'solid', color: 'indigo', className: styles['avatar-solid-indigo'] },
-        { variant: 'solid', color: 'orange', className: styles['avatar-solid-orange'] },
+        {
+            variant: 'solid',
+            color: 'indigo',
+            className: styles['avatar-solid-indigo']
+        },
+        {
+            variant: 'solid',
+            color: 'orange',
+            className: styles['avatar-solid-orange']
+        },
         { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },
         { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },
         { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },
-        { variant: 'solid', color: 'grass', className: styles['avatar-solid-grass'] },
+        {
+            variant: 'solid',
+            color: 'grass',
+            className: styles['avatar-solid-grass']
+        },
         { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },
         { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },
-        { variant: 'solid', color: 'purple', className: styles['avatar-solid-purple'] },
+        {
+            variant: 'solid',
+            color: 'purple',
+            className: styles['avatar-solid-purple']
+        },
         { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },
-        { variant: 'solid', color: 'crimson', className: styles['avatar-solid-crimson'] },
+        {
+            variant: 'solid',
+            color: 'crimson',
+            className: styles['avatar-solid-crimson']
+        },
         { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },
-        { variant: 'soft', color: 'indigo', className: styles['avatar-soft-indigo'] },
-        { variant: 'soft', color: 'orange', className: styles['avatar-soft-orange'] },
+        {
+            variant: 'soft',
+            color: 'indigo',
+            className: styles['avatar-soft-indigo']
+        },
+        {
+            variant: 'soft',
+            color: 'orange',
+            className: styles['avatar-soft-orange']
+        },
         { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },
         { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },
         { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },
         { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },
         { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },
         { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },
-        { variant: 'soft', color: 'purple', className: styles['avatar-soft-purple'] },
+        {
+            variant: 'soft',
+            color: 'purple',
+            className: styles['avatar-soft-purple']
+        },
         { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },
-        { variant: 'soft', color: 'crimson', className: styles['avatar-soft-crimson'] },
-        { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] },
+        {
+            variant: 'soft',
+            color: 'crimson',
+            className: styles['avatar-soft-crimson']
+        },
+        { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] }
     ],
     defaultVariants: {
         size: 3,
-        radius: "small",
-        variant: "soft",
-        color: "indigo",
-    },
+        radius: 'small',
+        variant: 'soft',
+        color: 'indigo'
+    }
 });
 const image = cva(styles.image);
 const AvatarRoot = forwardRef(({ className, alt, src, fallback, size, radius, variant, color, style, asChild, ...props }, ref) => (jsxRuntimeExports.jsx(Box, { className: styles.imageWrapper, style: style, children: jsxRuntimeExports.jsxs($cddcb0b647441e34$export$be92b6f5f03c0fe9, { ref: ref, className: clsx(avatar({ size, radius, variant, color }), className), asChild: asChild, ...props, children: [jsxRuntimeExports.jsx($cddcb0b647441e34$export$3e431a229df88919, { className: image(), src: src, alt: alt }), jsxRuntimeExports.jsx($cddcb0b647441e34$export$fb8d7f40caaeea67, { className: styles.fallback, children: fallback })] }) })));
@@ -95,7 +131,6 @@ const AvatarGroup = forwardRef(({ children, max, className, ...props }, ref) =>
     const firstAvatarProps = getAvatarProps(avatars[0]);
     return (jsxRuntimeExports.jsxs("div", { ref: ref, className: clsx(styles.avatarGroup, className), ...props, children: [avatars.map((avatar, index) => (jsxRuntimeExports.jsx("div", { className: styles.avatarWrapper, children: avatar }, index))), count > 0 && (jsxRuntimeExports.jsx("div", { className: styles.avatarWrapper, children: jsxRuntimeExports.jsx(Avatar, { size: firstAvatarProps.size, radius: firstAvatarProps.radius, variant: firstAvatarProps.variant, color: 'neutral', fallback: `+${count}` }) }))] }));
 });
-AvatarGroup.displayName = 'AvatarGroup';
 export { Avatar, AvatarGroup };
 //# sourceMappingURL=avatar.js.map