@webiny/ui 5.37.8 → 5.38.0-beta.1

package/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_dataTable","_reactTable","_Checkbox","_Skeleton","_styled","defineColumns","columns","options","canSelectAllRows","onSelectRow","loadingInitial","useMemo","columnsList","Object","keys","map","key","_objectSpread3","default","id","defaults","column","header","meta","cell","_column$enableSorting","enableSorting","className","accessorKey","info","row","original","getValue","select","_ref","table","createElement","Checkbox","indeterminate","getIsSomeRowsSelected","value","getIsAllRowsSelected","onChange","e","toggleAllPageRowsSelected","getCanSelect","Fragment","getIsSomeSelected","getIsSelected","getToggleSelectedHandler","hasFormControl","concat","_toConsumableArray2","Skeleton","defineData","data","Array","fill","ColumnDirection","_ref2","direction","ColumnDirectionWrapper","ColumnDirectionIcon","typedMemo","memo","TableCell","_ref3","DataTableCell","columnDef","flexRender","getContext","MemoTableCell","TableRow","_ref4","selected","DataTableRow","getVisibleCells","MemoTableRow","DataTable","_ref5","stickyColumns","stickyRows","bordered","sorting","onSortingChange","isRowSelectable","_ref5$canSelectAllRow","_ref5$selectedRows","selectedRows","rowSelection","reduce","acc","item","recordIndex","findIndex","rec","_defineProperty2","onRowSelectionChange","updater","newSelection","selection","parseInt","useReactTable","getCoreRowModel","getSortedRowModel","state","enableRowSelection","manualSorting","Table","DataTableContent","DataTableHead","getHeaderGroups","headerGroup","headers","_ref6","isPlaceholder","DataTableHeadCell","assign","ColumnHeaderWrapper","onClick","getToggleSortingHandler","sortable","getCanSort","getIsSorted","undefined","DataTableBody","getRowModel","rows","exports"],"sources":["DataTable.tsx"],"sourcesContent":["import React, { memo, ReactElement, useMemo } from \"react\";\n\nimport {\n    DataTableContent,\n    DataTableHead,\n    DataTableRow,\n    DataTableHeadCell,\n    DataTableBody,\n    DataTableCell,\n    DataTableCellProps\n} from \"@rmwc/data-table\";\n\nimport {\n    flexRender,\n    getCoreRowModel,\n    useReactTable,\n    ColumnDef,\n    getSortedRowModel,\n    OnChangeFn,\n    SortingState,\n    RowSelectionState,\n    Row,\n    Cell\n} from \"@tanstack/react-table\";\n\nimport { Checkbox } from \"~/Checkbox\";\nimport { Skeleton } from \"~/Skeleton\";\n\nimport \"@rmwc/data-table/data-table.css\";\nimport { ColumnDirectionIcon, ColumnDirectionWrapper, ColumnHeaderWrapper, Table } from \"./styled\";\n\ninterface Column<T> {\n    /*\n     * Column header component.\n     */\n    header: string | number | JSX.Element;\n    /*\n     * Cell renderer, receives the full row and returns the value to render inside the cell.\n     */\n    cell?: (row: T) => string | number | JSX.Element;\n    /*\n     * Additional props to add to both header and row cells. Refer to RMWC documentation.\n     */\n    meta?: DataTableCellProps;\n    /*\n     * Column class names.\n     */\n    className?: string;\n    /*\n     * Enable column sorting.\n     */\n    enableSorting?: boolean;\n}\n\nexport type Columns<T> = {\n    [P in keyof T]?: Column<T>;\n};\n\nexport type DefaultData = {\n    id: string;\n    /*\n     * Define if a specific row can be selected.\n     */\n    selectable?: boolean;\n};\n\nexport type Sorting = SortingState;\n\nexport type OnSortingChange = OnChangeFn<Sorting>;\n\ninterface Props<T> {\n    /**\n     * Show or hide borders.\n     */\n    bordered?: boolean;\n    /**\n     * Controls whether \"select all\" action is allowed.\n     */\n    canSelectAllRows?: boolean;\n    /**\n     * Columns definition.\n     */\n    columns: Columns<T>;\n    /**\n     * Data to display into DataTable body.\n     */\n    data: T[];\n    /**\n     * Callback that is called to determine if the row is selectable.\n     */\n    isRowSelectable?: (row: Row<T>) => boolean;\n    /**\n     * Render the skeleton state at the initial data loading.\n     */\n    loadingInitial?: boolean;\n    /**\n     * Callback that receives the selected rows.\n     */\n    onSelectRow?: (rows: T[]) => void;\n    /**\n     * Callback that receives current sorting state.\n     */\n    onSortingChange?: OnSortingChange;\n    /**\n     * Selected rows.\n     */\n    selectedRows?: T[];\n    /**\n     * Sorting state.\n     */\n    sorting?: Sorting;\n    /**\n     * The number of columns to affix to the side of the table when scrolling.\n     */\n    stickyColumns?: number;\n    /**\n     * The number of rows to affix to the top of the table when scrolling.\n     */\n    stickyRows?: number;\n}\n\nexport interface ColumnDirectionProps {\n    direction?: \"asc\" | \"desc\";\n}\n\ninterface DefineColumnsOptions<T> {\n    canSelectAllRows: boolean;\n    onSelectRow: Props<T>[\"onSelectRow\"];\n    loadingInitial: Props<T>[\"loadingInitial\"];\n}\n\nconst defineColumns = <T,>(\n    columns: Props<T>[\"columns\"],\n    options: DefineColumnsOptions<T>\n): ColumnDef<T>[] => {\n    const { canSelectAllRows, onSelectRow, loadingInitial } = options;\n\n    return useMemo(() => {\n        const columnsList = Object.keys(columns).map(key => ({\n            id: key,\n            ...columns[key as keyof typeof columns]\n        }));\n\n        const defaults: ColumnDef<T>[] = columnsList.map(column => {\n            const { id, header, meta, cell, enableSorting = false, className } = column;\n\n            return {\n                accessorKey: id,\n                header: () => header,\n                cell: info => {\n                    if (cell && typeof cell === \"function\") {\n                        return cell(info.row.original);\n                    } else {\n                        return info.getValue();\n                    }\n                },\n                enableSorting,\n                meta: {\n                    ...meta,\n                    className\n                }\n            };\n        });\n\n        const select: ColumnDef<T>[] = !!onSelectRow\n            ? [\n                  {\n                      id: \"datatable-select-column\",\n                      header: ({ table }) => {\n                          if (!canSelectAllRows) {\n                              return null;\n                          }\n\n                          return (\n                              !loadingInitial && (\n                                  <Checkbox\n                                      indeterminate={table.getIsSomeRowsSelected()}\n                                      value={table.getIsAllRowsSelected()}\n                                      onChange={e => table.toggleAllPageRowsSelected(e)}\n                                  />\n                              )\n                          );\n                      },\n                      cell: info => {\n                          if (!info.row.getCanSelect()) {\n                              return <></>;\n                          }\n                          return (\n                              <Checkbox\n                                  indeterminate={info.row.getIsSomeSelected()}\n                                  value={info.row.getIsSelected()}\n                                  onChange={info.row.getToggleSelectedHandler()}\n                              />\n                          );\n                      },\n                      meta: {\n                          hasFormControl: true,\n                          className: \"datatable-select-column\"\n                      },\n                      enableSorting: false\n                  }\n              ]\n            : [];\n\n        return [...select, ...defaults].map(column => {\n            if (loadingInitial) {\n                return {\n                    ...column,\n                    cell: () => <Skeleton />\n                };\n            }\n\n            return column;\n        });\n    }, [columns, onSelectRow, loadingInitial]);\n};\n\nconst defineData = <T,>(\n    data: Props<T>[\"data\"],\n    loadingInitial: Props<T>[\"loadingInitial\"]\n): T[] => {\n    return useMemo(() => {\n        if (loadingInitial) {\n            return Array(10).fill({});\n        }\n        return data;\n    }, [data, loadingInitial]);\n};\n\nconst ColumnDirection = ({ direction }: ColumnDirectionProps): ReactElement | null => {\n    if (direction) {\n        return (\n            <ColumnDirectionWrapper>\n                <ColumnDirectionIcon direction={direction} />\n            </ColumnDirectionWrapper>\n        );\n    }\n\n    return null;\n};\n\nconst typedMemo: <T>(component: T) => T = memo;\n\ninterface TableCellProps<T> {\n    cell: Cell<T, unknown>;\n}\n\nconst TableCell = <T,>({ cell }: TableCellProps<T>) => (\n    <DataTableCell {...cell.column.columnDef.meta}>\n        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </DataTableCell>\n);\n\nconst MemoTableCell = typedMemo(TableCell);\n\ninterface TableRowProps<T> {\n    row: Row<T>;\n    selected: boolean;\n}\n\nconst TableRow = <T,>({ row, selected }: TableRowProps<T>) => {\n    return (\n        <DataTableRow selected={selected}>\n            {row.getVisibleCells().map(cell => (\n                <MemoTableCell<T> key={cell.id} cell={cell} />\n            ))}\n        </DataTableRow>\n    );\n};\n\nconst MemoTableRow = typedMemo(TableRow);\n\nexport const DataTable = <T extends Object & DefaultData>({\n    data,\n    columns,\n    onSelectRow,\n    loadingInitial,\n    stickyColumns,\n    stickyRows,\n    bordered,\n    sorting,\n    onSortingChange,\n    isRowSelectable,\n    canSelectAllRows = true,\n    selectedRows = []\n}: Props<T>) => {\n    const rowSelection = useMemo(() => {\n        return selectedRows.reduce<RowSelectionState>((acc, item) => {\n            const recordIndex = data.findIndex(rec => rec.id === item.id);\n            return { ...acc, [recordIndex]: true };\n        }, {});\n    }, [selectedRows, data]);\n\n    const onRowSelectionChange: OnChangeFn<RowSelectionState> = updater => {\n        if (typeof onSelectRow === \"function\") {\n            const newSelection = typeof updater === \"function\" ? updater(rowSelection) : updater;\n            const selection = Object.keys(newSelection).map(key => data[parseInt(key)]);\n            onSelectRow(selection);\n        }\n    };\n\n    const table = useReactTable({\n        data: defineData(data, loadingInitial),\n        columns: defineColumns(columns, { canSelectAllRows, onSelectRow, loadingInitial }),\n        getCoreRowModel: getCoreRowModel(),\n        getSortedRowModel: getSortedRowModel(),\n        state: {\n            rowSelection,\n            sorting\n        },\n        enableRowSelection: isRowSelectable,\n        onRowSelectionChange,\n        enableSorting: !!onSortingChange,\n        manualSorting: true,\n        onSortingChange\n    });\n\n    return (\n        <Table stickyColumns={stickyColumns} stickyRows={stickyRows} bordered={bordered}>\n            <DataTableContent>\n                <DataTableHead>\n                    {table.getHeaderGroups().map(headerGroup => (\n                        <DataTableRow key={headerGroup.id}>\n                            {headerGroup.headers.map(\n                                ({ id, isPlaceholder, column, getContext }) => (\n                                    <DataTableHeadCell key={id} {...column.columnDef.meta}>\n                                        {isPlaceholder ? null : (\n                                            <ColumnHeaderWrapper\n                                                onClick={column.getToggleSortingHandler()}\n                                                sortable={column.getCanSort()}\n                                            >\n                                                {flexRender(column.columnDef.header, getContext())}\n                                                <ColumnDirection\n                                                    direction={column.getIsSorted() || undefined}\n                                                />\n                                            </ColumnHeaderWrapper>\n                                        )}\n                                    </DataTableHeadCell>\n                                )\n                            )}\n                        </DataTableRow>\n                    ))}\n                </DataTableHead>\n                <DataTableBody>\n                    {table.getRowModel().rows.map(row => (\n                        <MemoTableRow<T>\n                            key={row.original.id || row.id}\n                            row={row}\n                            selected={row.getIsSelected()}\n                        />\n                    ))}\n                </DataTableBody>\n            </DataTableContent>\n        </Table>\n    );\n};\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAUA,IAAAE,WAAA,GAAAF,OAAA;AAaA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEAA,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAsGA,IAAMM,aAAa,GAAG,SAAhBA,aAAaA,CACfC,OAA4B,EAC5BC,OAAgC,EACf;EACjB,IAAQC,gBAAgB,GAAkCD,OAAO,CAAzDC,gBAAgB;IAAEC,WAAW,GAAqBF,OAAO,CAAvCE,WAAW;IAAEC,cAAc,GAAKH,OAAO,CAA1BG,cAAc;EAErD,OAAO,IAAAC,cAAO,EAAC,YAAM;IACjB,IAAMC,WAAW,GAAGC,MAAM,CAACC,IAAI,CAACR,OAAO,CAAC,CAACS,GAAG,CAAC,UAAAC,GAAG;MAAA,WAAAC,cAAA,CAAAC,OAAA;QAC5CC,EAAE,EAAEH;MAAG,GACJV,OAAO,CAACU,GAAG,CAAyB;IAAA,CACzC,CAAC;IAEH,IAAMI,QAAwB,GAAGR,WAAW,CAACG,GAAG,CAAC,UAAAM,MAAM,EAAI;MACvD,IAAQF,EAAE,GAA2DE,MAAM,CAAnEF,EAAE;QAAEG,OAAM,GAAmDD,MAAM,CAA/DC,MAAM;QAAEC,IAAI,GAA6CF,MAAM,CAAvDE,IAAI;QAAEC,KAAI,GAAuCH,MAAM,CAAjDG,IAAI;QAAAC,qBAAA,GAAuCJ,MAAM,CAA3CK,aAAa;QAAbA,aAAa,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;QAAEE,SAAS,GAAKN,MAAM,CAApBM,SAAS;MAEhE,OAAO;QACHC,WAAW,EAAET,EAAE;QACfG,MAAM,EAAE,SAAAA,OAAA;UAAA,OAAMA,OAAM;QAAA;QACpBE,IAAI,EAAE,SAAAA,KAAAK,IAAI,EAAI;UACV,IAAIL,KAAI,IAAI,OAAOA,KAAI,KAAK,UAAU,EAAE;YACpC,OAAOA,KAAI,CAACK,IAAI,CAACC,GAAG,CAACC,QAAQ,CAAC;UAClC,CAAC,MAAM;YACH,OAAOF,IAAI,CAACG,QAAQ,CAAC,CAAC;UAC1B;QACJ,CAAC;QACDN,aAAa,EAAbA,aAAa;QACbH,IAAI,MAAAN,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACGK,IAAI;UACPI,SAAS,EAATA;QAAS;MAEjB,CAAC;IACL,CAAC,CAAC;IAEF,IAAMM,MAAsB,GAAG,CAAC,CAACxB,WAAW,GACtC,CACI;MACIU,EAAE,EAAE,yBAAyB;MAC7BG,MAAM,EAAE,SAAAA,OAAAY,IAAA,EAAe;QAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACZ,IAAI,CAAC3B,gBAAgB,EAAE;UACnB,OAAO,IAAI;QACf;QAEA,OACI,CAACE,cAAc,iBACXb,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAAClC,SAAA,CAAAmC,QAAQ;UACLC,aAAa,EAAEH,KAAK,CAACI,qBAAqB,CAAC,CAAE;UAC7CC,KAAK,EAAEL,KAAK,CAACM,oBAAoB,CAAC,CAAE;UACpCC,QAAQ,EAAE,SAAAA,SAAAC,CAAC;YAAA,OAAIR,KAAK,CAACS,yBAAyB,CAACD,CAAC,CAAC;UAAA;QAAC,CACrD,CACJ;MAET,CAAC;MACDnB,IAAI,EAAE,SAAAA,KAAAK,IAAI,EAAI;QACV,IAAI,CAACA,IAAI,CAACC,GAAG,CAACe,YAAY,CAAC,CAAC,EAAE;UAC1B,oBAAOhD,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAAAvC,MAAA,CAAAqB,OAAA,CAAA4B,QAAA,MAAI,CAAC;QAChB;QACA,oBACIjD,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAAClC,SAAA,CAAAmC,QAAQ;UACLC,aAAa,EAAET,IAAI,CAACC,GAAG,CAACiB,iBAAiB,CAAC,CAAE;UAC5CP,KAAK,EAAEX,IAAI,CAACC,GAAG,CAACkB,aAAa,CAAC,CAAE;UAChCN,QAAQ,EAAEb,IAAI,CAACC,GAAG,CAACmB,wBAAwB,CAAC;QAAE,CACjD,CAAC;MAEV,CAAC;MACD1B,IAAI,EAAE;QACF2B,cAAc,EAAE,IAAI;QACpBvB,SAAS,EAAE;MACf,CAAC;MACDD,aAAa,EAAE;IACnB,CAAC,CACJ,GACD,EAAE;IAER,OAAO,GAAAyB,MAAA,CAAIlB,MAAM,MAAAmB,mBAAA,CAAAlC,OAAA,EAAKE,QAAQ,GAAEL,GAAG,CAAC,UAAAM,MAAM,EAAI;MAC1C,IAAIX,cAAc,EAAE;QAChB,WAAAO,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOG,MAAM;UACTG,IAAI,EAAE,SAAAA,KAAA;YAAA,oBAAM3B,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAACjC,SAAA,CAAAkD,QAAQ,MAAE,CAAC;UAAA;QAAA;MAEhC;MAEA,OAAOhC,MAAM;IACjB,CAAC,CAAC;EACN,CAAC,EAAE,CAACf,OAAO,EAAEG,WAAW,EAAEC,cAAc,CAAC,CAAC;AAC9C,CAAC;AAED,IAAM4C,UAAU,GAAG,SAAbA,UAAUA,CACZC,IAAsB,EACtB7C,cAA0C,EACpC;EACN,OAAO,IAAAC,cAAO,EAAC,YAAM;IACjB,IAAID,cAAc,EAAE;MAChB,OAAO8C,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC7B;IACA,OAAOF,IAAI;EACf,CAAC,EAAE,CAACA,IAAI,EAAE7C,cAAc,CAAC,CAAC;AAC9B,CAAC;AAED,IAAMgD,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,KAAA,EAAiE;EAAA,IAA3DC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAChC,IAAIA,SAAS,EAAE;IACX,oBACI/D,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAAChC,OAAA,CAAAyD,sBAAsB,qBACnBhE,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAAChC,OAAA,CAAA0D,mBAAmB;MAACF,SAAS,EAAEA;IAAU,CAAE,CACxB,CAAC;EAEjC;EAEA,OAAO,IAAI;AACf,CAAC;AAED,IAAMG,SAAiC,GAAGC,WAAI;AAM9C,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA;EAAA,IAAU1C,IAAI,GAAA0C,KAAA,CAAJ1C,IAAI;EAAA,oBACzB3B,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAACpC,UAAA,CAAAmE,aAAa,EAAK3C,IAAI,CAACH,MAAM,CAAC+C,SAAS,CAAC7C,IAAI,EACxC,IAAA8C,sBAAU,EAAC7C,IAAI,CAACH,MAAM,CAAC+C,SAAS,CAAC5C,IAAI,EAAEA,IAAI,CAAC8C,UAAU,CAAC,CAAC,CAC9C,CAAC;AAAA,CACnB;AAED,IAAMC,aAAa,GAAGR,SAAS,CAACE,SAAS,CAAC;AAO1C,IAAMO,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAAgD;EAAA,IAAtC3C,GAAG,GAAA2C,KAAA,CAAH3C,GAAG;IAAE4C,QAAQ,GAAAD,KAAA,CAARC,QAAQ;EACjC,oBACI7E,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAACpC,UAAA,CAAA2E,YAAY;IAACD,QAAQ,EAAEA;EAAS,GAC5B5C,GAAG,CAAC8C,eAAe,CAAC,CAAC,CAAC7D,GAAG,CAAC,UAAAS,IAAI;IAAA,oBAC3B3B,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAACmC,aAAa;MAAIvD,GAAG,EAAEQ,IAAI,CAACL,EAAG;MAACK,IAAI,EAAEA;IAAK,CAAE,CAAC;EAAA,CACjD,CACS,CAAC;AAEvB,CAAC;AAED,IAAMqD,YAAY,GAAGd,SAAS,CAACS,QAAQ,CAAC;AAEjC,IAAMM,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA,EAaN;EAAA,IAZZxB,IAAI,GAAAwB,KAAA,CAAJxB,IAAI;IACJjD,OAAO,GAAAyE,KAAA,CAAPzE,OAAO;IACPG,WAAW,GAAAsE,KAAA,CAAXtE,WAAW;IACXC,cAAc,GAAAqE,KAAA,CAAdrE,cAAc;IACdsE,aAAa,GAAAD,KAAA,CAAbC,aAAa;IACbC,UAAU,GAAAF,KAAA,CAAVE,UAAU;IACVC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IACRC,OAAO,GAAAJ,KAAA,CAAPI,OAAO;IACPC,eAAe,GAAAL,KAAA,CAAfK,eAAe;IACfC,eAAe,GAAAN,KAAA,CAAfM,eAAe;IAAAC,qBAAA,GAAAP,KAAA,CACfvE,gBAAgB;IAAhBA,gBAAgB,GAAA8E,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAAAC,kBAAA,GAAAR,KAAA,CACvBS,YAAY;IAAZA,YAAY,GAAAD,kBAAA,cAAG,EAAE,GAAAA,kBAAA;EAEjB,IAAME,YAAY,GAAG,IAAA9E,cAAO,EAAC,YAAM;IAC/B,OAAO6E,YAAY,CAACE,MAAM,CAAoB,UAACC,GAAG,EAAEC,IAAI,EAAK;MACzD,IAAMC,WAAW,GAAGtC,IAAI,CAACuC,SAAS,CAAC,UAAAC,GAAG;QAAA,OAAIA,GAAG,CAAC5E,EAAE,KAAKyE,IAAI,CAACzE,EAAE;MAAA,EAAC;MAC7D,WAAAF,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAYyE,GAAG,WAAAK,gBAAA,CAAA9E,OAAA,MAAG2E,WAAW,EAAG,IAAI;IACxC,CAAC,EAAE,CAAC,CAAC,CAAC;EACV,CAAC,EAAE,CAACL,YAAY,EAAEjC,IAAI,CAAC,CAAC;EAExB,IAAM0C,oBAAmD,GAAG,SAAtDA,oBAAmDA,CAAGC,OAAO,EAAI;IACnE,IAAI,OAAOzF,WAAW,KAAK,UAAU,EAAE;MACnC,IAAM0F,YAAY,GAAG,OAAOD,OAAO,KAAK,UAAU,GAAGA,OAAO,CAACT,YAAY,CAAC,GAAGS,OAAO;MACpF,IAAME,SAAS,GAAGvF,MAAM,CAACC,IAAI,CAACqF,YAAY,CAAC,CAACpF,GAAG,CAAC,UAAAC,GAAG;QAAA,OAAIuC,IAAI,CAAC8C,QAAQ,CAACrF,GAAG,CAAC,CAAC;MAAA,EAAC;MAC3EP,WAAW,CAAC2F,SAAS,CAAC;IAC1B;EACJ,CAAC;EAED,IAAMjE,KAAK,GAAG,IAAAmE,yBAAa,EAAC;IACxB/C,IAAI,EAAED,UAAU,CAACC,IAAI,EAAE7C,cAAc,CAAC;IACtCJ,OAAO,EAAED,aAAa,CAACC,OAAO,EAAE;MAAEE,gBAAgB,EAAhBA,gBAAgB;MAAEC,WAAW,EAAXA,WAAW;MAAEC,cAAc,EAAdA;IAAe,CAAC,CAAC;IAClF6F,eAAe,EAAE,IAAAA,2BAAe,EAAC,CAAC;IAClCC,iBAAiB,EAAE,IAAAA,6BAAiB,EAAC,CAAC;IACtCC,KAAK,EAAE;MACHhB,YAAY,EAAZA,YAAY;MACZN,OAAO,EAAPA;IACJ,CAAC;IACDuB,kBAAkB,EAAErB,eAAe;IACnCY,oBAAoB,EAApBA,oBAAoB;IACpBvE,aAAa,EAAE,CAAC,CAAC0D,eAAe;IAChCuB,aAAa,EAAE,IAAI;IACnBvB,eAAe,EAAfA;EACJ,CAAC,CAAC;EAEF,oBACIvF,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAAChC,OAAA,CAAAwG,KAAK;IAAC5B,aAAa,EAAEA,aAAc;IAACC,UAAU,EAAEA,UAAW;IAACC,QAAQ,EAAEA;EAAS,gBAC5ErF,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAACpC,UAAA,CAAA6G,gBAAgB,qBACbhH,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAACpC,UAAA,CAAA8G,aAAa,QACT3E,KAAK,CAAC4E,eAAe,CAAC,CAAC,CAAChG,GAAG,CAAC,UAAAiG,WAAW;IAAA,oBACpCnH,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAACpC,UAAA,CAAA2E,YAAY;MAAC3D,GAAG,EAAEgG,WAAW,CAAC7F;IAAG,GAC7B6F,WAAW,CAACC,OAAO,CAAClG,GAAG,CACpB,UAAAmG,KAAA;MAAA,IAAG/F,EAAE,GAAA+F,KAAA,CAAF/F,EAAE;QAAEgG,aAAa,GAAAD,KAAA,CAAbC,aAAa;QAAE9F,MAAM,GAAA6F,KAAA,CAAN7F,MAAM;QAAEiD,UAAU,GAAA4C,KAAA,CAAV5C,UAAU;MAAA,oBACpCzE,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAACpC,UAAA,CAAAoH,iBAAiB,EAAAvG,MAAA,CAAAwG,MAAA;QAACrG,GAAG,EAAEG;MAAG,GAAKE,MAAM,CAAC+C,SAAS,CAAC7C,IAAI,GAChD4F,aAAa,GAAG,IAAI,gBACjBtH,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAAChC,OAAA,CAAAkH,mBAAmB;QAChBC,OAAO,EAAElG,MAAM,CAACmG,uBAAuB,CAAC,CAAE;QAC1CC,QAAQ,EAAEpG,MAAM,CAACqG,UAAU,CAAC;MAAE,GAE7B,IAAArD,sBAAU,EAAChD,MAAM,CAAC+C,SAAS,CAAC9C,MAAM,EAAEgD,UAAU,CAAC,CAAC,CAAC,eAClDzE,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAACsB,eAAe;QACZE,SAAS,EAAEvC,MAAM,CAACsG,WAAW,CAAC,CAAC,IAAIC;MAAU,CAChD,CACgB,CAEV,CAAC;IAAA,CAE5B,CACU,CAAC;EAAA,CAClB,CACU,CAAC,eAChB/H,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAACpC,UAAA,CAAA6H,aAAa,QACT1F,KAAK,CAAC2F,WAAW,CAAC,CAAC,CAACC,IAAI,CAAChH,GAAG,CAAC,UAAAe,GAAG;IAAA,oBAC7BjC,MAAA,CAAAqB,OAAA,CAAAkB,aAAA,CAACyC,YAAY;MACT7D,GAAG,EAAEc,GAAG,CAACC,QAAQ,CAACZ,EAAE,IAAIW,GAAG,CAACX,EAAG;MAC/BW,GAAG,EAAEA,GAAI;MACT4C,QAAQ,EAAE5C,GAAG,CAACkB,aAAa,CAAC;IAAE,CACjC,CAAC;EAAA,CACL,CACU,CACD,CACf,CAAC;AAEhB,CAAC;AAACgF,OAAA,CAAAlD,SAAA,GAAAA,SAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_dataTable","_reactTable","_Checkbox","_Skeleton","_styled","defineColumns","columns","options","canSelectAllRows","onSelectRow","onToggleRow","loadingInitial","useMemo","columnsList","Object","keys","map","key","_objectSpread3","default","id","defaults","column","cell","className","_column$enableResizin","enableResizing","_column$enableSorting","enableSorting","header","meta","_column$size","size","accessorKey","info","row","original","getValue","isSelectable","select","_ref","table","createElement","Checkbox","indeterminate","getIsSomeRowsSelected","value","getIsAllRowsSelected","onChange","e","toggleAllPageRowsSelected","getCanSelect","Fragment","getIsSomeSelected","getIsSelected","getToggleSelectedHandler","hasFormControl","concat","_toConsumableArray2","Skeleton","defineData","data","Array","fill","ColumnDirection","_ref2","direction","ColumnDirectionWrapper","ColumnDirectionIcon","typedMemo","memo","TableCell","_ref3","DataTableCell","assign","columnDef","style","width","getSize","flexRender","getContext","MemoTableCell","TableRow","_ref4","selected","DataTableRow","getVisibleCells","MemoTableRow","DataTable","_ref5","stickyColumns","stickyRows","bordered","sorting","onSortingChange","isRowSelectable","_ref5$canSelectAllRow","_ref5$selectedRows","selectedRows","initialSorting","rowSelection","reduce","acc","item","recordIndex","findIndex","rec","_defineProperty2","onRowSelectionChange","updater","newSelection","toggledRows","filter","x","length","parseInt","selection","tableSorting","isArray","useReactTable","enableColumnResizing","columnResizeMode","getCoreRowModel","getSortedRowModel","state","enableRowSelection","manualSorting","Table","DataTableContent","DataTableHead","getHeaderGroups","headerGroup","headers","_ref6","isPlaceholder","colSpan","getResizeHandler","TableHeadCell","ColumnHeaderWrapper","onClick","getToggleSortingHandler","sortable","getCanSort","getIsSorted","undefined","getCanResize","Resizer","onMouseDown","onTouchStart","isResizing","getIsResizing","DataTableBody","getRowModel","rows","exports"],"sources":["DataTable.tsx"],"sourcesContent":["import React, { memo, ReactElement, useMemo } from \"react\";\n\nimport {\n    DataTableContent,\n    DataTableHead,\n    DataTableRow,\n    DataTableBody,\n    DataTableCell,\n    DataTableCellProps\n} from \"@rmwc/data-table\";\n\nimport {\n    flexRender,\n    getCoreRowModel,\n    useReactTable,\n    ColumnDef,\n    getSortedRowModel,\n    OnChangeFn,\n    SortingState,\n    RowSelectionState,\n    Row,\n    Cell\n} from \"@tanstack/react-table\";\n\nimport { Checkbox } from \"~/Checkbox\";\nimport { Skeleton } from \"~/Skeleton\";\n\nimport \"@rmwc/data-table/data-table.css\";\nimport {\n    ColumnDirectionIcon,\n    ColumnDirectionWrapper,\n    ColumnHeaderWrapper,\n    Resizer,\n    Table,\n    TableHeadCell\n} from \"./styled\";\n\ninterface Column<T> {\n    /*\n     * Column header component.\n     */\n    header: string | number | JSX.Element;\n    /*\n     * Cell renderer, receives the full row and returns the value to render inside the cell.\n     */\n    cell?: (row: T) => string | number | JSX.Element | null;\n    /*\n     * Additional props to add to both header and row cells. Refer to RMWC documentation.\n     */\n    meta?: DataTableCellProps;\n    /*\n     * Column size.\n     */\n    size?: number;\n    /*\n     * Column class names.\n     */\n    className?: string;\n    /*\n     * Enable column sorting.\n     */\n    enableSorting?: boolean;\n    /*\n     * Enable column resizing.\n     */\n    enableResizing?: boolean;\n}\n\nexport type Columns<T> = {\n    [P in keyof T]?: Column<T>;\n};\n\nexport type DefaultData = {\n    id: string;\n    /*\n     * Define if a specific row can be selected.\n     */\n    selectable?: boolean;\n};\n\nexport type Sorting = SortingState;\n\nexport type OnSortingChange = OnChangeFn<Sorting>;\n\ninterface Props<T> {\n    /**\n     * Show or hide borders.\n     */\n    bordered?: boolean;\n    /**\n     * Controls whether \"select all\" action is allowed.\n     */\n    canSelectAllRows?: boolean;\n    /**\n     * Columns definition.\n     */\n    columns: Columns<T>;\n    /**\n     * Data to display into DataTable body.\n     */\n    data: T[];\n    /**\n     * Callback that is called to determine if the row is selectable.\n     */\n    isRowSelectable?: (row: Row<T>) => boolean;\n    /**\n     * Render the skeleton state at the initial data loading.\n     */\n    loadingInitial?: boolean;\n    /**\n     * Callback that receives the selected rows.\n     */\n    onSelectRow?: (rows: T[]) => void;\n    /**\n     * Callback that receives the toggled row.\n     */\n    onToggleRow?: (row: T) => void;\n    /**\n     * Callback that receives current sorting state.\n     */\n    onSortingChange?: OnSortingChange;\n    /**\n     * Selected rows.\n     */\n    selectedRows?: T[];\n    /**\n     * Sorting state.\n     */\n    sorting?: Sorting;\n    /**\n     * Initial sorting state.\n     */\n    initialSorting?: Sorting;\n    /**\n     * The number of columns to affix to the side of the table when scrolling.\n     */\n    stickyColumns?: number;\n    /**\n     * The number of rows to affix to the top of the table when scrolling.\n     */\n    stickyRows?: number;\n}\n\nexport interface ColumnDirectionProps {\n    direction?: \"asc\" | \"desc\";\n}\n\ninterface DefineColumnsOptions<T> {\n    canSelectAllRows: boolean;\n    onSelectRow?: Props<T>[\"onSelectRow\"];\n    onToggleRow: Props<T>[\"onToggleRow\"];\n    loadingInitial: Props<T>[\"loadingInitial\"];\n}\n\nconst defineColumns = <T,>(\n    columns: Props<T>[\"columns\"],\n    options: DefineColumnsOptions<T>\n): ColumnDef<T>[] => {\n    const { canSelectAllRows, onSelectRow, onToggleRow, loadingInitial } = options;\n\n    return useMemo(() => {\n        const columnsList = Object.keys(columns).map(key => ({\n            id: key,\n            ...columns[key as keyof typeof columns]\n        }));\n\n        const defaults: ColumnDef<T>[] = columnsList.map(column => {\n            const {\n                cell,\n                className,\n                enableResizing = true,\n                enableSorting = false,\n                header,\n                id,\n                meta,\n                size = 200\n            } = column;\n\n            return {\n                accessorKey: id,\n                header: () => header,\n                cell: info => {\n                    if (cell && typeof cell === \"function\") {\n                        return cell(info.row.original);\n                    } else {\n                        return info.getValue();\n                    }\n                },\n                enableSorting,\n                meta: {\n                    ...meta,\n                    className\n                },\n                enableResizing,\n                size\n            };\n        });\n\n        const isSelectable = onToggleRow || onSelectRow;\n\n        const select: ColumnDef<T>[] = isSelectable\n            ? [\n                  {\n                      id: \"datatable-select-column\",\n                      header: ({ table }) => {\n                          if (!canSelectAllRows) {\n                              return null;\n                          }\n\n                          return (\n                              !loadingInitial && (\n                                  <Checkbox\n                                      indeterminate={table.getIsSomeRowsSelected()}\n                                      value={table.getIsAllRowsSelected()}\n                                      onChange={e => table.toggleAllPageRowsSelected(e)}\n                                  />\n                              )\n                          );\n                      },\n                      cell: info => {\n                          if (!info.row.getCanSelect()) {\n                              return <></>;\n                          }\n                          return (\n                              <Checkbox\n                                  indeterminate={info.row.getIsSomeSelected()}\n                                  value={info.row.getIsSelected()}\n                                  onChange={info.row.getToggleSelectedHandler()}\n                              />\n                          );\n                      },\n                      meta: {\n                          hasFormControl: true\n                      },\n                      enableSorting: false,\n                      enableResizing: false,\n                      size: 56\n                  }\n              ]\n            : [];\n\n        return [...select, ...defaults].map(column => {\n            if (loadingInitial) {\n                return {\n                    ...column,\n                    cell: () => <Skeleton />\n                };\n            }\n\n            return column;\n        });\n    }, [columns, onSelectRow, onToggleRow, loadingInitial]);\n};\n\nconst defineData = <T,>(\n    data: Props<T>[\"data\"],\n    loadingInitial: Props<T>[\"loadingInitial\"]\n): T[] => {\n    return useMemo(() => {\n        if (loadingInitial) {\n            return Array(10).fill({});\n        }\n        return data;\n    }, [data, loadingInitial]);\n};\n\nconst ColumnDirection = ({ direction }: ColumnDirectionProps): ReactElement | null => {\n    if (direction) {\n        return (\n            <ColumnDirectionWrapper>\n                <ColumnDirectionIcon direction={direction} />\n            </ColumnDirectionWrapper>\n        );\n    }\n\n    return null;\n};\n\nconst typedMemo: <T>(component: T) => T = memo;\n\ninterface TableCellProps<T> {\n    cell: Cell<T, unknown>;\n}\n\nconst TableCell = <T,>({ cell }: TableCellProps<T>) => (\n    <DataTableCell {...cell.column.columnDef.meta} style={{ width: cell.column.getSize() }}>\n        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </DataTableCell>\n);\n\nconst MemoTableCell = typedMemo(TableCell);\n\ninterface TableRowProps<T> {\n    row: Row<T>;\n    selected: boolean;\n}\n\nconst TableRow = <T,>({ row, selected }: TableRowProps<T>) => {\n    return (\n        <DataTableRow selected={selected}>\n            {row.getVisibleCells().map(cell => (\n                <MemoTableCell<T> key={cell.id} cell={cell} />\n            ))}\n        </DataTableRow>\n    );\n};\n\nconst MemoTableRow = typedMemo(TableRow);\n\nexport const DataTable = <T extends Object & DefaultData>({\n    data,\n    columns,\n    onSelectRow,\n    onToggleRow,\n    loadingInitial,\n    stickyColumns,\n    stickyRows,\n    bordered,\n    sorting,\n    onSortingChange,\n    isRowSelectable,\n    canSelectAllRows = true,\n    selectedRows = [],\n    initialSorting\n}: Props<T>) => {\n    const rowSelection = useMemo(() => {\n        return selectedRows.reduce<RowSelectionState>((acc, item) => {\n            const recordIndex = data.findIndex(rec => rec.id === item.id);\n            return { ...acc, [recordIndex]: true };\n        }, {});\n    }, [selectedRows, data]);\n\n    const onRowSelectionChange: OnChangeFn<RowSelectionState> = updater => {\n        const newSelection = typeof updater === \"function\" ? updater(rowSelection) : updater;\n\n        /**\n         * `@tanstack/react-table` isn't telling us what row was selected or deselected. It simply gives us\n         * the new selection state (an object with row indexes that are currently selected).\n         *\n         * To figure out what row was toggled, we need to calculate the difference between the old selection\n         * and the new selection. What we're doing here is:\n         * - find all items that were present in the previous selection, but are no longer present in the new selection\n         * - find all items that are present in the new selection, but were not present in the previous selection\n         */\n        const toggledRows = [\n            ...Object.keys(rowSelection).filter(x => !(x in newSelection)),\n            ...Object.keys(newSelection).filter(x => !(x in rowSelection))\n        ];\n\n        // If the difference is only 1 item, and `onToggleRow` is available, execute that.\n        if (toggledRows.length === 1 && typeof onToggleRow === \"function\") {\n            onToggleRow(data[parseInt(toggledRows[0])]);\n            return;\n        } else if (typeof onSelectRow === \"function\") {\n            const selection = Object.keys(newSelection).map(key => data[parseInt(key)]);\n            onSelectRow(selection);\n        }\n    };\n\n    const tableSorting = useMemo(() => {\n        if (!Array.isArray(sorting) || !sorting.length) {\n            return initialSorting;\n        }\n        return sorting;\n    }, [sorting]);\n\n    const table = useReactTable({\n        data: defineData(data, loadingInitial),\n        columns: defineColumns(columns, {\n            canSelectAllRows,\n            onSelectRow,\n            onToggleRow,\n            loadingInitial\n        }),\n        enableColumnResizing: true,\n        columnResizeMode: \"onChange\",\n        getCoreRowModel: getCoreRowModel(),\n        getSortedRowModel: getSortedRowModel(),\n        state: {\n            rowSelection,\n            sorting: tableSorting\n        },\n        enableRowSelection: isRowSelectable,\n        onRowSelectionChange,\n        enableSorting: !!onSortingChange,\n        manualSorting: true,\n        onSortingChange\n    });\n\n    return (\n        <Table stickyColumns={stickyColumns} stickyRows={stickyRows} bordered={bordered}>\n            <DataTableContent>\n                <DataTableHead>\n                    {table.getHeaderGroups().map(headerGroup => (\n                        <DataTableRow key={headerGroup.id}>\n                            {headerGroup.headers.map(\n                                ({\n                                    id,\n                                    isPlaceholder,\n                                    column,\n                                    getContext,\n                                    colSpan,\n                                    getSize,\n                                    getResizeHandler\n                                }) => (\n                                    <TableHeadCell\n                                        key={id}\n                                        {...column.columnDef.meta}\n                                        colSpan={colSpan}\n                                        style={{ width: getSize() }}\n                                    >\n                                        {isPlaceholder ? null : (\n                                            <ColumnHeaderWrapper\n                                                onClick={column.getToggleSortingHandler()}\n                                                sortable={column.getCanSort()}\n                                            >\n                                                {flexRender(column.columnDef.header, getContext())}\n                                                <ColumnDirection\n                                                    direction={column.getIsSorted() || undefined}\n                                                />\n                                            </ColumnHeaderWrapper>\n                                        )}\n                                        {column.getCanResize() && (\n                                            <Resizer\n                                                onMouseDown={getResizeHandler()}\n                                                onTouchStart={getResizeHandler()}\n                                                isResizing={column.getIsResizing()}\n                                            />\n                                        )}\n                                    </TableHeadCell>\n                                )\n                            )}\n                        </DataTableRow>\n                    ))}\n                </DataTableHead>\n                <DataTableBody>\n                    {table.getRowModel().rows.map(row => (\n                        <MemoTableRow<T>\n                            key={row.original.id || row.id}\n                            row={row}\n                            selected={row.getIsSelected()}\n                        />\n                    ))}\n                </DataTableBody>\n            </DataTableContent>\n        </Table>\n    );\n};\n"],"mappings":"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"}

