@raystack/apsara 0.23.0 → 0.25.0
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.
- package/dist/checkbox/checkbox.cjs +3 -0
- package/dist/checkbox/checkbox.cjs.map +1 -1
- package/dist/checkbox/checkbox.d.ts +3 -0
- package/dist/checkbox/checkbox.d.ts.map +1 -1
- package/dist/checkbox/checkbox.js +3 -0
- package/dist/checkbox/checkbox.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/table/DataTableToolbar.cjs +3 -2
- package/dist/table/DataTableToolbar.cjs.map +1 -1
- package/dist/table/DataTableToolbar.d.ts +2 -1
- package/dist/table/DataTableToolbar.d.ts.map +1 -1
- package/dist/table/DataTableToolbar.js +3 -2
- package/dist/table/DataTableToolbar.js.map +1 -1
- package/dist/table/FilteredChip.cjs +2 -2
- package/dist/table/FilteredChip.cjs.map +1 -1
- package/dist/table/FilteredChip.d.ts.map +1 -1
- package/dist/table/FilteredChip.js +2 -2
- package/dist/table/FilteredChip.js.map +1 -1
- package/dist/themprovider/types.d.ts +6 -0
- package/dist/themprovider/types.d.ts.map +1 -1
- package/dist/v1/components/checkbox/checkbox.cjs +35 -0
- package/dist/v1/components/checkbox/checkbox.cjs.map +1 -0
- package/dist/v1/components/checkbox/checkbox.d.ts +14 -0
- package/dist/v1/components/checkbox/checkbox.d.ts.map +1 -0
- package/dist/v1/components/checkbox/checkbox.js +33 -0
- package/dist/v1/components/checkbox/checkbox.js.map +1 -0
- package/dist/v1/components/checkbox/checkbox.module.css.cjs +8 -0
- package/dist/v1/components/checkbox/checkbox.module.css.cjs.map +1 -0
- package/dist/v1/components/checkbox/checkbox.module.css.js +4 -0
- package/dist/v1/components/checkbox/checkbox.module.css.js.map +1 -0
- package/dist/v1/components/checkbox/index.d.ts +2 -0
- package/dist/v1/components/checkbox/index.d.ts.map +1 -0
- package/dist/v1/components/{emptystate/emptystate.cjs → emptyState/emptyState.cjs} +3 -3
- package/dist/v1/components/emptyState/emptyState.cjs.map +1 -0
- package/dist/v1/components/{emptystate/emptystate.d.ts → emptyState/emptyState.d.ts} +1 -1
- package/dist/v1/components/{emptystate/emptystate.d.ts.map → emptyState/emptyState.d.ts.map} +1 -1
- package/dist/v1/components/{emptystate/emptystate.js → emptyState/emptyState.js} +2 -2
- package/dist/v1/components/emptyState/emptyState.js.map +1 -0
- package/dist/v1/components/emptyState/emptyState.module.css.cjs +8 -0
- package/dist/v1/components/emptyState/emptyState.module.css.cjs.map +1 -0
- package/dist/v1/components/emptyState/emptyState.module.css.js +4 -0
- package/dist/v1/components/emptyState/emptyState.module.css.js.map +1 -0
- package/dist/v1/components/emptyState/index.d.ts +2 -0
- package/dist/v1/components/emptyState/index.d.ts.map +1 -0
- package/dist/v1/components/themeProvider/index.d.ts.map +1 -0
- package/dist/v1/components/themeProvider/switcher.cjs.map +1 -0
- package/dist/v1/components/themeProvider/switcher.d.ts.map +1 -0
- package/dist/v1/components/themeProvider/switcher.js.map +1 -0
- package/dist/v1/components/themeProvider/theme.cjs.map +1 -0
- package/dist/v1/components/themeProvider/theme.d.ts.map +1 -0
- package/dist/v1/components/{themprovider/theme.cjs.map → themeProvider/theme.js.map} +1 -1
- package/dist/v1/components/themeProvider/types.d.ts.map +1 -0
- package/dist/v1/components/toast/toast.cjs +2 -2
- package/dist/v1/components/toast/toast.cjs.map +1 -1
- package/dist/v1/components/toast/toast.js +2 -2
- package/dist/v1/components/toast/toast.js.map +1 -1
- package/dist/v1/index.cjs +8 -4
- package/dist/v1/index.cjs.map +1 -1
- package/dist/v1/index.d.ts +4 -2
- package/dist/v1/index.d.ts.map +1 -1
- package/dist/v1/index.js +5 -3
- package/dist/v1/index.js.map +1 -1
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@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-checkbox/dist/index.cjs +161 -0
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@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-checkbox/dist/index.cjs.map +1 -0
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@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-checkbox/dist/index.js +155 -0
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@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-checkbox/dist/index.js.map +1 -0
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-use-previous@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-previous/dist/index.cjs +24 -0
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-use-previous@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-previous/dist/index.cjs.map +1 -0
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-use-previous@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-previous/dist/index.js +22 -0
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-use-previous@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-previous/dist/index.js.map +1 -0
- package/dist/v1/style.css +1 -1
- package/package.json +8 -6
- package/dist/v1/components/emptystate/emptystate.cjs.map +0 -1
- package/dist/v1/components/emptystate/emptystate.js.map +0 -1
- package/dist/v1/components/emptystate/emptystate.module.css.cjs +0 -8
- package/dist/v1/components/emptystate/emptystate.module.css.cjs.map +0 -1
- package/dist/v1/components/emptystate/emptystate.module.css.js +0 -4
- package/dist/v1/components/emptystate/emptystate.module.css.js.map +0 -1
- package/dist/v1/components/emptystate/index.d.ts +0 -2
- package/dist/v1/components/emptystate/index.d.ts.map +0 -1
- package/dist/v1/components/themprovider/index.d.ts.map +0 -1
- package/dist/v1/components/themprovider/switcher.cjs.map +0 -1
- package/dist/v1/components/themprovider/switcher.d.ts.map +0 -1
- package/dist/v1/components/themprovider/switcher.js.map +0 -1
- package/dist/v1/components/themprovider/theme.d.ts.map +0 -1
- package/dist/v1/components/themprovider/theme.js.map +0 -1
- package/dist/v1/components/themprovider/types.d.ts.map +0 -1
- /package/dist/v1/components/{themprovider → themeProvider}/index.d.ts +0 -0
- /package/dist/v1/components/{themprovider → themeProvider}/switcher.cjs +0 -0
- /package/dist/v1/components/{themprovider → themeProvider}/switcher.d.ts +0 -0
- /package/dist/v1/components/{themprovider → themeProvider}/switcher.js +0 -0
- /package/dist/v1/components/{themprovider → themeProvider}/theme.cjs +0 -0
- /package/dist/v1/components/{themprovider → themeProvider}/theme.d.ts +0 -0
- /package/dist/v1/components/{themprovider → themeProvider}/theme.js +0 -0
- /package/dist/v1/components/{themprovider → themeProvider}/types.d.ts +0 -0
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
|
|
4
|
+
var React = require('react');
|
|
4
5
|
var reactIcons_esm = require('../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
|
|
5
6
|
var box = require('../box/box.cjs');
|
|
6
7
|
var flex = require('../flex/flex.cjs');
|
|
7
8
|
var select = require('../select/select.cjs');
|
|
8
9
|
var text = require('../text/text.cjs');
|
|
9
10
|
var textfield = require('../textfield/textfield.cjs');
|
|
10
|
-
var React = require('react');
|
|
11
11
|
require('../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/UI.cjs');
|
|
12
12
|
require('../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/useDayPicker.cjs');
|
|
13
13
|
var datePicker = require('../calendar/date-picker.cjs');
|
|
14
14
|
var rangePicker = require('../calendar/range-picker.cjs');
|
|
15
|
-
var datatable_module = require('./datatable.module.css.cjs');
|
|
16
15
|
var datatables_types = require('./datatables.types.cjs');
|
|
17
16
|
var useTable = require('./hooks/useTable.cjs');
|
|
18
17
|
var filterFns = require('./filterFns.cjs');
|
|
18
|
+
var datatable_module = require('./datatable.module.css.cjs');
|
|
19
19
|
|
|
20
20
|
const getFilterValueType = ({ filterOperation, columnType, }) => {
|
|
21
21
|
if (filterOperation?.component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilteredChip.cjs","sources":["../../table/FilteredChip.tsx"],"sourcesContent":["import { 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 \"~/typing\";\nimport { DatePicker, RangePicker } from \"~/calendar\";\nimport styles from \"./datatable.module.css\";\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 { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { FilterOperation, operationsOptions } from \"./filterFns\";\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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilteredChip.d.ts","sourceRoot":"","sources":["../../table/FilteredChip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FilteredChip.d.ts","sourceRoot":"","sources":["../../table/FilteredChip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAQ9C,OAAO,EAOL,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAK5B,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAC7B,wBAAwB,EAAE,kBAAkB,CAAC;CAC9C,CAAC;AA0IF,eAAO,MAAM,YAAY,0CAGtB,iBAAiB,4CAmDnB,CAAC"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
|
|
2
|
+
import { useState, useEffect } from 'react';
|
|
2
3
|
import { Cross1Icon } from '../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
|
|
3
4
|
import { Box } from '../box/box.js';
|
|
4
5
|
import { Flex } from '../flex/flex.js';
|
|
5
6
|
import { Select } from '../select/select.js';
|
|
6
7
|
import { Text } from '../text/text.js';
|
|
7
8
|
import { TextField } from '../textfield/textfield.js';
|
|
8
|
-
import { useState, useEffect } from 'react';
|
|
9
9
|
import '../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/UI.js';
|
|
10
10
|
import '../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/useDayPicker.js';
|
|
11
11
|
import { DatePicker } from '../calendar/date-picker.js';
|
|
12
12
|
import { RangePicker } from '../calendar/range-picker.js';
|
|
13
|
-
import styles from './datatable.module.css.js';
|
|
14
13
|
import { filterValueTypeMap, columnTypesMap } from './datatables.types.js';
|
|
15
14
|
import { useTable } from './hooks/useTable.js';
|
|
16
15
|
import { operationsOptions } from './filterFns.js';
|
|
16
|
+
import styles from './datatable.module.css.js';
|
|
17
17
|
|
|
18
18
|
const getFilterValueType = ({ filterOperation, columnType, }) => {
|
|
19
19
|
if (filterOperation?.component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilteredChip.js","sources":["../../table/FilteredChip.tsx"],"sourcesContent":["import { 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 \"~/typing\";\nimport { DatePicker, RangePicker } from \"~/calendar\";\nimport styles from \"./datatable.module.css\";\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 { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { FilterOperation, operationsOptions } from \"./filterFns\";\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":";;;;;;;;;;;;;;;;;AAiCA,MAAM,kBAAkB,GAAG,CAAC,EAC1B,eAAe,EACf,UAAU,GACgB,KAAqB;AAC/C,IAAA,IAAI,eAAe,EAAE,SAAS,EAAE;QAC9B,OAAO,eAAe,EAAE,SAAS,CAAC;KACnC;AAAM,SAAA,IAAI,UAAU,KAAK,cAAc,CAAC,IAAI,EAAE;QAC7C,OAAO,kBAAkB,CAAC,UAAU,CAAC;KACtC;AAAM,SAAA,IAAI,UAAU,KAAK,cAAc,CAAC,MAAM,EAAE;QAC/C,OAAO,kBAAkB,CAAC,MAAM,CAAC;KAClC;SAAM;QACL,OAAO,kBAAkB,CAAC,IAAI,CAAC;KAChC;AACH,CAAC,CAAC;AAUF,MAAM,YAAY,GAAG,CAAC,EACpB,MAAM,EACN,UAAU,GAAG,kBAAkB,CAAC,IAAI,EACpC,OAAO,GAAG,EAAE,EACZ,aAAa,EACb,eAAe,EACf,GAAG,KAAK,EACU,KAAI;AACtB,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAC/B,MAAM,EAAE,SAAS,EAAE,IAAY,EAAE,YAAY;AAC5C,UAAE,EAAE,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,IAAY,EAAC,YAAY,EAAE;AACzD,UAAE;AACE,YAAA,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,IAAI,IAAI,EAAE;AAChB,YAAA,SAAS,EAAE,EAAE,EAAE,EAAE,IAAI,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,EAAE;AAChD,SAAA,CACN,CAAC;IAEF,MAAM,SAAS,GAAG,kBAAkB,CAAC,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC,CAAC;IAEtE,SAAS,CAAC,MAAK;QACb,IAAI,aAAa,EAAE;YACjB,aAAa,CAAC,KAAK,CAAC,CAAC;SACtB;AACH,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,QAAQ,SAAS;QACf,KAAK,kBAAkB,CAAC,MAAM;YAC5B,QACEA,sBAAC,CAAA,MAAM,EACL,EAAA,KAAK,EAAE,KAAK,CAAC,KAAe,EAC5B,aAAa,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EAAA,QAAA,EAAA,CAE7CC,qBAAC,CAAA,MAAM,CAAC,OAAO,EAAA,EAAA,QAAA,EACbA,qBAAC,CAAA,MAAM,CAAC,KAAK,IAAC,WAAW,EAAC,cAAc,EAAA,CAAG,EAC5B,CAAA,EACjBA,sBAAC,MAAM,CAAC,OAAO,EAAA,EAAA,QAAA,EACZ,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;4BACnB,QACEA,qBAAC,CAAA,MAAM,CAAC,IAAI,IAAe,KAAK,EAAE,GAAG,CAAC,KAAK,EAAA,QAAA,EACxC,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,EADP,EAAA,GAAG,CAAC,GAAG,CAEX,EACd;AACJ,yBAAC,CAAC,EAAA,CACa,CACV,EAAA,CAAA,EACT;QACJ,KAAK,kBAAkB,CAAC,UAAU;YAChC,QACEA,qBAAC,CAAA,UAAU,EACT,EAAA,QAAQ,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,EACtC,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,CAAA,EACF;QACJ,KAAK,kBAAkB,CAAC,WAAW;YACjC,QACEA,qBAAC,CAAA,WAAW,EACV,EAAA,QAAQ,EAAE,CAAC,SAAS,KAAK,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,EAChD,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,CAAA,EACF;AACJ,QAAA;AACE,YAAA,QACEA,qBAAA,CAAC,SAAS,EAAA,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAA,CACpD,EACF;KACL;AACH,CAAC,CAAC;AAOF,MAAM,SAAS,GAAG,CAAC,EACjB,UAAU,GAAG,cAAc,CAAC,IAAI,EAChC,iBAAiB,GACF,KAAI;IACnB,MAAM,OAAO,GAAG,iBAAiB,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;AACpD,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAExD,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QAC9D,IAAI,cAAc,EAAE;YAClB,iBAAiB,CAAC,cAAc,CAAC,CAAC;SACnC;AACH,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,QACED,uBAAC,MAAM,EAAA,EAAC,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAClD,QAAA,EAAA,CAAAC,qBAAA,CAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EAC9CA,sBAAC,MAAM,CAAC,KAAK,EAAC,EAAA,WAAW,EAAC,kBAAkB,EAAA,CAAG,GAChC,EACjBA,qBAAA,CAAC,MAAM,CAAC,OAAO,cACZ,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;oBACnB,QACEA,sBAAC,MAAM,CAAC,IAAI,EAAiB,EAAA,KAAK,EAAE,GAAG,CAAC,KAAK,EAC1C,QAAA,EAAA,GAAG,CAAC,KAAK,EAAA,EADM,GAAG,CAAC,KAAK,CAEb,EACd;AACJ,iBAAC,CAAC,EAAA,CACa,CACV,EAAA,CAAA,EACT;AACJ,CAAC,CAAC;AAEW,MAAA,YAAY,GAAG,CAAC,EAC3B,MAAM,EACN,wBAAwB,GACN,KAAI;IACtB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAmB,CAAC;IAC1E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAe,CAAC;IAE9D,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,QAAQ,EAAE,CAAC;AACjD,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,EAAE,SAAqC,CAAC;IACxE,MAAM,OAAO,GACV,MAAM,EAAE,SAAS,EAAE,IAAY,EAAE,IAAI,IAAI,EAAE,CAAC;AAE/C,IAAe,MAAM,EAAE,sBAAsB,GAAG;AAChD,IAAA,MAAM,YAAY,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC;AAC/C,IAAA,MAAM,UAAU,GACd,CAAC,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,KAAK,MAAM,CAAC,EAAE,CAAC;IAElE,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,eAAe,EAAE,EAAE,IAAI,WAAW,EAAE;YACtC,wBAAwB,CAAC,MAAM,CAAC,EAAE,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC;AACzD,YAAA,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;SACpC;AACH,KAAC,EAAE,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC;AAEnC,IAAA,SAAS,YAAY,GAAA;AACnB,QAAA,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AACjC,QAAA,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAC9B,kBAAkB,CAAC,SAAS,CAAC,CAAC;QAC9B,cAAc,CAAC,EAAE,CAAC,CAAC;KACpB;AAED,IAAA,QACED,sBAAC,CAAA,GAAG,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI,aACzBC,qBAAC,CAAA,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,UAAU,EAAA,CAAQ,EACvDA,qBAAC,CAAA,SAAS,IACR,UAAU,EAAE,aAAa,EACzB,iBAAiB,EAAE,kBAAkB,EAAA,CACrC,EACD,eAAe,EAAE,cAAc,GAAG,IAAI,IACrCA,sBAAC,YAAY,EAAA,EACX,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,aAAa,EACzB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,cAAc,EAC7B,eAAe,EAAE,eAAe,EAChC,CAAA,CACH,EAGDA,qBAAC,CAAA,IAAI,cACHA,qBAAC,CAAA,UAAU,IAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAE,YAAY,GAAI,EACvD,CAAA,CAAA,EAAA,CACH,EACN;AACJ;;;;"}
|
|
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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"}
|
|
@@ -2,6 +2,9 @@
|
|
|
2
2
|
interface ValueObject {
|
|
3
3
|
[themeName: string]: string;
|
|
4
4
|
}
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated Use UseThemeProps from '@raystack/apsara/v1' instead.
|
|
7
|
+
*/
|
|
5
8
|
export interface UseThemeProps {
|
|
6
9
|
/** List of all available theme names */
|
|
7
10
|
themes: string[];
|
|
@@ -16,6 +19,9 @@ export interface UseThemeProps {
|
|
|
16
19
|
/** If enableSystem is true, returns the System theme preference ("dark" or "light"), regardless what the active theme is */
|
|
17
20
|
systemTheme?: "dark" | "light";
|
|
18
21
|
}
|
|
22
|
+
/**
|
|
23
|
+
* @deprecated Use ThemeProviderProps from '@raystack/apsara/v1' instead.
|
|
24
|
+
*/
|
|
19
25
|
export interface ThemeProviderProps {
|
|
20
26
|
/** List of all available theme names */
|
|
21
27
|
themes?: string[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../themprovider/types.ts"],"names":[],"mappings":";AAAA,UAAU,WAAW;IACnB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC5B,wCAAwC;IACxC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4KAA4K;IAC5K,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4HAA4H;IAC5H,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oFAAoF;IACpF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wDAAwD;IACxD,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,yHAAyH;IACzH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+HAA+H;IAC/H,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oJAAoJ;IACpJ,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,yHAAyH;IACzH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4GAA4G;IAC5G,KAAK,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IACjC,4EAA4E;IAC5E,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;CACxC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../themprovider/types.ts"],"names":[],"mappings":";AAAA,UAAU,WAAW;IACnB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,wCAAwC;IACxC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4KAA4K;IAC5K,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4HAA4H;IAC5H,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oFAAoF;IACpF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wDAAwD;IACxD,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,yHAAyH;IACzH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+HAA+H;IAC/H,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oJAAoJ;IACpJ,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,yHAAyH;IACzH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4GAA4G;IAC5G,KAAK,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IACjC,4EAA4E;IAC5E,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;CACxC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
|
|
4
|
+
var index = require('../../node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@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-checkbox/dist/index.cjs');
|
|
5
|
+
var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
|
|
6
|
+
var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.cjs');
|
|
7
|
+
var React = require('react');
|
|
8
|
+
var checkbox_module = require('./checkbox.module.css.cjs');
|
|
9
|
+
|
|
10
|
+
const CheckMarkIcon = () => (jsxRuntime.jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: checkbox_module.default.icon, children: jsxRuntime.jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z", fill: "currentColor" }) }));
|
|
11
|
+
const IndeterminateIcon = () => (jsxRuntime.jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: checkbox_module.default.icon, children: jsxRuntime.jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z", fill: "currentColor" }) }));
|
|
12
|
+
const checkbox = index$1.cva(checkbox_module.default.checkbox);
|
|
13
|
+
const Checkbox = React.forwardRef(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {
|
|
14
|
+
const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';
|
|
15
|
+
return (jsxRuntime.jsxRuntimeExports.jsx(index.Root, { className: checkbox({
|
|
16
|
+
className: clsx.clsx(className, {
|
|
17
|
+
[checkbox_module.default["checkbox-disabled"]]: disabled,
|
|
18
|
+
[checkbox_module.default["checkbox-indeterminate"]]: isIndeterminate
|
|
19
|
+
})
|
|
20
|
+
}), checked: isIndeterminate || (checked === true), defaultChecked: defaultChecked === true, onCheckedChange: (value) => {
|
|
21
|
+
if (onCheckedChange) {
|
|
22
|
+
// If it's currently indeterminate, next state will be unchecked
|
|
23
|
+
if (checked === 'indeterminate') {
|
|
24
|
+
onCheckedChange(false);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
onCheckedChange(value);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}, disabled: disabled, ref: forwardedRef, ...props, children: jsxRuntime.jsxRuntimeExports.jsx(index.Indicator, { className: checkbox_module.default.indicator, children: isIndeterminate ? jsxRuntime.jsxRuntimeExports.jsx(IndeterminateIcon, {}) : jsxRuntime.jsxRuntimeExports.jsx(CheckMarkIcon, {}) }) }));
|
|
31
|
+
});
|
|
32
|
+
Checkbox.displayName = "Checkbox";
|
|
33
|
+
|
|
34
|
+
exports.Checkbox = Checkbox;
|
|
35
|
+
//# sourceMappingURL=checkbox.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.cjs","sources":["../../../../v1/components/checkbox/checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport clsx from 'clsx';\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport styles from \"./checkbox.module.css\";\n\n\nconst CheckMarkIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n className={styles.icon}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst IndeterminateIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n className={styles.icon}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst checkbox = cva(styles.checkbox);\n\ntype CheckboxVariants = VariantProps<typeof checkbox>;\ntype CheckedState = boolean | 'indeterminate';\n\nexport interface CheckboxProps\n extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, keyof CheckboxVariants>,\n CheckboxVariants {\n checked?: CheckedState;\n defaultChecked?: CheckedState;\n onCheckedChange?: (checked: CheckedState) => void;\n}\n\nexport const Checkbox = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n CheckboxProps\n>(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {\n const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';\n \n return (\n <CheckboxPrimitive.Root\n className={checkbox({ \n className: clsx(className, {\n [styles[\"checkbox-disabled\"]]: disabled,\n [styles[\"checkbox-indeterminate\"]]: isIndeterminate\n })\n })}\n checked={isIndeterminate || (checked === true)}\n defaultChecked={defaultChecked === true}\n onCheckedChange={(value) => {\n if (onCheckedChange) {\n // If it's currently indeterminate, next state will be unchecked\n if (checked === 'indeterminate') {\n onCheckedChange(false);\n } else {\n onCheckedChange(value);\n }\n }\n }}\n disabled={disabled}\n ref={forwardedRef}\n {...props}\n >\n <CheckboxPrimitive.Indicator className={styles.indicator}>\n {isIndeterminate ? <IndeterminateIcon /> : <CheckMarkIcon />}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n});\n\nCheckbox.displayName = \"Checkbox\";"],"names":["_jsx","styles","cva","forwardRef","CheckboxPrimitive.Root","clsx","CheckboxPrimitive.Indicator"],"mappings":";;;;;;;;;AAOA,MAAM,aAAa,GAAG,OAClBA,gCACA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAEC,uBAAM,CAAC,IAAI,EAAA,QAAA,EAEtBD,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+WAA+W,EACjX,IAAI,EAAC,cAAc,EAAA,CACjB,EACA,CAAA,CACP,CAAC;AAEF,MAAM,iBAAiB,GAAG,OACtBA,gCACA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAEC,uBAAM,CAAC,IAAI,EAAA,QAAA,EAEtBD,2CACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yIAAyI,EAC3I,IAAI,EAAC,cAAc,EAAA,CACjB,EACA,CAAA,CACP,CAAC;AAEF,MAAM,QAAQ,GAAGE,WAAG,CAACD,uBAAM,CAAC,QAAQ,CAAC,CAAC;AAazB,MAAA,QAAQ,GAAGE,gBAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,KAAI;IAC9F,MAAM,eAAe,GAAG,OAAO,KAAK,eAAe,IAAI,cAAc,KAAK,eAAe,CAAC;IAE1F,QACEH,iCAACI,UAAsB,EACrB,EAAA,SAAS,EAAE,QAAQ,CAAC;AAClB,YAAA,SAAS,EAAEC,SAAI,CAAC,SAAS,EAAE;AACzB,gBAAA,CAACJ,uBAAM,CAAC,mBAAmB,CAAC,GAAG,QAAQ;AACvC,gBAAA,CAACA,uBAAM,CAAC,wBAAwB,CAAC,GAAG,eAAe;aACpD,CAAC;SACH,CAAC,EACF,OAAO,EAAE,eAAe,KAAK,OAAO,KAAK,IAAI,CAAC,EAC9C,cAAc,EAAE,cAAc,KAAK,IAAI,EACvC,eAAe,EAAE,CAAC,KAAK,KAAI;YACzB,IAAI,eAAe,EAAE;;AAEnB,gBAAA,IAAI,OAAO,KAAK,eAAe,EAAE;oBAC/B,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;qBAAM;oBACL,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;aACF;AACH,SAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,YAAY,EACb,GAAA,KAAK,YAETD,gCAAC,CAAAM,eAA2B,EAAA,EAAC,SAAS,EAAEL,uBAAM,CAAC,SAAS,YACrD,eAAe,GAAGD,iCAAC,iBAAiB,EAAA,EAAA,CAAG,GAAGA,gCAAC,CAAA,aAAa,KAAG,EAChC,CAAA,EAAA,CACP,EACzB;AACJ,CAAC,EAAE;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
2
|
+
import { VariantProps } from "class-variance-authority";
|
|
3
|
+
import { ComponentPropsWithoutRef } from "react";
|
|
4
|
+
declare const checkbox: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
|
|
5
|
+
type CheckboxVariants = VariantProps<typeof checkbox>;
|
|
6
|
+
type CheckedState = boolean | 'indeterminate';
|
|
7
|
+
export interface CheckboxProps extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, keyof CheckboxVariants>, CheckboxVariants {
|
|
8
|
+
checked?: CheckedState;
|
|
9
|
+
defaultChecked?: CheckedState;
|
|
10
|
+
onCheckedChange?: (checked: CheckedState) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../v1/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAA0B,MAAM,OAAO,CAAC;AAwCzE,QAAA,MAAM,QAAQ,yFAAuB,CAAC;AAEtC,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AACtD,KAAK,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAE9C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAAE,MAAM,gBAAgB,CAAC,EAC3F,gBAAgB;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,QAAQ,6GAmCnB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
|
|
2
|
+
import { Root as $e698a72e93240346$export$be92b6f5f03c0fe9, Indicator as $e698a72e93240346$export$adb584737d712b70 } from '../../node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@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-checkbox/dist/index.js';
|
|
3
|
+
import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
|
|
4
|
+
import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.js';
|
|
5
|
+
import { forwardRef } from 'react';
|
|
6
|
+
import styles from './checkbox.module.css.js';
|
|
7
|
+
|
|
8
|
+
const CheckMarkIcon = () => (jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: styles.icon, children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z", fill: "currentColor" }) }));
|
|
9
|
+
const IndeterminateIcon = () => (jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: styles.icon, children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z", fill: "currentColor" }) }));
|
|
10
|
+
const checkbox = cva(styles.checkbox);
|
|
11
|
+
const Checkbox = forwardRef(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {
|
|
12
|
+
const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';
|
|
13
|
+
return (jsxRuntimeExports.jsx($e698a72e93240346$export$be92b6f5f03c0fe9, { className: checkbox({
|
|
14
|
+
className: clsx(className, {
|
|
15
|
+
[styles["checkbox-disabled"]]: disabled,
|
|
16
|
+
[styles["checkbox-indeterminate"]]: isIndeterminate
|
|
17
|
+
})
|
|
18
|
+
}), checked: isIndeterminate || (checked === true), defaultChecked: defaultChecked === true, onCheckedChange: (value) => {
|
|
19
|
+
if (onCheckedChange) {
|
|
20
|
+
// If it's currently indeterminate, next state will be unchecked
|
|
21
|
+
if (checked === 'indeterminate') {
|
|
22
|
+
onCheckedChange(false);
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
onCheckedChange(value);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}, disabled: disabled, ref: forwardedRef, ...props, children: jsxRuntimeExports.jsx($e698a72e93240346$export$adb584737d712b70, { className: styles.indicator, children: isIndeterminate ? jsxRuntimeExports.jsx(IndeterminateIcon, {}) : jsxRuntimeExports.jsx(CheckMarkIcon, {}) }) }));
|
|
29
|
+
});
|
|
30
|
+
Checkbox.displayName = "Checkbox";
|
|
31
|
+
|
|
32
|
+
export { Checkbox };
|
|
33
|
+
//# sourceMappingURL=checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.js","sources":["../../../../v1/components/checkbox/checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport clsx from 'clsx';\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport styles from \"./checkbox.module.css\";\n\n\nconst CheckMarkIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n className={styles.icon}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst IndeterminateIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n className={styles.icon}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst checkbox = cva(styles.checkbox);\n\ntype CheckboxVariants = VariantProps<typeof checkbox>;\ntype CheckedState = boolean | 'indeterminate';\n\nexport interface CheckboxProps\n extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, keyof CheckboxVariants>,\n CheckboxVariants {\n checked?: CheckedState;\n defaultChecked?: CheckedState;\n onCheckedChange?: (checked: CheckedState) => void;\n}\n\nexport const Checkbox = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n CheckboxProps\n>(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {\n const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';\n \n return (\n <CheckboxPrimitive.Root\n className={checkbox({ \n className: clsx(className, {\n [styles[\"checkbox-disabled\"]]: disabled,\n [styles[\"checkbox-indeterminate\"]]: isIndeterminate\n })\n })}\n checked={isIndeterminate || (checked === true)}\n defaultChecked={defaultChecked === true}\n onCheckedChange={(value) => {\n if (onCheckedChange) {\n // If it's currently indeterminate, next state will be unchecked\n if (checked === 'indeterminate') {\n onCheckedChange(false);\n } else {\n onCheckedChange(value);\n }\n }\n }}\n disabled={disabled}\n ref={forwardedRef}\n {...props}\n >\n <CheckboxPrimitive.Indicator className={styles.indicator}>\n {isIndeterminate ? <IndeterminateIcon /> : <CheckMarkIcon />}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n});\n\nCheckbox.displayName = \"Checkbox\";"],"names":["_jsx","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator"],"mappings":";;;;;;;AAOA,MAAM,aAAa,GAAG,OAClBA,qBACA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAEtBA,gCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+WAA+W,EACjX,IAAI,EAAC,cAAc,EAAA,CACjB,EACA,CAAA,CACP,CAAC;AAEF,MAAM,iBAAiB,GAAG,OACtBA,qBACA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAEtBA,gCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yIAAyI,EAC3I,IAAI,EAAC,cAAc,EAAA,CACjB,EACA,CAAA,CACP,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAazB,MAAA,QAAQ,GAAG,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,KAAI;IAC9F,MAAM,eAAe,GAAG,OAAO,KAAK,eAAe,IAAI,cAAc,KAAK,eAAe,CAAC;IAE1F,QACEA,sBAACC,yCAAsB,EACrB,EAAA,SAAS,EAAE,QAAQ,CAAC;AAClB,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;AACzB,gBAAA,CAAC,MAAM,CAAC,mBAAmB,CAAC,GAAG,QAAQ;AACvC,gBAAA,CAAC,MAAM,CAAC,wBAAwB,CAAC,GAAG,eAAe;aACpD,CAAC;SACH,CAAC,EACF,OAAO,EAAE,eAAe,KAAK,OAAO,KAAK,IAAI,CAAC,EAC9C,cAAc,EAAE,cAAc,KAAK,IAAI,EACvC,eAAe,EAAE,CAAC,KAAK,KAAI;YACzB,IAAI,eAAe,EAAE;;AAEnB,gBAAA,IAAI,OAAO,KAAK,eAAe,EAAE;oBAC/B,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;qBAAM;oBACL,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;aACF;AACH,SAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,YAAY,EACb,GAAA,KAAK,YAETD,qBAAC,CAAAE,yCAA2B,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,YACrD,eAAe,GAAGF,sBAAC,iBAAiB,EAAA,EAAA,CAAG,GAAGA,qBAAC,CAAA,aAAa,KAAG,EAChC,CAAA,EAAA,CACP,EACzB;AACJ,CAAC,EAAE;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styles = {"checkbox":"checkbox-module_checkbox__hUwyu","checkbox-indeterminate":"checkbox-module_checkbox-indeterminate__S7kZL","checkbox-disabled":"checkbox-module_checkbox-disabled__rP5c0","indicator":"checkbox-module_indicator__lPeag","icon":"checkbox-module_icon__HfL4v","checkbox___indeterminate":"checkbox-module_checkbox-indeterminate__S7kZL","checkbox___disabled":"checkbox-module_checkbox-disabled__rP5c0"};
|
|
6
|
+
|
|
7
|
+
exports.default = styles;
|
|
8
|
+
//# sourceMappingURL=checkbox.module.css.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var styles = {"checkbox":"checkbox-module_checkbox__hUwyu","checkbox-indeterminate":"checkbox-module_checkbox-indeterminate__S7kZL","checkbox-disabled":"checkbox-module_checkbox-disabled__rP5c0","indicator":"checkbox-module_indicator__lPeag","icon":"checkbox-module_icon__HfL4v","checkbox___indeterminate":"checkbox-module_checkbox-indeterminate__S7kZL","checkbox___disabled":"checkbox-module_checkbox-disabled__rP5c0"};
|
|
2
|
+
|
|
3
|
+
export { styles as default };
|
|
4
|
+
//# sourceMappingURL=checkbox.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
|
|
4
|
-
var
|
|
4
|
+
var emptyState_module = require('./emptyState.module.css.cjs');
|
|
5
5
|
var flex = require('../flex/flex.cjs');
|
|
6
6
|
var text = require('../text/text.cjs');
|
|
7
7
|
var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
|
|
8
8
|
|
|
9
9
|
const EmptyState = ({ icon, heading, subHeading, primaryAction, secondaryAction, classNames, }) => {
|
|
10
|
-
return (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { direction: "column", align: "center", gap: "medium", className: clsx.clsx(
|
|
10
|
+
return (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { direction: "column", align: "center", gap: "medium", className: clsx.clsx(emptyState_module.default.emptyState, classNames?.container), children: [jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx.clsx(emptyState_module.default.iconContainer, classNames?.iconContainer), children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx.clsx(emptyState_module.default.icon, classNames?.icon), children: icon }) }), jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { direction: "column", gap: "small", align: "center", children: [heading && (jsxRuntime.jsxRuntimeExports.jsx(text.Text, { size: 5, weight: 500, className: clsx.clsx(emptyState_module.default.headerText, classNames?.heading), children: heading })), subHeading && (jsxRuntime.jsxRuntimeExports.jsx(text.Text, { size: 4, weight: 400, className: clsx.clsx(emptyState_module.default.subHeaderText, classNames?.subHeading), children: subHeading }))] }), primaryAction, secondaryAction] }));
|
|
11
11
|
};
|
|
12
12
|
|
|
13
13
|
exports.EmptyState = EmptyState;
|
|
14
|
-
//# sourceMappingURL=
|
|
14
|
+
//# sourceMappingURL=emptyState.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"emptyState.cjs","sources":["../../../../v1/components/emptyState/emptyState.tsx"],"sourcesContent":["import styles from \"./emptyState.module.css\";\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\nimport clsx from \"clsx\";\n\ntype classNameKeys =\n | \"container\"\n | \"iconContainer\"\n | \"icon\"\n | \"heading\"\n | \"subHeading\";\n\ninterface EmptystateProps {\n icon: React.ReactNode;\n heading?: React.ReactNode;\n subHeading?: React.ReactNode;\n primaryAction?: React.ReactNode;\n secondaryAction?: React.ReactNode;\n classNames?: Partial<Record<classNameKeys, string>>;\n}\n\nexport const EmptyState = ({\n icon,\n heading,\n subHeading,\n primaryAction,\n secondaryAction,\n classNames,\n}: EmptystateProps) => {\n return (\n <Flex\n direction=\"column\"\n align=\"center\"\n gap=\"medium\"\n className={clsx(styles.emptyState, classNames?.container)}\n >\n <div className={clsx(styles.iconContainer, classNames?.iconContainer)}>\n <div className={clsx(styles.icon, classNames?.icon)}>{icon}</div>\n </div>\n\n <Flex direction=\"column\" gap=\"small\" align=\"center\">\n {heading && (\n <Text\n size={5}\n weight={500}\n className={clsx(styles.headerText, classNames?.heading)}\n >\n {heading}\n </Text>\n )}\n\n {subHeading && (\n <Text\n size={4}\n weight={400}\n className={clsx(styles.subHeaderText, classNames?.subHeading)}\n >\n {subHeading}\n </Text>\n )}\n </Flex>\n\n {primaryAction}\n\n {secondaryAction}\n </Flex>\n );\n};\n"],"names":["_jsxs","Flex","clsx","styles","_jsx","Text"],"mappings":";;;;;;;;AAqBa,MAAA,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,UAAU,GACM,KAAI;AACpB,IAAA,QACEA,iCAAA,CAACC,SAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAEC,SAAI,CAACC,yBAAM,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC,EAEzD,QAAA,EAAA,CAAAC,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,SAAI,CAACC,yBAAM,CAAC,aAAa,EAAE,UAAU,EAAE,aAAa,CAAC,EACnE,QAAA,EAAAC,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,SAAI,CAACC,yBAAM,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAO,GAC7D,EAENH,iCAAA,CAACC,SAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAChD,OAAO,KACNG,gCAAC,CAAAC,SAAI,EACH,EAAA,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,SAAS,EAAEH,SAAI,CAACC,yBAAM,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,EAEtD,QAAA,EAAA,OAAO,EACH,CAAA,CACR,EAEA,UAAU,KACTC,gCAAA,CAACC,SAAI,EAAA,EACH,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,SAAS,EAAEH,SAAI,CAACC,yBAAM,CAAC,aAAa,EAAE,UAAU,EAAE,UAAU,CAAC,YAE5D,UAAU,EAAA,CACN,CACR,CAAA,EAAA,CACI,EAEN,aAAa,EAEb,eAAe,CAAA,EAAA,CACX,EACP;AACJ;;;;"}
|
|
@@ -10,4 +10,4 @@ interface EmptystateProps {
|
|
|
10
10
|
}
|
|
11
11
|
export declare const EmptyState: ({ icon, heading, subHeading, primaryAction, secondaryAction, classNames, }: EmptystateProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
export {};
|
|
13
|
-
//# sourceMappingURL=
|
|
13
|
+
//# sourceMappingURL=emptyState.d.ts.map
|
package/dist/v1/components/{emptystate/emptystate.d.ts.map → emptyState/emptyState.d.ts.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"emptyState.d.ts","sourceRoot":"","sources":["../../../../v1/components/emptyState/emptyState.tsx"],"names":[],"mappings":";AAKA,KAAK,aAAa,GACd,WAAW,GACX,eAAe,GACf,MAAM,GACN,SAAS,GACT,YAAY,CAAC;AAEjB,UAAU,eAAe;IACvB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,UAAU,+EAOpB,eAAe,4CAuCjB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
|
|
2
|
-
import styles from './
|
|
2
|
+
import styles from './emptyState.module.css.js';
|
|
3
3
|
import { Flex } from '../flex/flex.js';
|
|
4
4
|
import { Text } from '../text/text.js';
|
|
5
5
|
import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
|
|
@@ -9,4 +9,4 @@ const EmptyState = ({ icon, heading, subHeading, primaryAction, secondaryAction,
|
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { EmptyState };
|
|
12
|
-
//# sourceMappingURL=
|
|
12
|
+
//# sourceMappingURL=emptyState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"emptyState.js","sources":["../../../../v1/components/emptyState/emptyState.tsx"],"sourcesContent":["import styles from \"./emptyState.module.css\";\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\nimport clsx from \"clsx\";\n\ntype classNameKeys =\n | \"container\"\n | \"iconContainer\"\n | \"icon\"\n | \"heading\"\n | \"subHeading\";\n\ninterface EmptystateProps {\n icon: React.ReactNode;\n heading?: React.ReactNode;\n subHeading?: React.ReactNode;\n primaryAction?: React.ReactNode;\n secondaryAction?: React.ReactNode;\n classNames?: Partial<Record<classNameKeys, string>>;\n}\n\nexport const EmptyState = ({\n icon,\n heading,\n subHeading,\n primaryAction,\n secondaryAction,\n classNames,\n}: EmptystateProps) => {\n return (\n <Flex\n direction=\"column\"\n align=\"center\"\n gap=\"medium\"\n className={clsx(styles.emptyState, classNames?.container)}\n >\n <div className={clsx(styles.iconContainer, classNames?.iconContainer)}>\n <div className={clsx(styles.icon, classNames?.icon)}>{icon}</div>\n </div>\n\n <Flex direction=\"column\" gap=\"small\" align=\"center\">\n {heading && (\n <Text\n size={5}\n weight={500}\n className={clsx(styles.headerText, classNames?.heading)}\n >\n {heading}\n </Text>\n )}\n\n {subHeading && (\n <Text\n size={4}\n weight={400}\n className={clsx(styles.subHeaderText, classNames?.subHeading)}\n >\n {subHeading}\n </Text>\n )}\n </Flex>\n\n {primaryAction}\n\n {secondaryAction}\n </Flex>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAqBa,MAAA,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,UAAU,GACM,KAAI;AACpB,IAAA,QACEA,sBAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC,EAEzD,QAAA,EAAA,CAAAC,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,EAAE,aAAa,CAAC,EACnE,QAAA,EAAAA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAO,GAC7D,EAEND,sBAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAChD,OAAO,KACNC,qBAAC,CAAA,IAAI,EACH,EAAA,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,EAEtD,QAAA,EAAA,OAAO,EACH,CAAA,CACR,EAEA,UAAU,KACTA,qBAAA,CAAC,IAAI,EAAA,EACH,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,EAAE,UAAU,CAAC,YAE5D,UAAU,EAAA,CACN,CACR,CAAA,EAAA,CACI,EAEN,aAAa,EAEb,eAAe,CAAA,EAAA,CACX,EACP;AACJ;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styles = {"emptyState":"emptyState-module_emptyState__crJo-","iconContainer":"emptyState-module_iconContainer__PLvGv","icon":"emptyState-module_icon__79mxH","headerText":"emptyState-module_headerText__EjlP-","subHeaderText":"emptyState-module_subHeaderText__rfvr-"};
|
|
6
|
+
|
|
7
|
+
exports.default = styles;
|
|
8
|
+
//# sourceMappingURL=emptyState.module.css.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"emptyState.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var styles = {"emptyState":"emptyState-module_emptyState__crJo-","iconContainer":"emptyState-module_iconContainer__PLvGv","icon":"emptyState-module_icon__79mxH","headerText":"emptyState-module_headerText__EjlP-","subHeaderText":"emptyState-module_subHeaderText__rfvr-"};
|
|
2
|
+
|
|
3
|
+
export { styles as default };
|
|
4
|
+
//# sourceMappingURL=emptyState.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"emptyState.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/emptyState/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/themeProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switcher.cjs","sources":["../../../../v1/components/themeProvider/switcher.tsx"],"sourcesContent":["import { MoonIcon, SunIcon } from \"@radix-ui/react-icons\";\nimport { useTheme } from \"./theme\";\nimport { Box } from \"../box\";\n\nenum Theme {\n DARK = \"dark\",\n LIGHT = \"light\",\n}\n\ntype Props = { size?: number };\nexport function ThemeSwitcher({ size = 30, ...props }: Props) {\n const { theme, setTheme } = useTheme();\n const onClickHandler = () => {\n setTheme(theme === Theme.DARK ? Theme.LIGHT : Theme.DARK);\n };\n\n return (\n <Box {...props}>\n {theme === Theme.DARK ? (\n <SunIcon width={size} height={size} onClick={onClickHandler} />\n ) : (\n <MoonIcon width={size} height={size} onClick={onClickHandler} />\n )}\n </Box>\n );\n}\n"],"names":["theme","useTheme","_jsx","Box","SunIcon","MoonIcon"],"mappings":";;;;;;;AAIA,IAAK,KAGJ,CAAA;AAHD,CAAA,UAAK,KAAK,EAAA;AACR,IAAA,KAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHI,KAAK,KAAL,KAAK,GAGT,EAAA,CAAA,CAAA,CAAA;AAGK,SAAU,aAAa,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAS,EAAA;IAC1D,MAAM,SAAEA,OAAK,EAAE,QAAQ,EAAE,GAAGC,cAAQ,EAAE,CAAC;IACvC,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,QAAQ,CAACD,OAAK,KAAK,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AAC5D,KAAC,CAAC;IAEF,QACEE,gCAAC,CAAAC,OAAG,EAAK,EAAA,GAAA,KAAK,YACXH,OAAK,KAAK,KAAK,CAAC,IAAI,IACnBE,gCAAC,CAAAE,sBAAO,EAAC,EAAA,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAI,CAAA,KAE/DF,gCAAA,CAACG,uBAAQ,EAAA,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAI,CAAA,CACjE,EACG,CAAA,EACN;AACJ;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switcher.d.ts","sourceRoot":"","sources":["../../../../v1/components/themeProvider/switcher.tsx"],"names":[],"mappings":"AASA,KAAK,KAAK,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC/B,wBAAgB,aAAa,CAAC,EAAE,IAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAe3D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switcher.js","sources":["../../../../v1/components/themeProvider/switcher.tsx"],"sourcesContent":["import { MoonIcon, SunIcon } from \"@radix-ui/react-icons\";\nimport { useTheme } from \"./theme\";\nimport { Box } from \"../box\";\n\nenum Theme {\n DARK = \"dark\",\n LIGHT = \"light\",\n}\n\ntype Props = { size?: number };\nexport function ThemeSwitcher({ size = 30, ...props }: Props) {\n const { theme, setTheme } = useTheme();\n const onClickHandler = () => {\n setTheme(theme === Theme.DARK ? Theme.LIGHT : Theme.DARK);\n };\n\n return (\n <Box {...props}>\n {theme === Theme.DARK ? (\n <SunIcon width={size} height={size} onClick={onClickHandler} />\n ) : (\n <MoonIcon width={size} height={size} onClick={onClickHandler} />\n )}\n </Box>\n );\n}\n"],"names":["_jsx"],"mappings":";;;;;AAIA,IAAK,KAGJ,CAAA;AAHD,CAAA,UAAK,KAAK,EAAA;AACR,IAAA,KAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHI,KAAK,KAAL,KAAK,GAGT,EAAA,CAAA,CAAA,CAAA;AAGK,SAAU,aAAa,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAS,EAAA;IAC1D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IACvC,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,QAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AAC5D,KAAC,CAAC;IAEF,QACEA,qBAAC,CAAA,GAAG,EAAK,EAAA,GAAA,KAAK,YACX,KAAK,KAAK,KAAK,CAAC,IAAI,IACnBA,qBAAC,CAAA,OAAO,EAAC,EAAA,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAI,CAAA,KAE/DA,qBAAA,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAI,CAAA,CACjE,EACG,CAAA,EACN;AACJ;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.cjs","sources":["../../../../v1/components/themeProvider/theme.tsx"],"sourcesContent":["import React, {\n Fragment,\n createContext,\n memo,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport type { ThemeProviderProps, UseThemeProps } from \"./types\";\n\nconst colorSchemes = [\"light\", \"dark\"];\nconst MEDIA = \"(prefers-color-scheme: dark)\";\nconst isServer = typeof window === \"undefined\";\nconst ThemeContext = createContext<UseThemeProps | undefined>(undefined);\nconst defaultContext: UseThemeProps = { setTheme: (_) => {}, themes: [] };\n\nexport const useTheme = () => useContext(ThemeContext) ?? defaultContext;\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = (props) => {\n const context = useContext(ThemeContext);\n\n // Ignore nested context providers, just passthrough children\n if (context) return <Fragment>{props.children}</Fragment>;\n return <Theme {...props} />;\n};\n\nconst defaultThemes = [\"light\", \"dark\"];\n\nconst Theme: React.FC<ThemeProviderProps> = ({\n forcedTheme,\n disableTransitionOnChange = false,\n enableSystem = true,\n enableColorScheme = true,\n storageKey = \"theme\",\n themes = defaultThemes,\n defaultTheme = enableSystem ? \"system\" : \"light\",\n attribute = \"data-theme\",\n value,\n children,\n nonce,\n style = \"modern\",\n accentColor = \"indigo\",\n grayColor = \"slate\",\n}) => {\n const [theme, setThemeState] = useState(() =>\n getTheme(storageKey, defaultTheme)\n );\n const [resolvedTheme, setResolvedTheme] = useState(() =>\n getTheme(storageKey)\n );\n const attrs = !value ? themes : Object.values(value);\n\n const applyTheme = useCallback((theme: string) => {\n let resolved = theme;\n if (!resolved) return;\n\n // If theme is system, resolve it before setting theme\n if (theme === \"system\" && enableSystem) {\n resolved = getSystemTheme();\n }\n\n const name = value ? value[resolved] : resolved;\n const enable = disableTransitionOnChange ? disableAnimation() : null;\n const d = document.documentElement;\n\n if (attribute === \"class\") {\n d.classList.remove(...attrs);\n\n if (name) d.classList.add(name);\n } else {\n if (name) {\n d.setAttribute(attribute, name);\n } else {\n d.removeAttribute(attribute);\n }\n }\n\n d.setAttribute('data-style', style);\n d.setAttribute('data-accent-color', accentColor);\n d.setAttribute('data-gray-color', grayColor);\n\n if (enableColorScheme) {\n const fallback = colorSchemes.includes(defaultTheme)\n ? defaultTheme\n : null;\n const colorScheme = colorSchemes.includes(resolved) ? resolved : fallback;\n // @ts-ignore\n d.style.colorScheme = colorScheme;\n }\n\n enable?.();\n }, [style, accentColor, grayColor, attribute, attrs, value, enableSystem, enableColorScheme, defaultTheme]);\n\n const setTheme = useCallback(\n (theme: string) => {\n setThemeState(theme);\n\n // Save to storage\n try {\n localStorage.setItem(storageKey, theme);\n } catch (e) {\n // Unsupported\n }\n },\n [forcedTheme]\n );\n\n const handleMediaQuery = useCallback(\n (e: MediaQueryListEvent | MediaQueryList) => {\n const resolved = getSystemTheme(e);\n setResolvedTheme(resolved);\n\n if (theme === \"system\" && enableSystem && !forcedTheme) {\n applyTheme(\"system\");\n }\n },\n [theme, forcedTheme]\n );\n\n // Always listen to System preference\n useEffect(() => {\n const media = window.matchMedia(MEDIA);\n\n media.addEventListener('change', handleMediaQuery);\n handleMediaQuery(media);\n\n return () => media.removeEventListener('change', handleMediaQuery);\n }, [handleMediaQuery]);\n\n // localStorage event handling\n useEffect(() => {\n const handleStorage = (e: StorageEvent) => {\n if (e.key !== storageKey) {\n return;\n }\n\n // If default theme set, use it if localstorage === null (happens on local storage manual deletion)\n const theme = e.newValue || defaultTheme;\n setTheme(theme);\n };\n\n window.addEventListener(\"storage\", handleStorage);\n return () => window.removeEventListener(\"storage\", handleStorage);\n }, [setTheme]);\n\n // Whenever theme or forcedTheme changes, apply it\n useEffect(() => {\n // @ts-ignore\n applyTheme(forcedTheme ?? theme);\n }, [forcedTheme, theme]);\n\n const providerValue = useMemo(\n () => ({\n theme,\n setTheme,\n forcedTheme,\n resolvedTheme: theme === \"system\" ? resolvedTheme : theme,\n themes: enableSystem ? [...themes, \"system\"] : themes,\n systemTheme: (enableSystem ? resolvedTheme : undefined) as\n | \"light\"\n | \"dark\"\n | undefined,\n style,\n accentColor,\n grayColor,\n }),\n [theme, setTheme, forcedTheme, resolvedTheme, enableSystem, themes, style, accentColor, grayColor]\n );\n\n return (\n <ThemeContext.Provider value={providerValue}>\n <ThemeScript\n {...{\n forcedTheme,\n disableTransitionOnChange,\n enableSystem,\n enableColorScheme,\n storageKey,\n themes,\n defaultTheme,\n attribute,\n value,\n children,\n attrs,\n nonce,\n style,\n accentColor,\n grayColor,\n }}\n />\n {children}\n </ThemeContext.Provider>\n );\n};\n\nconst ThemeScript = memo(\n ({\n forcedTheme,\n storageKey,\n attribute,\n enableSystem,\n enableColorScheme,\n defaultTheme,\n value,\n attrs,\n nonce,\n style,\n accentColor,\n grayColor,\n }: ThemeProviderProps & { attrs: string[]; defaultTheme: string }) => {\n const defaultSystem = defaultTheme === \"system\";\n\n // Code-golfing the amount of characters in the script\n const optimization = (() => {\n if (attribute === \"class\") {\n const removeClasses = `c.remove(${attrs\n .map((t: string) => `'${t}'`)\n .join(\",\")})`;\n\n return `var d=document.documentElement,c=d.classList;${removeClasses};`;\n } else {\n return `var d=document.documentElement,n='${attribute}',s='setAttribute';`;\n }\n })();\n\n const fallbackColorScheme = (() => {\n if (!enableColorScheme) {\n return \"\";\n }\n\n const fallback = colorSchemes.includes(defaultTheme)\n ? defaultTheme\n : null;\n\n if (fallback) {\n return `if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'${defaultTheme}'`;\n } else {\n return `if(e==='light'||e==='dark')d.style.colorScheme=e`;\n }\n })();\n\n const updateDOM = (\n name: string,\n literal: boolean = false,\n setColorScheme = true\n ) => {\n const resolvedName = value ? value[name] : name;\n const val = literal ? name + `|| ''` : `'${resolvedName}'`;\n let text = \"\";\n\n // MUCH faster to set colorScheme alongside HTML attribute/class\n // as it only incurs 1 style recalculation rather than 2\n // This can save over 250ms of work for pages with big DOM\n if (\n enableColorScheme &&\n setColorScheme &&\n !literal &&\n colorSchemes.includes(name)\n ) {\n text += `d.style.colorScheme = '${name}';`;\n }\n\n if (attribute === \"class\") {\n if (literal || resolvedName) {\n text += `c.add(${val})`;\n } else {\n text += `null`;\n }\n } else {\n if (resolvedName) {\n text += `d[s](n,${val})`;\n }\n }\n\n return text;\n };\n\n const scriptSrc = (() => {\n if (forcedTheme) {\n return `!function(){${optimization}${updateDOM(forcedTheme)};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}()`;\n }\n\n if (enableSystem) {\n return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if('system'===e||(!e&&${defaultSystem})){var t='${MEDIA}',m=window.matchMedia(t);if(m.media!==t||m.matches){${updateDOM(\n \"dark\"\n )}}else{${updateDOM(\"light\")}}}else if(e){${\n value ? `var x=${JSON.stringify(value)};` : \"\"\n }${updateDOM(value ? `x[e]` : \"e\", true)}}${\n !defaultSystem\n ? `else{` + updateDOM(defaultTheme, false, false) + \"}\"\n : \"\"\n }${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(e){}}()`;\n }\n\n return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if(e){${\n value ? `var x=${JSON.stringify(value)};` : \"\"\n }${updateDOM(value ? `x[e]` : \"e\", true)}}else{${updateDOM(\n defaultTheme,\n false,\n false\n )};}${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(t){}}();`;\n })();\n\n return (\n <script nonce={nonce} dangerouslySetInnerHTML={{ __html: scriptSrc }} />\n );\n },\n // Never re-render this component\n () => true\n);\n\n// Helpers\nconst getTheme = (key: string, fallback?: string) => {\n if (isServer) return undefined;\n let theme;\n try {\n theme = localStorage.getItem(key) || undefined;\n } catch (e) {\n // Unsupported\n }\n return theme || fallback;\n};\n\nconst disableAnimation = () => {\n const css = document.createElement(\"style\");\n css.appendChild(\n document.createTextNode(\n `*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`\n )\n );\n document.head.appendChild(css);\n\n return () => {\n // Force restyle\n (() => window.getComputedStyle(document.body))();\n\n // Wait for next tick before removing\n setTimeout(() => {\n document.head.removeChild(css);\n }, 1);\n };\n};\n\nconst getSystemTheme = (e?: MediaQueryList | MediaQueryListEvent) => {\n if (!e) e = window.matchMedia(MEDIA);\n const isDark = e.matches;\n const systemTheme = isDark ? \"dark\" : \"light\";\n return systemTheme;\n};\n"],"names":["createContext","useContext","_jsx","Fragment","useState","useCallback","useEffect","useMemo","_jsxs","memo"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../v1/components/themeProvider/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQjE,eAAO,MAAM,QAAQ,qBAAmD,CAAC;AAEzE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAMtD,CAAC"}
|