matsuri-ui 16.6.1-alpha-1736063445138-dc67269.0 → 16.6.1-alpha-1736669614668-b87c8e4.0

package/cjs/TableUI/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Checkbox","require","_List","_Menu","_Popper","_WithPagination","_react","_Button","_react2","_interopRequireWildcard","_useGridLayout","_useSort","_theme","_ArrowDownward","_interopRequireDefault","_ArrowUpward","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_EMOTION_STRINGIFIED_CSS_ERROR__","DefaultRenderCell","props","cell","jsx","value","JSON","stringify","tableCellStyle","process","env","NODE_ENV","name","styles","toString","_ref4","HeaderCell","theme","useTheme","anchorEl","setAnchorEl","useState","handleClose","useCallback","undefined","handleToggle","event","currentTarget","prev","open","Boolean","css","palette","gray","resetButtonStyle","onClick","children","Popper","disablePortal","onClickOutside","placement","MenuList","paperProps","elevation","menuItems","map","label","renderIcon","Icon","ListItem","key","ListItemIcon","_ref","_ref2","_ref3","TableUI","columns","data","striped","stickyHeader","onSelect","selectedIndex","onSelectAll","renderActions","RenderActions","onPaginate","pageTotal","allChecked","length","dataSorted","order","setOrder","useSort","gridStyle","useGridLayout","WithPagination","typography","body","zIndex","appBar","Checkbox","defaultChecked","onChange","checked","target","indeterminate","column","orderBy","ArrowUpwardIcon","by","direction","ArrowDownwardIcon","title","text","hint","row","index","includes","intentions","primary","light","renderCell","RenderCell","exports"],"sources":["../../../src/TableUI/index.tsx"],"sourcesContent":["import { Checkbox } from \"../Checkbox\";\nimport { ListItem, ListItemIcon } from \"../List\";\nimport { MenuList } from \"../Menu\";\nimport { Popper } from \"../Popper\";\nimport { WithPagination, WithPaginationProps } from \"./WithPagination\";\nimport { css } from \"@emotion/react\";\nimport { resetButtonStyle } from \"../Button\";\nimport { useCallback, useState } from \"react\";\nimport { useGridLayout } from \"./useGridLayout\";\nimport { useSort } from \"./useSort\";\nimport { useTheme } from \"../theme\";\nimport ArrowDownwardIcon from \"@mui/icons-material/ArrowDownward\";\nimport ArrowUpwardIcon from \"@mui/icons-material/ArrowUpward\";\nimport React from \"react\";\n\nexport interface TableUIRenderCellProps<Row, Value> {\n  cell: { value: Value };\n  row: Row;\n}\n\nconst DefaultRenderCell = (\n  props: TableUIRenderCellProps<Record<string, unknown>, unknown>,\n) => {\n  const { cell } = props;\n  return (\n    <div>\n      {typeof cell.value === \"string\" ? cell.value : JSON.stringify(cell.value)}\n    </div>\n  );\n};\n\nconst tableCellStyle = css`\n  box-sizing: border-box;\n  padding: 8px 16px;\n  font: inherit;\n  line-height: inherit;\n  text-align: left;\n  letter-spacing: inherit;\n  background-color: white;\n  border-bottom: 1px solid #e0e0e0;\n  &:first-of-type:has(input[type=\"checkbox\"]) {\n    padding: 0px;\n    label {\n      display: flex;\n      padding: 8px;\n    }\n  }\n`;\n\ninterface HeaderCellProps extends React.PropsWithChildren {\n  menuItems: {\n    label: string;\n    onClick: () => void;\n    renderIcon: (props: Record<string, unknown>) => JSX.Element;\n  }[];\n}\n\nconst HeaderCell = (props: HeaderCellProps) => {\n  const theme = useTheme();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement>();\n  const handleClose = useCallback(() => {\n    setAnchorEl(undefined);\n  }, []);\n  const handleToggle = useCallback(\n    (event: React.SyntheticEvent<HTMLElement>) => {\n      const { currentTarget } = event;\n      setAnchorEl((prev) => (prev ? undefined : currentTarget));\n    },\n    [],\n  );\n  const open = Boolean(anchorEl);\n\n  return (\n    <th\n      css={[\n        tableCellStyle,\n        css`\n          padding: 0px;\n          cursor: pointer;\n          transition: background-color 0.1s ease-in-out;\n          &:hover {\n            background-color: ${theme.palette.gray[200]};\n          }\n        `,\n      ]}\n    >\n      <button\n        css={[\n          resetButtonStyle,\n          css`\n            display: inline-block;\n            width: 100%;\n            padding: 8px 16px;\n            text-align: inherit;\n          `,\n        ]}\n        onClick={handleToggle}\n      >\n        {props.children}\n      </button>\n      <Popper\n        disablePortal\n        onClickOutside={handleClose}\n        anchorEl={anchorEl}\n        open={open}\n        placement=\"bottom-start\"\n      >\n        <MenuList\n          paperProps={{\n            elevation: 5,\n          }}\n        >\n          {props.menuItems.map(({ onClick, label, renderIcon: Icon }) => {\n            return (\n              <ListItem\n                key={label}\n                onClick={() => {\n                  onClick();\n                  handleClose();\n                }}\n              >\n                <ListItemIcon>\n                  <Icon />\n                </ListItemIcon>\n                {label}\n              </ListItem>\n            );\n          })}\n        </MenuList>\n      </Popper>\n    </th>\n  );\n};\n\nexport type TableUIColumn<Row> = {\n  [Key in keyof Row]: {\n    // このキーのユニークチェックを行った方が良い。\n    // 出来ればランタイムは無駄が大きいので型でチェックしたい。\n    key: Key;\n    title?: string;\n    renderCell?: ({\n      cell,\n      row,\n    }: TableUIRenderCellProps<Row, Row[Key]>) => JSX.Element;\n    // デフォルトでソートは有効化する\n    sort?: (a: Row[Key], b: Row[Key]) => number;\n    /**\n     * この列の幅が全体に占める比を指定する。\n     * columnRatio指定しない場合は、autoが指定されたものとして扱われます。\n     * table要素本来の自動調整が効かなくなるので、注意して利用してください。\n     */\n    columnRatio?: number;\n  };\n}[keyof Row];\n\nexport interface TableUIPropsOnSelectArgs<Row> {\n  row: Row;\n  index: number;\n  checked: boolean;\n}\n\nexport interface TableUIPropsRenderActionsArgs<Row> {\n  row: Row;\n  index: number;\n}\n\nexport interface TableUIProps<Row> extends WithPaginationProps {\n  /**\n   * テーブルをストライプ柄にするかどうか\n   * @default false\n   */\n  striped?: boolean;\n  /**\n   * テーブルのヘッダーを固定するかどうか\n   * @default false\n   */\n  stickyHeader?: boolean;\n  /**\n   * テーブルの列の情報\n   */\n  columns?: TableUIColumn<Row>[];\n  /**\n   * 空配列の場合は読み込み済み、undefinedの場合は読み込み中であると見なされます。\n   * 基本的にJSONフレンドリーなオブジェクトを渡すようにしてください。ReactElementなどは非推奨です。\n   * 代わりにcolumnsで定義できるrenderCellを利用するか、ReactComponentを渡してください。\n   *\n   * dataにはcolumnsに存在しないものも含められます。\n   */\n  data?: Row[];\n  /**\n   * 現在選択されている行のindexの配列\n   */\n  selectedIndex?: number[];\n  /**\n   * 行毎のチェックボックスが生える\n   */\n  onSelect?: ({ row, index, checked }: TableUIPropsOnSelectArgs<Row>) => void;\n  /**\n   * 全てをチェックするボタンが生える\n   */\n  onSelectAll?: ({ data, checked }: { data: Row[]; checked: boolean }) => void;\n  /**\n   * onSelectで生えるチェックボックスのname\n   * formDataから取得できる値は選択された行のindexです。\n   */\n  name?: string;\n  /**\n   * 行の末尾にインタラクティブ要素を追加するためのメソッド\n   */\n  renderActions?: (args: TableUIPropsRenderActionsArgs<Row>) => JSX.Element;\n}\n\nexport const TableUI = <\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  Row extends Record<string, any>,\n>(\n  props: TableUIProps<Row>,\n) => {\n  const {\n    columns,\n    data,\n    striped,\n    stickyHeader,\n    onSelect,\n    selectedIndex = [],\n    onSelectAll,\n    name,\n    renderActions: RenderActions,\n    onPaginate,\n    pageTotal,\n  } = props;\n  const theme = useTheme();\n\n  const allChecked = data?.length === selectedIndex?.length;\n\n  const [dataSorted, order, setOrder] = useSort(columns, data);\n\n  const gridStyle = useGridLayout(columns);\n\n  return (\n    <WithPagination onPaginate={onPaginate} pageTotal={pageTotal}>\n      <table\n        css={[\n          theme.typography.body,\n          css`\n            box-sizing: border-box;\n            width: 100%;\n            border-spacing: 0;\n            border-collapse: separate;\n            isolation: isolate;\n            border-top: 1px solid #e0e0e0;\n            border-right: 2px solid #e0e0e0;\n            border-bottom: 1px solid #e0e0e0;\n            border-left: 2px solid #e0e0e0;\n            thead {\n              box-sizing: border-box;\n              th {\n                white-space: nowrap;\n                border-top: 1px solid #e0e0e0;\n                border-bottom: 2px solid #e0e0e0;\n              }\n            }\n          `,\n          striped\n            ? css`\n                tr:nth-of-type(even) > td {\n                  background-color: #f2f2f2;\n                }\n              `\n            : null,\n          stickyHeader\n            ? css`\n                position: relative;\n                /**\n                 * ここでtheadをstickyにすると、grid layoutのサポートが困難になる。\n                 */\n                thead tr th {\n                  position: sticky;\n                  top: 0px;\n                  z-index: ${theme.zIndex.appBar};\n                }\n              `\n            : null,\n          gridStyle,\n        ]}\n      >\n        <thead>\n          <tr>\n            {onSelect ? (\n              <th css={tableCellStyle}>\n                {onSelectAll ? (\n                  // eslint-disable-next-line jsx-a11y/label-has-associated-control\n                  <label>\n                    <Checkbox\n                      defaultChecked={allChecked}\n                      key={allChecked?.toString()}\n                      onChange={(event) => {\n                        if (data) {\n                          onSelectAll({ data, checked: event.target.checked });\n                        }\n                      }}\n                      indeterminate={selectedIndex.length > 0 && !allChecked}\n                    />\n                  </label>\n                ) : null}\n              </th>\n            ) : null}\n            {columns?.map((column) => {\n              const orderBy = column.key.toString();\n              return (\n                <HeaderCell\n                  menuItems={[\n                    {\n                      label: \"昇順で並び替え\",\n                      //@ts-expect-error muiのiconの方がmuiNameプロパティを型で持つようになったためエラーが出る\n                      renderIcon: ArrowUpwardIcon,\n                      onClick: () => {\n                        setOrder({ by: orderBy, direction: \"asc\" });\n                      },\n                    },\n                    {\n                      label: \"降順で並び替え\",\n                      //@ts-expect-error muiのiconの方がmuiNameプロパティを型で持つようになったためエラーが出る\n                      renderIcon: ArrowDownwardIcon,\n                      onClick: () => {\n                        setOrder({ by: orderBy, direction: \"desc\" });\n                      },\n                    },\n                  ]}\n                  key={column.key.toString()}\n                >\n                  <div\n                    css={css`\n                      position: relative;\n                    `}\n                  >\n                    {column.title}\n                    <span\n                      css={css`\n                        position: absolute;\n                        display: inline-flex;\n                        margin-left: 4px;\n                        color: ${theme.palette.text.hint};\n                      `}\n                    >\n                      {order?.by === orderBy ? (\n                        order.direction === \"desc\" ? (\n                          <ArrowDownwardIcon />\n                        ) : (\n                          <ArrowUpwardIcon />\n                        )\n                      ) : null}\n                    </span>\n                  </div>\n                </HeaderCell>\n              );\n            })}\n            {RenderActions ? <th css={tableCellStyle} /> : null}\n          </tr>\n        </thead>\n        <tbody>\n          {dataSorted?.map(({ row, index }) => {\n            const checked = selectedIndex?.includes(index);\n            return (\n              <tr\n                key={`${index}`}\n                css={css`\n                  &:has(input[type=\"checkbox\"]:checked) > td {\n                    background-color: ${theme.palette.intentions.primary.light};\n                  }\n                `}\n              >\n                {onSelect ? (\n                  <td css={tableCellStyle}>\n                    {\n                      // eslint-disable-next-line jsx-a11y/label-has-associated-control\n                      <label>\n                        <Checkbox\n                          key={checked?.toString()}\n                          name={name}\n                          value={index}\n                          defaultChecked={checked}\n                          onChange={(event) => {\n                            onSelect({\n                              row,\n                              index,\n                              checked: event.target.checked,\n                            });\n                          }}\n                        />\n                      </label>\n                    }\n                  </td>\n                ) : null}\n                {columns?.map((column) => {\n                  const cell = row[column.key];\n                  const { renderCell: RenderCell = DefaultRenderCell } = column;\n                  return (\n                    <td key={column.key.toString()} css={tableCellStyle}>\n                      <RenderCell cell={{ value: cell }} row={row} />\n                    </td>\n                  );\n                })}\n                {RenderActions ? (\n                  <td css={tableCellStyle}>\n                    <RenderActions row={row} index={index} />\n                  </td>\n                ) : null}\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </WithPagination>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Checkbox","require","_List","_Menu","_Popper","_WithPagination","_react","_Button","_react2","_interopRequireWildcard","_useGridLayout","_useSort","_theme","_ArrowDownward","_interopRequireDefault","_ArrowUpward","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_EMOTION_STRINGIFIED_CSS_ERROR__","DefaultRenderCell","props","cell","jsx","value","JSON","stringify","tableCellStyle","process","env","NODE_ENV","name","styles","toString","_ref4","HeaderCell","theme","useTheme","anchorEl","setAnchorEl","useState","handleClose","useCallback","undefined","handleToggle","event","currentTarget","prev","open","Boolean","css","palette","gray","resetButtonStyle","onClick","children","Popper","disablePortal","onClickOutside","placement","MenuList","paperProps","elevation","menuItems","map","label","renderIcon","Icon","ListItem","key","ListItemIcon","_ref","_ref2","_ref3","TableUI","columns","data","striped","stickyHeader","onSelect","selectedIndex","onSelectAll","renderActions","RenderActions","onPaginate","pageTotal","allChecked","length","dataSorted","order","setOrder","useSort","gridStyle","useGridLayout","WithPagination","typography","body","zIndex","appBar","Checkbox","defaultChecked","onChange","checked","target","indeterminate","column","orderBy","ArrowUpwardIcon","by","direction","ArrowDownwardIcon","title","text","hint","row","index","includes","intentions","primary","light","renderCell","RenderCell","exports"],"sources":["../../../src/TableUI/index.tsx"],"sourcesContent":["import { Checkbox } from \"../Checkbox\";\nimport { ListItem, ListItemIcon } from \"../List\";\nimport { MenuList } from \"../Menu\";\nimport { Popper } from \"../Popper\";\nimport { WithPagination, WithPaginationProps } from \"./WithPagination\";\nimport { css } from \"@emotion/react\";\nimport { resetButtonStyle } from \"../Button\";\nimport { useCallback, useState } from \"react\";\nimport { useGridLayout } from \"./useGridLayout\";\nimport { useSort } from \"./useSort\";\nimport { useTheme } from \"../theme\";\nimport ArrowDownwardIcon from \"@mui/icons-material/ArrowDownward\";\nimport ArrowUpwardIcon from \"@mui/icons-material/ArrowUpward\";\nimport React from \"react\";\n\nexport interface TableUIRenderCellProps<Row, Value> {\n  cell: { value: Value };\n  row: Row;\n}\n\nconst DefaultRenderCell = (\n  props: TableUIRenderCellProps<Record<string, unknown>, unknown>,\n) => {\n  const { cell } = props;\n  return (\n    <div>\n      {typeof cell.value === \"string\" ? cell.value : JSON.stringify(cell.value)}\n    </div>\n  );\n};\n\nconst tableCellStyle = css`\n  box-sizing: border-box;\n  padding: 8px 16px;\n  font: inherit;\n  line-height: inherit;\n  text-align: left;\n  letter-spacing: inherit;\n  background-color: white;\n  border-bottom: 1px solid #e0e0e0;\n  &:first-of-type:has(input[type=\"checkbox\"]) {\n    padding: 0px;\n    label {\n      display: flex;\n      padding: 8px;\n    }\n  }\n`;\n\ninterface HeaderCellProps extends React.PropsWithChildren {\n  menuItems: {\n    label: string;\n    onClick: () => void;\n    renderIcon: (props: Record<string, unknown>) => React.JSX.Element;\n  }[];\n}\n\nconst HeaderCell = (props: HeaderCellProps) => {\n  const theme = useTheme();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement>();\n  const handleClose = useCallback(() => {\n    setAnchorEl(undefined);\n  }, []);\n  const handleToggle = useCallback(\n    (event: React.SyntheticEvent<HTMLElement>) => {\n      const { currentTarget } = event;\n      setAnchorEl((prev) => (prev ? undefined : currentTarget));\n    },\n    [],\n  );\n  const open = Boolean(anchorEl);\n\n  return (\n    <th\n      css={[\n        tableCellStyle,\n        css`\n          padding: 0px;\n          cursor: pointer;\n          transition: background-color 0.1s ease-in-out;\n          &:hover {\n            background-color: ${theme.palette.gray[200]};\n          }\n        `,\n      ]}\n    >\n      <button\n        css={[\n          resetButtonStyle,\n          css`\n            display: inline-block;\n            width: 100%;\n            padding: 8px 16px;\n            text-align: inherit;\n          `,\n        ]}\n        onClick={handleToggle}\n      >\n        {props.children}\n      </button>\n      <Popper\n        disablePortal\n        onClickOutside={handleClose}\n        anchorEl={anchorEl}\n        open={open}\n        placement=\"bottom-start\"\n      >\n        <MenuList\n          paperProps={{\n            elevation: 5,\n          }}\n        >\n          {props.menuItems.map(({ onClick, label, renderIcon: Icon }) => {\n            return (\n              <ListItem\n                key={label}\n                onClick={() => {\n                  onClick();\n                  handleClose();\n                }}\n              >\n                <ListItemIcon>\n                  <Icon />\n                </ListItemIcon>\n                {label}\n              </ListItem>\n            );\n          })}\n        </MenuList>\n      </Popper>\n    </th>\n  );\n};\n\nexport type TableUIColumn<Row> = {\n  [Key in keyof Row]: {\n    // このキーのユニークチェックを行った方が良い。\n    // 出来ればランタイムは無駄が大きいので型でチェックしたい。\n    key: Key;\n    title?: string;\n    renderCell?: ({\n      cell,\n      row,\n    }: TableUIRenderCellProps<Row, Row[Key]>) => React.JSX.Element;\n    // デフォルトでソートは有効化する\n    sort?: (a: Row[Key], b: Row[Key]) => number;\n    /**\n     * この列の幅が全体に占める比を指定する。\n     * columnRatio指定しない場合は、autoが指定されたものとして扱われます。\n     * table要素本来の自動調整が効かなくなるので、注意して利用してください。\n     */\n    columnRatio?: number;\n  };\n}[keyof Row];\n\nexport interface TableUIPropsOnSelectArgs<Row> {\n  row: Row;\n  index: number;\n  checked: boolean;\n}\n\nexport interface TableUIPropsRenderActionsArgs<Row> {\n  row: Row;\n  index: number;\n}\n\nexport interface TableUIProps<Row> extends WithPaginationProps {\n  /**\n   * テーブルをストライプ柄にするかどうか\n   * @default false\n   */\n  striped?: boolean;\n  /**\n   * テーブルのヘッダーを固定するかどうか\n   * @default false\n   */\n  stickyHeader?: boolean;\n  /**\n   * テーブルの列の情報\n   */\n  columns?: TableUIColumn<Row>[];\n  /**\n   * 空配列の場合は読み込み済み、undefinedの場合は読み込み中であると見なされます。\n   * 基本的にJSONフレンドリーなオブジェクトを渡すようにしてください。ReactElementなどは非推奨です。\n   * 代わりにcolumnsで定義できるrenderCellを利用するか、ReactComponentを渡してください。\n   *\n   * dataにはcolumnsに存在しないものも含められます。\n   */\n  data?: Row[];\n  /**\n   * 現在選択されている行のindexの配列\n   */\n  selectedIndex?: number[];\n  /**\n   * 行毎のチェックボックスが生える\n   */\n  onSelect?: ({ row, index, checked }: TableUIPropsOnSelectArgs<Row>) => void;\n  /**\n   * 全てをチェックするボタンが生える\n   */\n  onSelectAll?: ({ data, checked }: { data: Row[]; checked: boolean }) => void;\n  /**\n   * onSelectで生えるチェックボックスのname\n   * formDataから取得できる値は選択された行のindexです。\n   */\n  name?: string;\n  /**\n   * 行の末尾にインタラクティブ要素を追加するためのメソッド\n   */\n  renderActions?: (\n    args: TableUIPropsRenderActionsArgs<Row>,\n  ) => React.JSX.Element;\n}\n\nexport const TableUI = <\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  Row extends Record<string, any>,\n>(\n  props: TableUIProps<Row>,\n) => {\n  const {\n    columns,\n    data,\n    striped,\n    stickyHeader,\n    onSelect,\n    selectedIndex = [],\n    onSelectAll,\n    name,\n    renderActions: RenderActions,\n    onPaginate,\n    pageTotal,\n  } = props;\n  const theme = useTheme();\n\n  const allChecked = data?.length === selectedIndex?.length;\n\n  const [dataSorted, order, setOrder] = useSort(columns, data);\n\n  const gridStyle = useGridLayout(columns);\n\n  return (\n    <WithPagination onPaginate={onPaginate} pageTotal={pageTotal}>\n      <table\n        css={[\n          theme.typography.body,\n          css`\n            box-sizing: border-box;\n            width: 100%;\n            border-spacing: 0;\n            border-collapse: separate;\n            isolation: isolate;\n            border-top: 1px solid #e0e0e0;\n            border-right: 2px solid #e0e0e0;\n            border-bottom: 1px solid #e0e0e0;\n            border-left: 2px solid #e0e0e0;\n            thead {\n              box-sizing: border-box;\n              th {\n                white-space: nowrap;\n                border-top: 1px solid #e0e0e0;\n                border-bottom: 2px solid #e0e0e0;\n              }\n            }\n          `,\n          striped\n            ? css`\n                tr:nth-of-type(even) > td {\n                  background-color: #f2f2f2;\n                }\n              `\n            : null,\n          stickyHeader\n            ? css`\n                position: relative;\n                /**\n                 * ここでtheadをstickyにすると、grid layoutのサポートが困難になる。\n                 */\n                thead tr th {\n                  position: sticky;\n                  top: 0px;\n                  z-index: ${theme.zIndex.appBar};\n                }\n              `\n            : null,\n          gridStyle,\n        ]}\n      >\n        <thead>\n          <tr>\n            {onSelect ? (\n              <th css={tableCellStyle}>\n                {onSelectAll ? (\n                  // eslint-disable-next-line jsx-a11y/label-has-associated-control\n                  <label>\n                    <Checkbox\n                      defaultChecked={allChecked}\n                      key={allChecked?.toString()}\n                      onChange={(event) => {\n                        if (data) {\n                          onSelectAll({ data, checked: event.target.checked });\n                        }\n                      }}\n                      indeterminate={selectedIndex.length > 0 && !allChecked}\n                    />\n                  </label>\n                ) : null}\n              </th>\n            ) : null}\n            {columns?.map((column) => {\n              const orderBy = column.key.toString();\n              return (\n                <HeaderCell\n                  menuItems={[\n                    {\n                      label: \"昇順で並び替え\",\n                      //@ts-expect-error muiのiconの方がmuiNameプロパティを型で持つようになったためエラーが出る\n                      renderIcon: ArrowUpwardIcon,\n                      onClick: () => {\n                        setOrder({ by: orderBy, direction: \"asc\" });\n                      },\n                    },\n                    {\n                      label: \"降順で並び替え\",\n                      //@ts-expect-error muiのiconの方がmuiNameプロパティを型で持つようになったためエラーが出る\n                      renderIcon: ArrowDownwardIcon,\n                      onClick: () => {\n                        setOrder({ by: orderBy, direction: \"desc\" });\n                      },\n                    },\n                  ]}\n                  key={column.key.toString()}\n                >\n                  <div\n                    css={css`\n                      position: relative;\n                    `}\n                  >\n                    {column.title}\n                    <span\n                      css={css`\n                        position: absolute;\n                        display: inline-flex;\n                        margin-left: 4px;\n                        color: ${theme.palette.text.hint};\n                      `}\n                    >\n                      {order?.by === orderBy ? (\n                        order.direction === \"desc\" ? (\n                          <ArrowDownwardIcon />\n                        ) : (\n                          <ArrowUpwardIcon />\n                        )\n                      ) : null}\n                    </span>\n                  </div>\n                </HeaderCell>\n              );\n            })}\n            {RenderActions ? <th css={tableCellStyle} /> : null}\n          </tr>\n        </thead>\n        <tbody>\n          {dataSorted?.map(({ row, index }) => {\n            const checked = selectedIndex?.includes(index);\n            return (\n              <tr\n                key={`${index}`}\n                css={css`\n                  &:has(input[type=\"checkbox\"]:checked) > td {\n                    background-color: ${theme.palette.intentions.primary.light};\n                  }\n                `}\n              >\n                {onSelect ? (\n                  <td css={tableCellStyle}>\n                    {\n                      // eslint-disable-next-line jsx-a11y/label-has-associated-control\n                      <label>\n                        <Checkbox\n                          key={checked?.toString()}\n                          name={name}\n                          value={index}\n                          defaultChecked={checked}\n                          onChange={(event) => {\n                            onSelect({\n                              row,\n                              index,\n                              checked: event.target.checked,\n                            });\n                          }}\n                        />\n                      </label>\n                    }\n                  </td>\n                ) : null}\n                {columns?.map((column) => {\n                  const cell = row[column.key];\n                  const { renderCell: RenderCell = DefaultRenderCell } = column;\n                  return (\n                    <td key={column.key.toString()} css={tableCellStyle}>\n                      <RenderCell cell={{ value: cell }} row={row} />\n                    </td>\n                  );\n                })}\n                {RenderActions ? (\n                  <td css={tableCellStyle}>\n                    <RenderActions row={row} index={index} />\n                  </td>\n                ) : null}\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </WithPagination>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/Tabs/TabGroup.js

@@ -18,7 +18,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "position:relative;box-sizing:border-box;display:flex;flex-wrap:nowrap;border-bottom:3px solid transparent"
 } : {
   name: "1xvdcif-TabGroup",
-  styles: "position:relative;box-sizing:border-box;display:flex;flex-wrap:nowrap;border-bottom:3px solid transparent;label:TabGroup;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRFciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0pO1xuICAgICAgfSl9XG4gICAgICB7Y3VycmVudFRhYiA/IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICBib3R0b206IC0zLFxuICAgICAgICAgICAgd2lkdGg6IDIwMCxcbiAgICAgICAgICAgIGhlaWdodDogMyxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbixcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc3RhbmRhcmR9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLnNoYXJwfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBsZWZ0ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGggJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydGVzdH0gJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUluT3V0fWAsXG4gICAgICAgICAgfSl9XG4gICAgICAgICAgc3R5bGU9e2luZGljYXRvclN0eWxlfVxuICAgICAgICAvPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */",
+  styles: "position:relative;box-sizing:border-box;display:flex;flex-wrap:nowrap;border-bottom:3px solid transparent;label:TabGroup;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRFciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgY2hpbGRyZW4gYXMgUmVhY3QuUmVhY3RFbGVtZW50PGFueT5bXSxcbiAgICAgICAgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgaW5kZXggfSk7XG4gICAgICAgIH0sXG4gICAgICApfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const TabGroup = ({
@@ -55,7 +55,7 @@ const TabGroup = ({
       backgroundColor: theme.palette.background.paper
     } : underline === "always" ? {
       borderBottomColor: "#e0e0e0"
-    } : undefined, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ00iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0pO1xuICAgICAgfSl9XG4gICAgICB7Y3VycmVudFRhYiA/IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICBib3R0b206IC0zLFxuICAgICAgICAgICAgd2lkdGg6IDIwMCxcbiAgICAgICAgICAgIGhlaWdodDogMyxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbixcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc3RhbmRhcmR9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLnNoYXJwfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBsZWZ0ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGggJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydGVzdH0gJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUluT3V0fWAsXG4gICAgICAgICAgfSl9XG4gICAgICAgICAgc3R5bGU9e2luZGljYXRvclN0eWxlfVxuICAgICAgICAvPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */"]
+    } : undefined, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ00iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgY2hpbGRyZW4gYXMgUmVhY3QuUmVhY3RFbGVtZW50PGFueT5bXSxcbiAgICAgICAgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgaW5kZXggfSk7XG4gICAgICAgIH0sXG4gICAgICApfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"]
   }, _react2.default.Children.map(children, (child, index) => {
     return /*#__PURE__*/_react2.default.cloneElement(child, {
       index
@@ -70,7 +70,7 @@ const TabGroup = ({
       transition: `opacity ${theme.transitions.duration.standard} ${theme.transitions.easing.sharp},
                             left ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut},
                             width ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut}`
-    }, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRmUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0pO1xuICAgICAgfSl9XG4gICAgICB7Y3VycmVudFRhYiA/IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzKHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICBib3R0b206IC0zLFxuICAgICAgICAgICAgd2lkdGg6IDIwMCxcbiAgICAgICAgICAgIGhlaWdodDogMyxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbixcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGBvcGFjaXR5ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc3RhbmRhcmR9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLnNoYXJwfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBsZWZ0ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGggJHt0aGVtZS50cmFuc2l0aW9ucy5kdXJhdGlvbi5zaG9ydGVzdH0gJHt0aGVtZS50cmFuc2l0aW9ucy5lYXNpbmcuZWFzZUluT3V0fWAsXG4gICAgICAgICAgfSl9XG4gICAgICAgICAgc3R5bGU9e2luZGljYXRvclN0eWxlfVxuICAgICAgICAvPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */"),
+    }, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRmUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgY2hpbGRyZW4gYXMgUmVhY3QuUmVhY3RFbGVtZW50PGFueT5bXSxcbiAgICAgICAgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgaW5kZXggfSk7XG4gICAgICAgIH0sXG4gICAgICApfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"),
     style: indicatorStyle
   }) : null);
 };