package/DataTable/DataTable.stories.js

@@ -71,4 +71,6 @@ story.add("usage", function () {
   info: {
     propTables: [_DataTable.DataTable]
   }
-});
+});
+
+//# sourceMappingURL=DataTable.stories.js.map

package/DataTable/index.js

@@ -13,4 +13,6 @@ Object.keys(_DataTable).forEach(function (key) {
       return _DataTable[key];
     }
   });
-});
+});
+
+//# sourceMappingURL=index.js.map

package/DataTable/styled.d.ts

@@ -1,14 +1,27 @@
-/// <reference types="react" />
-/// <reference types="react" />
 /// <reference types="web" />
-import { DataTableProps } from "@rmwc/data-table";
+import { DataTableProps, DataTableHeadCellProps } from "@rmwc/data-table";
 import { ColumnDirectionProps } from "./DataTable";
+import { CSSProperties } from "react";
 interface TableProps extends DataTableProps {
     bordered?: boolean;
 }
 export declare const Table: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
 } & TableProps, {}, {}>;
+interface ResizerProps {
+    isResizing: boolean;
+}
+export declare const Resizer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ResizerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface TableHeadCell extends DataTableHeadCellProps {
+    colSpan: number;
+    style?: CSSProperties;
+}
+export declare const TableHeadCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+} & TableHeadCell, {}, {}>;
 interface ColumnHeaderWrapperProps {
     sortable: boolean;
 }

package/DataTable/styled.js

@@ -4,33 +4,49 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Table = exports.ColumnHeaderWrapper = exports.ColumnDirectionWrapper = exports.ColumnDirectionIcon = void 0;
+exports.TableHeadCell = exports.Table = exports.Resizer = exports.ColumnHeaderWrapper = exports.ColumnDirectionWrapper = exports.ColumnDirectionIcon = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _arrow_downward = require("@material-design-icons/svg/outlined/arrow_downward.svg");
 var _dataTable = require("@rmwc/data-table");
 var Table = /*#__PURE__*/(0, _styled.default)(_dataTable.DataTable, {
   label: "Table",
   target: "er5nqo40"
-})("width:100%;border-width:", function (props) {
+})("overflow-y:hidden;overflow-x:scroll;max-width:100%;display:block !important;border-width:", function (props) {
   return props.bordered ? "1px" : "0px";
-}, ";th,td{vertical-align:middle;}.datatable-select-column{width:56px !important;max-width:56px !important;}");
+}, ";th,td{vertical-align:middle;}");
 exports.Table = Table;
+var Resizer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "Resizer",
+  target: "er5nqo41"
+})("position:absolute;right:0;top:0;height:100%;width:4px;background:", function (props) {
+  return props.isResizing ? "var(--mdc-theme-text-hint-on-light)" : "var(--mdc-theme-on-background)";
+}, ";cursor:col-resize;user-select:none;touch-action:none;opacity:", function (props) {
+  return props.isResizing ? 1 : 0;
+}, ";");
+exports.Resizer = Resizer;
+var TableHeadCell = /*#__PURE__*/(0, _styled.default)(_dataTable.DataTableHeadCell, {
+  label: "TableHeadCell",
+  target: "er5nqo42"
+})("position:relative;&:hover ", Resizer, "{opacity:1;}");
+exports.TableHeadCell = TableHeadCell;
 var ColumnHeaderWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   label: "ColumnHeaderWrapper",