package/cjs/Tabs/TabGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabGroup.js","names":["_react","require","_useTab","_theme","_useWindowResize","_react2","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","TabGroup","position","underline","children","theme","useTheme","width","useWindowResize","currentTab","useTab","indicatorStyle","useMemo","opacity","offsetWidth","left","offsetLeft","jsx","css","justifyContent","boxShadow","shadows","color","palette","text","primary","backgroundColor","background","paper","borderBottomColor","undefined","React","Children","map","child","index","cloneElement","bottom","height","intentions","main","transition","transitions","duration","standard","easing","sharp","shortest","easeInOut","style","exports"],"sources":["../../../src/Tabs/TabGroup.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTab } from \"./useTab\";\nimport { useTheme } from \"../theme\";\nimport { useWindowResize } from \"../hooks/useWindowResize\";\nimport React, { useMemo } from \"react\";\n\nexport interface BaseTabGroupProps {\n  position?: \"start\" | \"center\" | \"end\";\n  underline?: \"always\" | \"shadow\";\n}\n\nexport interface TabGroupProps\n  extends BaseTabGroupProps,\n    React.HTMLProps<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabGroup = ({\n  position = \"start\",\n  underline,\n  children,\n}: TabGroupProps) => {\n  const theme = useTheme();\n  const { width } = useWindowResize();\n  const { currentTab } = useTab();\n\n  const indicatorStyle = useMemo(() => {\n    return currentTab\n      ? {\n          opacity: 1,\n          width: currentTab.offsetWidth,\n          left: currentTab.offsetLeft,\n        }\n      : {\n          opacity: 0,\n          width: 0,\n          left: 0,\n        };\n    // 画面サイズが変更された場合に更新する必要があるため、widthを含めなければいけない\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentTab, width]);\n\n  return (\n    <div\n      css={[\n        css`\n          position: relative;\n          box-sizing: border-box;\n          display: flex;\n          flex-wrap: nowrap;\n          border-bottom: 3px solid transparent;\n        `,\n        {\n          justifyContent:\n            position === \"start\"\n              ? \"flex-start\"\n              : position === \"end\"\n                ? \"flex-end\"\n                : \"center\",\n        },\n        underline === \"shadow\"\n          ? {\n              boxShadow: theme.shadows[1],\n              color: theme.palette.text.primary,\n              backgroundColor: theme.palette.background.paper,\n            }\n          : underline === \"always\"\n            ? {\n                borderBottomColor: \"#e0e0e0\",\n              }\n            : undefined,\n      ]}\n    >\n      {React.Children.map(children as React.ReactElement[], (child, index) => {\n        return React.cloneElement(child, { index });\n      })}\n      {currentTab ? (\n        <div\n          css={css({\n            position: \"absolute\",\n            bottom: -3,\n            width: 200,\n            height: 3,\n            backgroundColor: theme.palette.intentions.primary.main,\n            transition: `opacity ${theme.transitions.duration.standard} ${theme.transitions.easing.sharp},\n                            left ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut},\n                            width ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut}`,\n          })}\n          style={indicatorStyle}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabGroup.js","names":["_react","require","_useTab","_theme","_useWindowResize","_react2","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","TabGroup","position","underline","children","theme","useTheme","width","useWindowResize","currentTab","useTab","indicatorStyle","useMemo","opacity","offsetWidth","left","offsetLeft","jsx","css","justifyContent","boxShadow","shadows","color","palette","text","primary","backgroundColor","background","paper","borderBottomColor","undefined","React","Children","map","child","index","cloneElement","bottom","height","intentions","main","transition","transitions","duration","standard","easing","sharp","shortest","easeInOut","style","exports"],"sources":["../../../src/Tabs/TabGroup.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTab } from \"./useTab\";\nimport { useTheme } from \"../theme\";\nimport { useWindowResize } from \"../hooks/useWindowResize\";\nimport React, { useMemo } from \"react\";\n\nexport interface BaseTabGroupProps {\n  position?: \"start\" | \"center\" | \"end\";\n  underline?: \"always\" | \"shadow\";\n}\n\nexport interface TabGroupProps\n  extends BaseTabGroupProps,\n    React.HTMLProps<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabGroup = ({\n  position = \"start\",\n  underline,\n  children,\n}: TabGroupProps) => {\n  const theme = useTheme();\n  const { width } = useWindowResize();\n  const { currentTab } = useTab();\n\n  const indicatorStyle = useMemo(() => {\n    return currentTab\n      ? {\n          opacity: 1,\n          width: currentTab.offsetWidth,\n          left: currentTab.offsetLeft,\n        }\n      : {\n          opacity: 0,\n          width: 0,\n          left: 0,\n        };\n    // 画面サイズが変更された場合に更新する必要があるため、widthを含めなければいけない\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentTab, width]);\n\n  return (\n    <div\n      css={[\n        css`\n          position: relative;\n          box-sizing: border-box;\n          display: flex;\n          flex-wrap: nowrap;\n          border-bottom: 3px solid transparent;\n        `,\n        {\n          justifyContent:\n            position === \"start\"\n              ? \"flex-start\"\n              : position === \"end\"\n                ? \"flex-end\"\n                : \"center\",\n        },\n        underline === \"shadow\"\n          ? {\n              boxShadow: theme.shadows[1],\n              color: theme.palette.text.primary,\n              backgroundColor: theme.palette.background.paper,\n            }\n          : underline === \"always\"\n            ? {\n                borderBottomColor: \"#e0e0e0\",\n              }\n            : undefined,\n      ]}\n    >\n      {React.Children.map(\n        children as React.ReactElement<any>[],\n        (child, index) => {\n          return React.cloneElement(child, { index });\n        },\n      )}\n      {currentTab ? (\n        <div\n          css={css({\n            position: \"absolute\",\n            bottom: -3,\n            width: 200,\n            height: 3,\n            backgroundColor: theme.palette.intentions.primary.main,\n            transition: `opacity ${theme.transitions.duration.standard} ${theme.transitions.easing.sharp},\n                            left ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut},\n                            width ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut}`,\n          })}\n          style={indicatorStyle}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/Tabs/TabPanelGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanelGroup.js","names":["_react","_interopRequireDefault","require","_react2","e","__esModule","default","TabPanelGroup","children","jsx","Fragment","React","Children","map","child","index","cloneElement","exports"],"sources":["../../../src/Tabs/TabPanelGroup.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface TabPanelGroupProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabPanelGroup = ({ children }: TabPanelGroupProps) => {\n  return (\n    <>\n      {React.Children.map(children as React.ReactElement[], (child, index) => {\n        return React.cloneElement(child, { index });\n      })}\n    </>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,OAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM1B;AACA;AACA;AACO,MAAMG,aAAa,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EACjE,OACE,IAAAL,OAAA,CAAAM,GAAA,EAAAT,MAAA,CAAAM,OAAA,CAAAI,QAAA,QACGC,cAAK,CAACC,QAAQ,CAACC,GAAG,CAACL,QAAQ,EAA0B,CAACM,KAAK,EAAEC,KAAK,KAAK;IACtE,oBAAOJ,cAAK,CAACK,YAAY,CAACF,KAAK,EAAE;MAAEC;IAAM,CAAC,CAAC;EAC7C,CAAC,CACD,CAAC;AAEP,CAAC;AAACE,OAAA,CAAAV,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"file":"TabPanelGroup.js","names":["_react","_interopRequireDefault","require","_react2","e","__esModule","default","TabPanelGroup","children","jsx","Fragment","React","Children","map","child","index","cloneElement","exports"],"sources":["../../../src/Tabs/TabPanelGroup.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface TabPanelGroupProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabPanelGroup = ({ children }: TabPanelGroupProps) => {\n  return (\n    <>\n      {React.Children.map(\n        children as React.ReactElement<any>[],\n        (child, index) => {\n          return React.cloneElement(child, { index });\n        },\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,OAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM1B;AACA;AACA;AACO,MAAMG,aAAa,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EACjE,OACE,IAAAL,OAAA,CAAAM,GAAA,EAAAT,MAAA,CAAAM,OAAA,CAAAI,QAAA,QACGC,cAAK,CAACC,QAAQ,CAACC,GAAG,CACjBL,QAAQ,EACR,CAACM,KAAK,EAAEC,KAAK,KAAK;IAChB,oBAAOJ,cAAK,CAACK,YAAY,CAACF,KAAK,EAAE;MAAEC;IAAM,CAAC,CAAC;EAC7C,CACF,CACA,CAAC;AAEP,CAAC;AAACE,OAAA,CAAAV,aAAA,GAAAA,aAAA","ignoreList":[]}