-  target: "er5nqo41"
+  target: "er5nqo43"
 })("cursor:", function (props) {
   return props.sortable ? "pointer" : "cursor";
 }, ";display:flex;align-items:center;justify-content:start;");
 exports.ColumnHeaderWrapper = ColumnHeaderWrapper;
 var ColumnDirectionWrapper = /*#__PURE__*/(0, _styled.default)("span", {
   label: "ColumnDirectionWrapper",
-  target: "er5nqo42"
+  target: "er5nqo44"
 })("display:inline-flex;align-items:center;justify-content:center;height:16px;width:16px;margin:0 0 0 4px;");
 exports.ColumnDirectionWrapper = ColumnDirectionWrapper;
 var ColumnDirectionIcon = /*#__PURE__*/(0, _styled.default)(_arrow_downward.ReactComponent, {
   label: "ColumnDirectionIcon",
-  target: "er5nqo43"
+  target: "er5nqo45"
 })("transform:", function (props) {
   return props.direction === "asc" ? "rotate(180deg)" : "rotate(0deg)";
 }, ";");
-exports.ColumnDirectionIcon = ColumnDirectionIcon;
+exports.ColumnDirectionIcon = ColumnDirectionIcon;
+
+//# sourceMappingURL=styled.js.map

package/DataTable/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["_styled","_interopRequireDefault","require","_arrow_downward","_dataTable","Table","styled","RmwcDataTable","label","target","props","bordered","exports","ColumnHeaderWrapper","sortable","ColumnDirectionWrapper","ColumnDirectionIcon","ArrowDown","direction"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { ReactComponent as ArrowDown } from \"@material-design-icons/svg/outlined/arrow_downward.svg\";\nimport { DataTable as RmwcDataTable, DataTableProps } from \"@rmwc/data-table\";\nimport { ColumnDirectionProps } from \"~/DataTable/DataTable\";\n\ninterface TableProps extends DataTableProps {\n    bordered?: boolean;\n}\n\nexport const Table = styled(RmwcDataTable)<TableProps>`\n    width: 100%;\n    border-width: ${props => (props.bordered ? \"1px\" : \"0px\")};\n\n    th,\n    td {\n        vertical-align: middle;\n    }\n\n    .datatable-select-column {\n        width: 56px !important;\n        max-width: 56px !important;\n    }\n`;\n\ninterface ColumnHeaderWrapperProps {\n    sortable: boolean;\n}\n\nexport const ColumnHeaderWrapper = styled(\"div\")<ColumnHeaderWrapperProps>`\n    cursor: ${props => (props.sortable ? \"pointer\" : \"cursor\")};\n    display: flex;\n    align-items: center;\n    justify-content: start;\n`;\n\nexport const ColumnDirectionWrapper = styled(\"span\")`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 16px;\n    width: 16px;\n    margin: 0 0 0 4px;\n`;\n\nexport const ColumnDirectionIcon = styled(ArrowDown)<ColumnDirectionProps>`\n    transform: ${props => (props.direction === \"asc\" ? \"rotate(180deg)\" : \"rotate(0deg)\")};\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAOO,IAAMG,KAAK,oBAAGC,eAAM,EAACC,oBAAa;EAAAC,KAAA;EAAAC,MAAA;AAAA,+BAErB,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACC,QAAQ,GAAG,KAAK,GAAG,KAAK;AAAA,CAAC,6GAW5D;AAACC,OAAA,CAAAP,KAAA,GAAAA,KAAA;AAMK,IAAMQ,mBAAmB,oBAAGP,eAAM,EAAC,KAAK;EAAAE,KAAA;EAAAC,MAAA;AAAA,cACjC,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACI,QAAQ,GAAG,SAAS,GAAG,QAAQ;AAAA,CAAC,4DAI7D;AAACF,OAAA,CAAAC,mBAAA,GAAAA,mBAAA;AAEK,IAAME,sBAAsB,oBAAGT,eAAM,EAAC,MAAM;EAAAE,KAAA;EAAAC,MAAA;AAAA,4GAOlD;AAACG,OAAA,CAAAG,sBAAA,GAAAA,sBAAA;AAEK,IAAMC,mBAAmB,oBAAGV,eAAM,EAACW,8BAAS;EAAAT,KAAA;EAAAC,MAAA;AAAA,iBAClC,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACQ,SAAS,KAAK,KAAK,GAAG,gBAAgB,GAAG,cAAc;AAAA,CAAC,MACxF;AAACN,OAAA,CAAAI,mBAAA,GAAAA,mBAAA"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_arrow_downward","_dataTable","Table","styled","RmwcDataTable","label","target","props","bordered","exports","Resizer","isResizing","TableHeadCell","RmwcDataTableHeadCell","ColumnHeaderWrapper","sortable","ColumnDirectionWrapper","ColumnDirectionIcon","ArrowDown","direction"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { ReactComponent as ArrowDown } from \"@material-design-icons/svg/outlined/arrow_downward.svg\";\nimport {\n    DataTable as RmwcDataTable,\n    DataTableHeadCell as RmwcDataTableHeadCell,\n    DataTableProps,\n    DataTableHeadCellProps\n} from \"@rmwc/data-table\";\nimport { ColumnDirectionProps } from \"~/DataTable/DataTable\";\nimport { CSSProperties } from \"react\";\n\ninterface TableProps extends DataTableProps {\n    bordered?: boolean;\n}\n\nexport const Table = styled(RmwcDataTable)<TableProps>`\n    overflow-y: hidden;\n    overflow-x: scroll;\n    max-width: 100%;\n    display: block !important;\n    border-width: ${props => (props.bordered ? \"1px\" : \"0px\")};\n\n    th,\n    td {\n        vertical-align: middle;\n    }\n`;\n\ninterface ResizerProps {\n    isResizing: boolean;\n}\n\nexport const Resizer = styled(\"div\")<ResizerProps>`\n    position: absolute;\n    right: 0;\n    top: 0;\n    height: 100%;\n    width: 4px;\n    background: ${props =>\n        props.isResizing\n            ? \"var(--mdc-theme-text-hint-on-light)\"\n            : \"var(--mdc-theme-on-background)\"};\n    cursor: col-resize;\n    user-select: none;\n    touch-action: none;\n    opacity: ${props => (props.isResizing ? 1 : 0)};\n`;\n\ninterface TableHeadCell extends DataTableHeadCellProps {\n    colSpan: number;\n    style?: CSSProperties;\n}\n\nexport const TableHeadCell = styled(RmwcDataTableHeadCell)<TableHeadCell>`\n    position: relative;\n\n    &:hover ${Resizer} {\n        opacity: 1;\n    }\n`;\n\ninterface ColumnHeaderWrapperProps {\n    sortable: boolean;\n}\n\nexport const ColumnHeaderWrapper = styled(\"div\")<ColumnHeaderWrapperProps>`\n    cursor: ${props => (props.sortable ? \"pointer\" : \"cursor\")};\n    display: flex;\n    align-items: center;\n    justify-content: start;\n`;\n\nexport const ColumnDirectionWrapper = styled(\"span\")`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 16px;\n    width: 16px;\n    margin: 0 0 0 4px;\n`;\n\nexport const ColumnDirectionIcon = styled(ArrowDown)<ColumnDirectionProps>`\n    transform: ${props => (props.direction === \"asc\" ? \"rotate(180deg)\" : \"rotate(0deg)\")};\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAaO,IAAMG,KAAK,oBAAGC,eAAM,EAACC,oBAAa;EAAAC,KAAA;EAAAC,MAAA;AAAA,gGAKrB,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACC,QAAQ,GAAG,KAAK,GAAG,KAAK;AAAA,CAAC,mCAM5D;AAACC,OAAA,CAAAP,KAAA,GAAAA,KAAA;AAMK,IAAMQ,OAAO,oBAAGP,eAAM,EAAC,KAAK;EAAAE,KAAA;EAAAC,MAAA;AAAA,wEAMjB,UAAAC,KAAK;EAAA,OACfA,KAAK,CAACI,UAAU,GACV,qCAAqC,GACrC,gCAAgC;AAAA,qEAI/B,UAAAJ,KAAK;EAAA,OAAKA,KAAK,CAACI,UAAU,GAAG,CAAC,GAAG,CAAC;AAAA,CAAC,MACjD;AAACF,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAOK,IAAME,aAAa,oBAAGT,eAAM,EAACU,4BAAqB;EAAAR,KAAA;EAAAC,MAAA;AAAA,iCAG3CI,OAAO,iBAGpB;AAACD,OAAA,CAAAG,aAAA,GAAAA,aAAA;AAMK,IAAME,mBAAmB,oBAAGX,eAAM,EAAC,KAAK;EAAAE,KAAA;EAAAC,MAAA;AAAA,cACjC,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACQ,QAAQ,GAAG,SAAS,GAAG,QAAQ;AAAA,CAAC,4DAI7D;AAACN,OAAA,CAAAK,mBAAA,GAAAA,mBAAA;AAEK,IAAME,sBAAsB,oBAAGb,eAAM,EAAC,MAAM;EAAAE,KAAA;EAAAC,MAAA;AAAA,4GAOlD;AAACG,OAAA,CAAAO,sBAAA,GAAAA,sBAAA;AAEK,IAAMC,mBAAmB,oBAAGd,eAAM,EAACe,8BAAS;EAAAb,KAAA;EAAAC,MAAA;AAAA,iBAClC,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACY,SAAS,KAAK,KAAK,GAAG,gBAAgB,GAAG,cAAc;AAAA,CAAC,MACxF;AAACV,OAAA,CAAAQ,mBAAA,GAAAA,mBAAA"}

package/DelayedOnChange/DelayedOnChange.js

@@ -121,4 +121,6 @@ var DelayedOnChange = function DelayedOnChange(_ref) {
 };
 exports.DelayedOnChange = DelayedOnChange;
 var _default = DelayedOnChange;
-exports.default = _default;
+exports.default = _default;
+
+//# sourceMappingURL=DelayedOnChange.js.map

package/DelayedOnChange/index.js

@@ -17,4 +17,6 @@ Object.defineProperty(exports, "withDelayedOnChange", {
   }
 });
 var _DelayedOnChange = _interopRequireDefault(require("./DelayedOnChange"));
-var _withDelayedOnChange = _interopRequireDefault(require("./withDelayedOnChange"));
+var _withDelayedOnChange = _interopRequireDefault(require("./withDelayedOnChange"));
+
+//# sourceMappingURL=index.js.map

package/DelayedOnChange/withDelayedOnChange.js

@@ -28,4 +28,6 @@ function withDelayedOnChange() {
       });
     };
   };
-}
+}
+
+//# sourceMappingURL=withDelayedOnChange.js.map

package/Dialog/Dialog.js

@@ -99,4 +99,6 @@ var DialogAccept = function DialogAccept(props) {
     "data-testid": "dialog-accept"
   }), props.children);
 };
-exports.DialogAccept = DialogAccept;
+exports.DialogAccept = DialogAccept;
+
+//# sourceMappingURL=Dialog.js.map

package/Dialog/Dialog.stories.js

@@ -30,4 +30,6 @@ story.add("usage", function () {
   info: {
     propTables: [_.Dialog, _.DialogButton, _.DialogAccept, _.DialogCancel, _.DialogActions, _.DialogTitle, _.DialogContent]
   }
-});
+});
+
+//# sourceMappingURL=Dialog.stories.js.map

package/Dialog/index.js

@@ -13,4 +13,6 @@ Object.keys(_Dialog).forEach(function (key) {
       return _Dialog[key];
     }
   });
-});
+});
+
+//# sourceMappingURL=index.js.map

package/Drawer/Drawer.d.ts

@@ -1,7 +1,17 @@
 import React from "react";
 import { DrawerProps as RmwcDrawerProps, DrawerHeaderProps as RmwcDrawerHeaderProps, DrawerContentProps as RmwcDrawerContentProps } from "@rmwc/drawer";
 declare type DrawerHeaderProps = RmwcDrawerHeaderProps & {
-    children: any;
+    /**
+     * Drawer direction.
+     */
+    dir?: string;
+    /**
+     * Drawer content.
+     */
+    children: React.ReactNode;
+    /**
+     * CSS class name
+     */
     className?: string;
 };
 /**

package/Drawer/Drawer.js

@@ -27,4 +27,6 @@ exports.DrawerContent = DrawerContent;
 var Drawer = function Drawer(props) {
   return /*#__PURE__*/_react.default.createElement(_drawer.Drawer, props);
 };
-exports.Drawer = Drawer;
+exports.Drawer = Drawer;
+
+//# sourceMappingURL=Drawer.js.map

package/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_drawer","DrawerHeader","props","default","createElement","exports","DrawerContent","Drawer"],"sources":["Drawer.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Drawer as RmwcDrawer,\n    DrawerContent as RmwcDrawerContent,\n    DrawerHeader as RmwcDrawerHeader,\n    DrawerProps as RmwcDrawerProps,\n    DrawerHeaderProps as RmwcDrawerHeaderProps,\n    DrawerContentProps as RmwcDrawerContentProps\n} from \"@rmwc/drawer\";\n\ntype DrawerHeaderProps = RmwcDrawerHeaderProps & {\n    children: any;\n    className?: string;\n};\n\n/**\n * Shows header of the drawer.\n */\nconst DrawerHeader = (props: DrawerHeaderProps) => <RmwcDrawerHeader {...props} />;\n\nexport type DrawerContentProps = RmwcDrawerContentProps & {\n    /**\n     * Drawer direction.\n     */\n    dir?: string;\n    /**\n     * Drawer content.\n     */\n    children: React.ReactNode;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n\n/**\n * Shows drawer content. It can be anything, but commonly a List component would suffice here.\n */\nconst DrawerContent = (props: DrawerContentProps) => <RmwcDrawerContent {...props} />;\n\ntype DrawerProps = RmwcDrawerProps & {\n    /**\n     * Drawer direction.\n     */\n    dir?: string;\n    /**\n     * Drawer content.\n     */\n    children: React.ReactNode;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n/**\n * Use Drawer component to display navigation for the whole app or just a small section of it.\n */\nconst Drawer = (props: DrawerProps) => {\n    return <RmwcDrawer {...props} />;\n};\n\nexport { Drawer, DrawerHeader, DrawerContent };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAcA;AACA;AACA;AACA,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAwB;EAAA,oBAAKL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,OAAA,CAAAC,YAAgB,EAAKC,KAAQ,CAAC;AAAA;AAACG,OAAA,CAAAJ,YAAA,GAAAA,YAAA;AAkBnF;AACA;AACA;AACA,IAAMK,aAAa,GAAG,SAAhBA,aAAaA,CAAIJ,KAAyB;EAAA,oBAAKL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,OAAA,CAAAM,aAAiB,EAAKJ,KAAQ,CAAC;AAAA;AAACG,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAiBtF;AACA;AACA;AACA,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAIL,KAAkB,EAAK;EACnC,oBAAOL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,OAAA,CAAAO,MAAU,EAAKL,KAAQ,CAAC;AACpC,CAAC;AAACG,OAAA,CAAAE,MAAA,GAAAA,MAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_drawer","DrawerHeader","props","default","createElement","exports","DrawerContent","Drawer"],"sources":["Drawer.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Drawer as RmwcDrawer,\n    DrawerContent as RmwcDrawerContent,\n    DrawerHeader as RmwcDrawerHeader,\n    DrawerProps as RmwcDrawerProps,\n    DrawerHeaderProps as RmwcDrawerHeaderProps,\n    DrawerContentProps as RmwcDrawerContentProps\n} from \"@rmwc/drawer\";\n\ntype DrawerHeaderProps = RmwcDrawerHeaderProps & {\n    /**\n     * Drawer direction.\n     */\n    dir?: string;\n    /**\n     * Drawer content.\n     */\n    children: React.ReactNode;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n\n/**\n * Shows header of the drawer.\n */\nconst DrawerHeader = (props: DrawerHeaderProps) => <RmwcDrawerHeader {...props} />;\n\nexport type DrawerContentProps = RmwcDrawerContentProps & {\n    /**\n     * Drawer direction.\n     */\n    dir?: string;\n    /**\n     * Drawer content.\n     */\n    children: React.ReactNode;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n\n/**\n * Shows drawer content. It can be anything, but commonly a List component would suffice here.\n */\nconst DrawerContent = (props: DrawerContentProps) => <RmwcDrawerContent {...props} />;\n\ntype DrawerProps = RmwcDrawerProps & {\n    /**\n     * Drawer direction.\n     */\n    dir?: string;\n    /**\n     * Drawer content.\n     */\n    children: React.ReactNode;\n\n    /**\n     * CSS class name\n     */\n    className?: string;\n};\n/**\n * Use Drawer component to display navigation for the whole app or just a small section of it.\n */\nconst Drawer = (props: DrawerProps) => {\n    return <RmwcDrawer {...props} />;\n};\n\nexport { Drawer, DrawerHeader, DrawerContent };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAyBA;AACA;AACA;AACA,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAwB;EAAA,oBAAKL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,OAAA,CAAAC,YAAgB,EAAKC,KAAQ,CAAC;AAAA;AAACG,OAAA,CAAAJ,YAAA,GAAAA,YAAA;AAkBnF;AACA;AACA;AACA,IAAMK,aAAa,GAAG,SAAhBA,aAAaA,CAAIJ,KAAyB;EAAA,oBAAKL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,OAAA,CAAAM,aAAiB,EAAKJ,KAAQ,CAAC;AAAA;AAACG,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAiBtF;AACA;AACA;AACA,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAIL,KAAkB,EAAK;EACnC,oBAAOL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,OAAA,CAAAO,MAAU,EAAKL,KAAQ,CAAC;AACpC,CAAC;AAACG,OAAA,CAAAE,MAAA,GAAAA,MAAA"}

package/Drawer/Drawer.stories.js

@@ -23,4 +23,6 @@ story.add("usage", function () {
   info: {
     propTables: [_Drawer.Drawer, _Drawer.DrawerHeader, _Drawer.DrawerContent]
   }
-});
+});
+
+//# sourceMappingURL=Drawer.stories.js.map

package/Drawer/index.js

@@ -13,4 +13,6 @@ Object.keys(_Drawer).forEach(function (key) {
       return _Drawer[key];
     }
   });
-});
+});
+
+//# sourceMappingURL=index.js.map

package/DynamicFieldset/Fieldset.js

@@ -135,4 +135,6 @@ var Fieldset = /*#__PURE__*/function (_React$Component) {
   value: []
 });
 var _default = Fieldset;
-exports.default = _default;
+exports.default = _default;
+
+//# sourceMappingURL=Fieldset.js.map

package/DynamicFieldset/index.js

@@ -10,4 +10,6 @@ Object.defineProperty(exports, "DynamicFieldset", {
     return _Fieldset.default;
   }
 });
-var _Fieldset = _interopRequireDefault(require("./Fieldset"));
+var _Fieldset = _interopRequireDefault(require("./Fieldset"));
+
+//# sourceMappingURL=index.js.map

package/Elevation/Elevation.js

@@ -16,4 +16,6 @@ var Elevation = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, props), props.children);
 });
 exports.Elevation = Elevation;
-Elevation.displayName = "Elevation";
+Elevation.displayName = "Elevation";
+
+//# sourceMappingURL=Elevation.js.map

package/Elevation/Elevation.stories.js

@@ -29,4 +29,6 @@ story.add("usage", function () {
   info: {
     propTables: [_Elevation.Elevation]
   }
-});
+});
+
+//# sourceMappingURL=Elevation.stories.js.map

package/Elevation/index.js

@@ -13,4 +13,6 @@ Object.keys(_Elevation).forEach(function (key) {
       return _Elevation[key];
     }
   });
-});
+});
+
+//# sourceMappingURL=index.js.map

package/FormElementMessage/FormElementMessage.js

@@ -15,4 +15,6 @@ var FormElementMessage = function FormElementMessage(props) {
     className: classNames
   }, props.children);
 };
-exports.FormElementMessage = FormElementMessage;
+exports.FormElementMessage = FormElementMessage;
+
+//# sourceMappingURL=FormElementMessage.js.map

package/FormElementMessage/index.js

@@ -9,4 +9,6 @@ Object.defineProperty(exports, "FormElementMessage", {
     return _FormElementMessage.FormElementMessage;
   }
 });
-var _FormElementMessage = require("./FormElementMessage");
+var _FormElementMessage = require("./FormElementMessage");
+
+//# sourceMappingURL=index.js.map

package/FullName/FullName.js

@@ -18,4 +18,6 @@ var FullName = function FullName(props) {
   }
   return output;
 };
-exports.FullName = FullName;
+exports.FullName = FullName;
+
+//# sourceMappingURL=FullName.js.map

package/FullName/index.js

@@ -13,4 +13,6 @@ Object.keys(_FullName).forEach(function (key) {
       return _FullName[key];
     }
   });
-});
+});
+
+//# sourceMappingURL=index.js.map

package/Grid/Grid.js

@@ -26,4 +26,6 @@ GridInner.displayName = "GridInner";
 var Grid = function Grid(props) {
   return /*#__PURE__*/_react.default.createElement(_grid.Grid, props, props.children);
 };
-exports.Grid = Grid;
+exports.Grid = Grid;
+
+//# sourceMappingURL=Grid.js.map

package/Grid/Grid.stories.js

@@ -31,4 +31,6 @@ story.add("usage", function () {
   info: {
     propTables: [_Grid.Grid, _Grid.Cell]
   }
-});
+});
+
+//# sourceMappingURL=Grid.stories.js.map

package/Grid/index.js

@@ -13,4 +13,6 @@ Object.keys(_Grid).forEach(function (key) {
       return _Grid[key];
     }
   });
-});
+});
+
+//# sourceMappingURL=index.js.map

package/Helpers/ClassNames.js

@@ -29,4 +29,6 @@ var getClasses = function getClasses(propList, appendClasses) {
   props.className = classes;
   return props;
 };
-exports.getClasses = getClasses;
+exports.getClasses = getClasses;
+
+//# sourceMappingURL=ClassNames.js.map

package/Helpers/index.js

@@ -9,4 +9,6 @@ Object.defineProperty(exports, "getClasses", {
     return _ClassNames.getClasses;
   }
 });
-var _ClassNames = require("./ClassNames");
+var _ClassNames = require("./ClassNames");
+
+//# sourceMappingURL=index.js.map

package/Icon/Icon.js

@@ -26,4 +26,6 @@ var Icon = function Icon(props) {
     onClick: props.onClick
   });
 };
-exports.Icon = Icon;
+exports.Icon = Icon;
+
+//# sourceMappingURL=Icon.js.map

package/Icon/Icon.stories.js

@@ -27,4 +27,6 @@ story.add("usage", function () {
   info: {
     propTables: [_Icon.Icon]
   }
-});
+});
+
+//# sourceMappingURL=Icon.stories.js.map

package/Icon/index.js

@@ -13,4 +13,6 @@ Object.keys(_Icon).forEach(function (key) {
       return _Icon[key];
     }
   });
-});
+});
+
+//# sourceMappingURL=index.js.map

package/Image/Image.js

@@ -21,4 +21,6 @@ var Image = function Image(_ref) {
   }
   return /*#__PURE__*/_react.default.createElement("img", finalProps);
 };
-exports.Image = Image;
+exports.Image = Image;
+
+//# sourceMappingURL=Image.js.map

package/Image/Image.stories.js

@@ -21,4 +21,6 @@ story.add("usage", function () {
   info: {
     propTables: [_Image.Image]
   }
-});
+});
+
+//# sourceMappingURL=Image.stories.js.map

package/Image/index.js

@@ -13,4 +13,6 @@ Object.keys(_Image).forEach(function (key) {
       return _Image[key];
     }
   });
-});
+});
+
+//# sourceMappingURL=index.js.map

package/ImageEditor/ImageEditor.js

@@ -295,4 +295,6 @@ var ImageEditor = /*#__PURE__*/function (_React$Component) {
 exports.ImageEditor = ImageEditor;
 (0, _defineProperty2.default)(ImageEditor, "defaultProps", {
   tools: ["crop", "flip", "rotate", "filter"]
-});
+});
+
+//# sourceMappingURL=ImageEditor.js.map

package/ImageEditor/index.js

@@ -13,4 +13,6 @@ Object.keys(_ImageEditor).forEach(function (key) {
       return _ImageEditor[key];
     }
   });
-});
+});
+
+//# sourceMappingURL=index.js.map

package/ImageEditor/toolbar/crop.js

@@ -70,4 +70,6 @@ var tool = {
   }
 };
 var _default = tool;
-exports.default = _default;
+exports.default = _default;
+
+//# sourceMappingURL=crop.js.map

package/ImageEditor/toolbar/filter.js

@@ -210,4 +210,6 @@ var tool = {
   }
 };
 var _default = tool;
-exports.default = _default;
+exports.default = _default;
+
+//# sourceMappingURL=filter.js.map

package/ImageEditor/toolbar/flip.js

@@ -95,4 +95,6 @@ var tool = {
   }
 };
 var _default = tool;
-exports.default = _default;
+exports.default = _default;
+
+//# sourceMappingURL=flip.js.map

package/ImageEditor/toolbar/icons/index.js

@@ -58,4 +58,6 @@ var _flip = require("./flip.svg");
 var _redo = require("./redo.svg");
 var _rotateLeft = require("./rotateLeft.svg");
 var _rotateRight = require("./rotateRight.svg");
-var _undo = require("./undo.svg");
+var _undo = require("./undo.svg");
+
+//# sourceMappingURL=index.js.map

package/ImageEditor/toolbar/index.js

@@ -31,4 +31,6 @@ Object.defineProperty(exports, "rotate", {
 var _crop = _interopRequireDefault(require("./crop"));
 var _flip = _interopRequireDefault(require("./flip"));
 var _filter = _interopRequireDefault(require("./filter"));
-var _rotate = _interopRequireDefault(require("./rotate"));
+var _rotate = _interopRequireDefault(require("./rotate"));
+
+//# sourceMappingURL=index.js.map

package/ImageEditor/toolbar/rotate.js

@@ -136,4 +136,6 @@ var tool = {
   }
 };
 var _default = tool;
-exports.default = _default;
+exports.default = _default;
+
+//# sourceMappingURL=rotate.js.map