matsuri-ui 9.7.2-alpha.0

package/dist/cjs/SelectField/SelectList.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectList = void 0;
+
+var _Paper = require("../Paper");
+
+var _react = require("@emotion/react");
+
+var _hooks = require("../hooks");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1pkrase",
+  styles: "list-style:none;padding:0;margin:0;box-sizing:border-box;overflow-y:scroll;overflow-x:hidden;transition:0.2s"
+} : {
+  name: "1rrjws2-SelectList",
+  styles: "list-style:none;padding:0;margin:0;box-sizing:border-box;overflow-y:scroll;overflow-x:hidden;transition:0.2s;label:SelectList;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QnFCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhcGVyLCBQYXBlclByb3BzIH0gZnJvbSBcIi4uL1BhcGVyXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VSZXNpemVPYnNlcnZlciB9IGZyb20gXCIuLi9ob29rc1wiXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IGNvbnN0IFNlbGVjdExpc3QgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBQYXBlclByb3BzPigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgbGlzdFJlZiA9IHVzZVJlZjxIVE1MVUxpc3RFbGVtZW50PihudWxsKVxuICAgIGNvbnN0IGVudHJ5ID0gdXNlUmVzaXplT2JzZXJ2ZXIobGlzdFJlZilcbiAgICBjb25zdCBbdG9wLCBzZXRUb3BdID0gdXNlU3RhdGUoMClcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChlbnRyeSkge1xuICAgICAgICAgICAgc2V0VG9wKGVudHJ5Py50YXJnZXQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkudG9wKVxuICAgICAgICB9XG4gICAgfSwgW2VudHJ5XSlcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxQYXBlciB7Li4ucHJvcHN9IHJlZj17cmVmfT5cbiAgICAgICAgICAgIDx1bFxuICAgICAgICAgICAgICAgIHJlZj17bGlzdFJlZn1cbiAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgICBtYXhIZWlnaHQ6IHRvcCA/IGBjYWxjKDgwdmggLSAke3RvcH1weClgIDogMCxcbiAgICAgICAgICAgICAgICAgICAgbWluSGVpZ2h0OiB0b3AgPyAyMDAgOiAwXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICAgICAgICAgIGxpc3RTdHlsZTogXCJub25lXCIsXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICAgICAgICAgICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3dZOiBcInNjcm9sbFwiLFxuICAgICAgICAgICAgICAgICAgICBvdmVyZmxvd1g6IFwiaGlkZGVuXCIsXG4gICAgICAgICAgICAgICAgICAgIHRyYW5zaXRpb246IFwiMC4yc1wiXG4gICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC91bD5cbiAgICAgICAgPC9QYXBlcj5cbiAgICApXG59KVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const SelectList = /*#__PURE__*/_react2.default.forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  const listRef = (0, _react2.useRef)(null);
+  const entry = (0, _hooks.useResizeObserver)(listRef);
+  const [top, setTop] = (0, _react2.useState)(0);
+  (0, _react2.useEffect)(() => {
+    if (entry) {
+      setTop(entry === null || entry === void 0 ? void 0 : entry.target.getBoundingClientRect().top);
+    }
+  }, [entry]);
+  return (0, _react.jsx)(_Paper.Paper, _extends({}, props, {
+    ref: ref
+  }), (0, _react.jsx)("ul", {
+    ref: listRef,
+    style: {
+      maxHeight: top ? `calc(80vh - ${top}px)` : 0,
+      minHeight: top ? 200 : 0
+    },
+    css: _ref
+  }, children));
+});
+
+exports.SelectList = SelectList;
+//# sourceMappingURL=SelectList.js.map

package/dist/cjs/SelectField/SelectList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/SelectField/SelectList.tsx"],"names":["SelectList","React","forwardRef","children","props","ref","listRef","entry","top","setTop","target","getBoundingClientRect","maxHeight","minHeight"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAEO,MAAMA,UAAU,gBAAGC,gBAAMC,UAAN,CAA6C,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAAyBC,GAAzB,KAAiC;AACpG,QAAMC,OAAO,GAAG,oBAAyB,IAAzB,CAAhB;AACA,QAAMC,KAAK,GAAG,8BAAkBD,OAAlB,CAAd;AACA,QAAM,CAACE,GAAD,EAAMC,MAAN,IAAgB,sBAAS,CAAT,CAAtB;AAEA,yBAAU,MAAM;AACZ,QAAIF,KAAJ,EAAW;AACPE,MAAAA,MAAM,CAACF,KAAD,aAACA,KAAD,uBAACA,KAAK,CAAEG,MAAP,CAAcC,qBAAd,GAAsCH,GAAvC,CAAN;AACH;AACJ,GAJD,EAIG,CAACD,KAAD,CAJH;AAMA,SACI,gBAAC,YAAD,eAAWH,KAAX;AAAkB,IAAA,GAAG,EAAEC;AAAvB,MACI;AACI,IAAA,GAAG,EAAEC,OADT;AAEI,IAAA,KAAK,EAAE;AACHM,MAAAA,SAAS,EAAEJ,GAAG,GAAI,eAAcA,GAAI,KAAtB,GAA6B,CADxC;AAEHK,MAAAA,SAAS,EAAEL,GAAG,GAAG,GAAH,GAAS;AAFpB,KAFX;AAMI,IAAA,GAAG;AANP,KAgBKL,QAhBL,CADJ,CADJ;AAsBH,CAjCyB,CAAnB","sourcesContent":["import { Paper, PaperProps } from \"../Paper\"\nimport { css } from \"@emotion/react\"\nimport { useResizeObserver } from \"../hooks\"\nimport React, { useEffect, useRef, useState } from \"react\"\n\nexport const SelectList = React.forwardRef<HTMLDivElement, PaperProps>(({ children, ...props }, ref) => {\n    const listRef = useRef<HTMLUListElement>(null)\n    const entry = useResizeObserver(listRef)\n    const [top, setTop] = useState(0)\n\n    useEffect(() => {\n        if (entry) {\n            setTop(entry?.target.getBoundingClientRect().top)\n        }\n    }, [entry])\n\n    return (\n        <Paper {...props} ref={ref}>\n            <ul\n                ref={listRef}\n                style={{\n                    maxHeight: top ? `calc(80vh - ${top}px)` : 0,\n                    minHeight: top ? 200 : 0\n                }}\n                css={css({\n                    listStyle: \"none\",\n                    padding: 0,\n                    margin: 0,\n                    boxSizing: \"border-box\",\n                    overflowY: \"scroll\",\n                    overflowX: \"hidden\",\n                    transition: \"0.2s\"\n                })}\n            >\n                {children}\n            </ul>\n        </Paper>\n    )\n})\n"],"file":"SelectList.js"}

package/dist/cjs/SelectField/SelectOption.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectOption = void 0;
+
+var _react = require("@emotion/react");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SelectOption = ({
+  className,
+  disabled,
+  ...props
+}) => {
+  const theme = (0, _theme.useTheme)();
+  return (0, _react.jsx)("li", _extends({
+    css: /*#__PURE__*/(0, _react.css)("box-sizing:border-box;min-height:", theme.spacing * 6, "px;padding:9px 12px;color:", theme.palette.text.primary, ";cursor:pointer;border-bottom:1px solid ", theme.palette.gray[300], ";outline:0px;transition:", theme.transitions.duration.shortest, ";", /*#__PURE__*/(0, _react.css)(theme.typography.body, process.env.NODE_ENV === "production" ? "" : ";label:SelectOption;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RPcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1NlbGVjdEZpZWxkL1NlbGVjdE9wdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIlxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiXG5pbXBvcnQgY2xzeCBmcm9tIFwiY2xzeFwiXG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0T3B0aW9uUHJvcHMgZXh0ZW5kcyBSZWFjdC5MaUhUTUxBdHRyaWJ1dGVzPEhUTUxMSUVsZW1lbnQ+IHtcbiAgICAvKipcbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIGRpc2FibGVkPzogYm9vbGVhblxufVxuZXhwb3J0IGNvbnN0IFNlbGVjdE9wdGlvbjogUmVhY3QuRkM8U2VsZWN0T3B0aW9uUHJvcHM+ID0gKHsgY2xhc3NOYW1lLCBkaXNhYmxlZCwgLi4ucHJvcHMgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICAgIHJldHVybiAoXG4gICAgICAgIDxsaVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICBtaW4taGVpZ2h0OiAke3RoZW1lLnNwYWNpbmcgKiA2fXB4O1xuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDlweCAxMnB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5fTtcbiAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5ncmF5WzMwMF19O1xuICAgICAgICAgICAgICAgIG91dGxpbmU6IDBweDtcbiAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fTtcbiAgICAgICAgICAgICAgICAke2Nzcyh0aGVtZS50eXBvZ3JhcGh5LmJvZHkpfVxuICAgICAgICAgICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1ib3R0b206IG5vbmU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICY6bm90KC5kaXNhYmxlZCk6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuZ3JheVsyMDBdfTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KGNsYXNzTmFtZSwgeyBkaXNhYmxlZCB9KX1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgLz5cbiAgICApXG59XG4iXX0= */"), " &:last-child{border-bottom:none;}&:not(.disabled):hover{background-color:", theme.palette.gray[200], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:SelectOption;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RPcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvU2VsZWN0RmllbGQvU2VsZWN0T3B0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcbmltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCJcblxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3RPcHRpb25Qcm9wcyBleHRlbmRzIFJlYWN0LkxpSFRNTEF0dHJpYnV0ZXM8SFRNTExJRWxlbWVudD4ge1xuICAgIC8qKlxuICAgICAqIEBkZWZhdWx0IGZhbHNlXG4gICAgICovXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG59XG5leHBvcnQgY29uc3QgU2VsZWN0T3B0aW9uOiBSZWFjdC5GQzxTZWxlY3RPcHRpb25Qcm9wcz4gPSAoeyBjbGFzc05hbWUsIGRpc2FibGVkLCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGxpXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgIG1pbi1oZWlnaHQ6ICR7dGhlbWUuc3BhY2luZyAqIDZ9cHg7XG4gICAgICAgICAgICAgICAgcGFkZGluZzogOXB4IDEycHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnl9O1xuICAgICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5wYWxldHRlLmdyYXlbMzAwXX07XG4gICAgICAgICAgICAgICAgb3V0bGluZTogMHB4O1xuICAgICAgICAgICAgICAgIHRyYW5zaXRpb246ICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9O1xuICAgICAgICAgICAgICAgICR7Y3NzKHRoZW1lLnR5cG9ncmFwaHkuYm9keSl9XG4gICAgICAgICAgICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWJvdHRvbTogbm9uZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJjpub3QoLmRpc2FibGVkKTpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5ncmF5WzIwMF19O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goY2xhc3NOYW1lLCB7IGRpc2FibGVkIH0pfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAvPlxuICAgIClcbn1cbiJdfQ== */"),
+    className: (0, _clsx.default)(className, {
+      disabled
+    })
+  }, props));
+};
+
+exports.SelectOption = SelectOption;
+//# sourceMappingURL=SelectOption.js.map

package/dist/cjs/SelectField/SelectOption.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/SelectField/SelectOption.tsx"],"names":["SelectOption","className","disabled","props","theme","css","spacing","palette","text","primary","gray","transitions","duration","shortest","typography","body"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAQO,MAAMA,YAAyC,GAAG,CAAC;AAAEC,EAAAA,SAAF;AAAaC,EAAAA,QAAb;AAAuB,KAAGC;AAA1B,CAAD,KAAuC;AAC5F,QAAMC,KAAK,GAAG,sBAAd;AACA,SACI;AACI,IAAA,GAAG,mBAAEC,UAAF,uCAEeD,KAAK,CAACE,OAAN,GAAgB,CAF/B,gCAIUF,KAAK,CAACG,OAAN,CAAcC,IAAd,CAAmBC,OAJ7B,8CAM4BL,KAAK,CAACG,OAAN,CAAcG,IAAd,CAAmB,GAAnB,CAN5B,8BAQeN,KAAK,CAACO,WAAN,CAAkBC,QAAlB,CAA2BC,QAR1C,oBASG,gBAAIT,KAAK,CAACU,UAAN,CAAiBC,IAArB,0hEATH,gFAcyBX,KAAK,CAACG,OAAN,CAAcG,IAAd,CAAmB,GAAnB,CAdzB,miEADP;AAkBI,IAAA,SAAS,EAAE,mBAAKT,SAAL,EAAgB;AAAEC,MAAAA;AAAF,KAAhB;AAlBf,KAmBQC,KAnBR,EADJ;AAuBH,CAzBM","sourcesContent":["import { css } from \"@emotion/react\"\nimport { useTheme } from \"../theme\"\nimport React from \"react\"\nimport clsx from \"clsx\"\n\nexport interface SelectOptionProps extends React.LiHTMLAttributes<HTMLLIElement> {\n    /**\n     * @default false\n     */\n    disabled?: boolean\n}\nexport const SelectOption: React.FC<SelectOptionProps> = ({ className, disabled, ...props }) => {\n    const theme = useTheme()\n    return (\n        <li\n            css={css`\n                box-sizing: border-box;\n                min-height: ${theme.spacing * 6}px;\n                padding: 9px 12px;\n                color: ${theme.palette.text.primary};\n                cursor: pointer;\n                border-bottom: 1px solid ${theme.palette.gray[300]};\n                outline: 0px;\n                transition: ${theme.transitions.duration.shortest};\n                ${css(theme.typography.body)}\n                &:last-child {\n                    border-bottom: none;\n                }\n                &:not(.disabled):hover {\n                    background-color: ${theme.palette.gray[200]};\n                }\n            `}\n            className={clsx(className, { disabled })}\n            {...props}\n        />\n    )\n}\n"],"file":"SelectOption.js"}

package/dist/cjs/SelectField/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Select = require("./Select");
+
+Object.keys(_Select).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Select[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Select[key];
+    }
+  });
+});
+
+var _SelectField = require("./SelectField");
+
+Object.keys(_SelectField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SelectField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SelectField[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/SelectField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/SelectField/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Select\"\nexport * from \"./SelectField\"\n"],"file":"index.js"}

package/dist/cjs/SelectSearchField/index.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectSearchField = void 0;
+
+var _SearchField = require("../SearchField");
+
+var _SelectField = require("../SelectField");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SelectSearchField = ({
+  items: itemsProp,
+  ...props
+}) => {
+  const pickData = (0, _react.useCallback)(result => {
+    return result.map(({
+      value,
+      label
+    }) => {
+      return {
+        value: value,
+        label: label
+      };
+    });
+  }, []);
+  const [data, setData] = (0, _react.useState)(pickData(itemsProp));
+  (0, _react.useEffect)(() => {
+    setData(prev => {
+      if (prev.length === itemsProp.length) {
+        return prev;
+      } else {
+        return pickData(itemsProp);
+      }
+    });
+  }, [itemsProp, pickData]);
+  const items = (0, _react.useMemo)(() => {
+    return itemsProp.map(({
+      value,
+      keys,
+      label
+    }) => {
+      return {
+        keys,
+        content: label || value
+      };
+    }).filter(item => {
+      return Boolean(item);
+    });
+  }, [itemsProp]);
+  const handleSearch = (0, _react.useCallback)(result => {
+    setData(prev => {
+      return result.map(({
+        content
+      }) => {
+        const item = prev.find(({
+          value,
+          label
+        }) => {
+          if (label) {
+            return label === content;
+          } else {
+            return value === content;
+          }
+        });
+
+        if (item !== null && item !== void 0 && item.label) {
+          return {
+            value: item === null || item === void 0 ? void 0 : item.value,
+            label: content
+          };
+        } else {
+          return {
+            value: content,
+            label: item === null || item === void 0 ? void 0 : item.label
+          };
+        }
+      });
+    });
+  }, []);
+  return (0, _react2.jsx)(_SelectField.SelectField, _extends({}, props, {
+    data: data
+  }), (0, _react2.jsx)(_SearchField.SearchField, {
+    bottomGutter: false,
+    items: items,
+    onChangeQuery: handleSearch
+  }));
+};
+
+exports.SelectSearchField = SelectSearchField;
+//# sourceMappingURL=index.js.map

package/dist/cjs/SelectSearchField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/SelectSearchField/index.tsx"],"names":["SelectSearchField","items","itemsProp","props","pickData","result","map","value","label","data","setData","prev","length","keys","content","filter","item","Boolean","handleSearch","find"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAaO,MAAMA,iBAAoD,GAAG,CAAC;AAAEC,EAAAA,KAAK,EAAEC,SAAT;AAAoB,KAAGC;AAAvB,CAAD,KAAoC;AACpG,QAAMC,QAAQ,GAAG,wBAAaC,MAAD,IAA0C;AACnE,WAAOA,MAAM,CAACC,GAAP,CAAW,CAAC;AAAEC,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAD,KAAsB;AACpC,aAAO;AACHD,QAAAA,KAAK,EAAEA,KADJ;AAEHC,QAAAA,KAAK,EAAEA;AAFJ,OAAP;AAIH,KALM,CAAP;AAMH,GAPgB,EAOd,EAPc,CAAjB;AAQA,QAAM,CAACC,IAAD,EAAOC,OAAP,IAAkB,qBAASN,QAAQ,CAACF,SAAD,CAAjB,CAAxB;AACA,wBAAU,MAAM;AACZQ,IAAAA,OAAO,CAAEC,IAAD,IAAU;AACd,UAAIA,IAAI,CAACC,MAAL,KAAgBV,SAAS,CAACU,MAA9B,EAAsC;AAClC,eAAOD,IAAP;AACH,OAFD,MAEO;AACH,eAAOP,QAAQ,CAACF,SAAD,CAAf;AACH;AACJ,KANM,CAAP;AAOH,GARD,EAQG,CAACA,SAAD,EAAYE,QAAZ,CARH;AAUA,QAAMH,KAAK,GAAG,oBAAQ,MAAM;AACxB,WAAOC,SAAS,CACXI,GADE,CACE,CAAC;AAAEC,MAAAA,KAAF;AAASM,MAAAA,IAAT;AAAeL,MAAAA;AAAf,KAAD,KAA4B;AAC7B,aAAO;AACHK,QAAAA,IADG;AAEHC,QAAAA,OAAO,EAAEN,KAAK,IAAID;AAFf,OAAP;AAIH,KANE,EAOFQ,MAPE,CASKC,IADJ,IAKK;AACD,aAAOC,OAAO,CAACD,IAAD,CAAd;AACH,KAfF,CAAP;AAiBH,GAlBa,EAkBX,CAACd,SAAD,CAlBW,CAAd;AAoBA,QAAMgB,YAAqC,GAAG,wBAAab,MAAD,IAAY;AAClEK,IAAAA,OAAO,CAAEC,IAAD,IAAU;AACd,aAAON,MAAM,CAACC,GAAP,CAAW,CAAC;AAAEQ,QAAAA;AAAF,OAAD,KAAiB;AAC/B,cAAME,IAAI,GAAGL,IAAI,CAACQ,IAAL,CAAU,CAAC;AAAEZ,UAAAA,KAAF;AAASC,UAAAA;AAAT,SAAD,KAAsB;AACzC,cAAIA,KAAJ,EAAW;AACP,mBAAOA,KAAK,KAAKM,OAAjB;AACH,WAFD,MAEO;AACH,mBAAOP,KAAK,KAAKO,OAAjB;AACH;AACJ,SANY,CAAb;;AAOA,YAAIE,IAAJ,aAAIA,IAAJ,eAAIA,IAAI,CAAER,KAAV,EAAiB;AACb,iBAAO;AAAED,YAAAA,KAAK,EAAES,IAAF,aAAEA,IAAF,uBAAEA,IAAI,CAAET,KAAf;AAAsBC,YAAAA,KAAK,EAAEM;AAA7B,WAAP;AACH,SAFD,MAEO;AACH,iBAAO;AAAEP,YAAAA,KAAK,EAAEO,OAAT;AAAkBN,YAAAA,KAAK,EAAEQ,IAAF,aAAEA,IAAF,uBAAEA,IAAI,CAAER;AAA/B,WAAP;AACH;AACJ,OAbM,CAAP;AAcH,KAfM,CAAP;AAgBH,GAjB6C,EAiB3C,EAjB2C,CAA9C;AAkBA,SACI,iBAAC,wBAAD,eAAiBL,KAAjB;AAAwB,IAAA,IAAI,EAAEM;AAA9B,MACI,iBAAC,wBAAD;AAAa,IAAA,YAAY,EAAE,KAA3B;AAAkC,IAAA,KAAK,EAAER,KAAzC;AAAgD,IAAA,aAAa,EAAEiB;AAA/D,IADJ,CADJ;AAKH,CA/DM","sourcesContent":["import { SearchField, SearchFieldHandleChange } from \"../SearchField\"\nimport { SelectData, SelectField, SelectFieldProps } from \"../SelectField\"\nimport { useCallback, useEffect, useMemo, useState } from \"react\"\nimport React from \"react\"\n\nexport interface SelectSearchFieldItem {\n    keys: string[]\n    value: string\n    label?: string\n}\n\nexport interface SelectSearchFieldProps extends Omit<SelectFieldProps, \"data\"> {\n    items: SelectSearchFieldItem[]\n}\n\nexport const SelectSearchField: React.VFC<SelectSearchFieldProps> = ({ items: itemsProp, ...props }) => {\n    const pickData = useCallback((result: typeof itemsProp): SelectData => {\n        return result.map(({ value, label }) => {\n            return {\n                value: value,\n                label: label\n            }\n        })\n    }, [])\n    const [data, setData] = useState(pickData(itemsProp))\n    useEffect(() => {\n        setData((prev) => {\n            if (prev.length === itemsProp.length) {\n                return prev\n            } else {\n                return pickData(itemsProp)\n            }\n        })\n    }, [itemsProp, pickData])\n\n    const items = useMemo(() => {\n        return itemsProp\n            .map(({ value, keys, label }) => {\n                return {\n                    keys,\n                    content: label || value\n                }\n            })\n            .filter(\n                (\n                    item\n                ): item is {\n                    keys: string[]\n                    content: string\n                } => {\n                    return Boolean(item)\n                }\n            )\n    }, [itemsProp])\n\n    const handleSearch: SearchFieldHandleChange = useCallback((result) => {\n        setData((prev) => {\n            return result.map(({ content }) => {\n                const item = prev.find(({ value, label }) => {\n                    if (label) {\n                        return label === content\n                    } else {\n                        return value === content\n                    }\n                })\n                if (item?.label) {\n                    return { value: item?.value, label: content }\n                } else {\n                    return { value: content, label: item?.label }\n                }\n            })\n        })\n    }, [])\n    return (\n        <SelectField {...props} data={data}>\n            <SearchField bottomGutter={false} items={items} onChangeQuery={handleSearch} />\n        </SelectField>\n    )\n}\n"],"file":"index.js"}

package/dist/cjs/SortArea/index.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SortArea = void 0;
+
+var _Layouts = require("../Layouts");
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+const camelize = str => {
+  let arr = str.split("-");
+  let capital = arr.map((item, index) => index ? item.charAt(0).toUpperCase() + item.slice(1).toLowerCase() : item);
+  let capitalString = capital.join("");
+  return capitalString;
+};
+
+const dataid = "data-sort-area-item-index";
+const dataId = camelize(dataid.replace("data-", ""));
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "stsb6k",
+  styles: "& [draggable=\"true\"]{z-index:0;box-sizing:border-box;cursor:grab;user-select:none;transition:transform 0.2s ease-out,outline 0.2s ease-out;&[data-drag-state=\"over\"]{outline:2px dotted rgba(0, 0, 0, 0.2);}&[data-drag-state=\"dragging\"]{z-index:999;cursor:grabbing;opacity:0.5;transform:scale(0.8);}}"
+} : {
+  name: "16j1aa9-SortArea",
+  styles: "& [draggable=\"true\"]{z-index:0;box-sizing:border-box;cursor:grab;user-select:none;transition:transform 0.2s ease-out,outline 0.2s ease-out;&[data-drag-state=\"over\"]{outline:2px dotted rgba(0, 0, 0, 0.2);}&[data-drag-state=\"dragging\"]{z-index:999;cursor:grabbing;opacity:0.5;transform:scale(0.8);}};label:SortArea;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Tb3J0QXJlYS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkZvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvU29ydEFyZWEvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBCb3hQcm9wcyB9IGZyb20gXCIuLi9MYXlvdXRzXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiXG5cbmNvbnN0IGNhbWVsaXplID0gKHN0cjogc3RyaW5nKSA9PiB7XG4gICAgbGV0IGFyciA9IHN0ci5zcGxpdChcIi1cIilcbiAgICBsZXQgY2FwaXRhbCA9IGFyci5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoaW5kZXggPyBpdGVtLmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgaXRlbS5zbGljZSgxKS50b0xvd2VyQ2FzZSgpIDogaXRlbSkpXG4gICAgbGV0IGNhcGl0YWxTdHJpbmcgPSBjYXBpdGFsLmpvaW4oXCJcIilcbiAgICByZXR1cm4gY2FwaXRhbFN0cmluZ1xufVxuXG5jb25zdCBkYXRhaWQgPSBcImRhdGEtc29ydC1hcmVhLWl0ZW0taW5kZXhcIlxuY29uc3QgZGF0YUlkID0gY2FtZWxpemUoZGF0YWlkLnJlcGxhY2UoXCJkYXRhLVwiLCBcIlwiKSlcblxuZXhwb3J0IGludGVyZmFjZSBTb3J0QXJlYVByb3BzIGV4dGVuZHMgT21pdDxCb3hQcm9wcywgXCJvbkNoYW5nZVwiPiB7XG4gICAgLyoqXG4gICAgICog44GT44Gu44Kz44Oz44Od44O844ON44Oz44OI44Gu5a2Q6KaB57Sg44Gva2V55bGe5oCn44KS5b+F44Ga5oyB44Gj44Gm44GE44KL5b+F6KaB44GM44GC44KK44G+44GZ44CCXG4gICAgICoga2V544GvdW5pcXVl44Gn44Gq44GR44KM44Gw44Gq44KK44G+44Gb44KT44CC5rG644GX44Gm5a6J55u044GqbWFw44GuaW5kZXjjgarjganjgpLmuKHjgZXjgarjgYTjgojjgYbjgavjgZfjgabjgY/jgaDjgZXjgYTjgIJcbiAgICAgKiDjgb7jgZ/lrZDjgrPjg7Pjg53jg7zjg43jg7Pjg4jjga/ku7vmhI/jga5wcm9wc+OCkuWPl+OBkeWPluOCjOOCi+OCiOOBhuOBq+OBquOBo+OBpuOBhOOCi+W/heimgeOBjOOBguOCiuOBvuOBmeOAglxuICAgICAqL1xuICAgIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnRbXVxuICAgIGxpc3Q/OiBhbnlbXVxuICAgIG9uQ2hhbmdlPzogKGtleXM6IGFueVtdKSA9PiB2b2lkXG4gICAgc3RhcnRBZG9ybm1lbnQ/OiBSZWFjdC5SZWFjdE5vZGVcbiAgICBlbmRBZG9ybm1lbnQ/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IFNvcnRBcmVhID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBvbkNoYW5nZSxcbiAgICBsaXN0OiBsaXN0UHJvcCxcbiAgICBzdGFydEFkb3JubWVudCxcbiAgICBlbmRBZG9ybm1lbnQsXG4gICAgLi4ucHJvcHNcbn06IFNvcnRBcmVhUHJvcHMpID0+IHtcbiAgICBjb25zdCBjYWNoZSA9IHVzZVJlZigtMSlcbiAgICBjb25zdCBbbGlzdCwgc2V0TGlzdF0gPSB1c2VTdGF0ZShsaXN0UHJvcCB8fCBbXSlcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChsaXN0UHJvcCkge1xuICAgICAgICAgICAgc2V0TGlzdChsaXN0UHJvcClcbiAgICAgICAgfVxuICAgIH0sIFtsaXN0UHJvcF0pXG5cbiAgICBjb25zdCBoYW5kbGVEcmFnU3RhcnQgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgICBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcmFnU3RhdGUgPSBcImRyYWdnaW5nXCJcbiAgICAgICAgZS5kYXRhVHJhbnNmZXIuZWZmZWN0QWxsb3dlZCA9IFwibW92ZVwiXG4gICAgfSwgW10pXG5cbiAgICBjb25zdCBoYW5kbGVEcmFnTGVhdmUgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgICBpZiAoZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQuZHJhZ1N0YXRlICE9PSBcImRyYWdnaW5nXCIpIHtcbiAgICAgICAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcmFnU3RhdGVcbiAgICAgICAgfVxuICAgIH0sIFtdKVxuXG4gICAgY29uc3Qgb3ZlclJlZiA9IHVzZVJlZjxIVE1MRWxlbWVudD4obnVsbClcblxuICAgIGNvbnN0IGhhbmRsZURyYWdPdmVyID0gdXNlQ2FsbGJhY2soKGU6IFJlYWN0LkRyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICAgICAgaWYgKGUuY3VycmVudFRhcmdldC5kcmFnZ2FibGUgPT09IHRydWUpIHtcbiAgICAgICAgICAgIGlmICghZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQuZHJhZ1N0YXRlKSB7XG4gICAgICAgICAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQuZHJhZ1N0YXRlID0gXCJvdmVyXCJcbiAgICAgICAgICAgICAgICAvL0B0cy1pZ25vcmVcbiAgICAgICAgICAgICAgICBvdmVyUmVmLmN1cnJlbnQgPSBlLmN1cnJlbnRUYXJnZXRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNhY2hlLmN1cnJlbnQgPSBwYXJzZUludChlLmN1cnJlbnRUYXJnZXQuZGF0YXNldFtkYXRhSWRdISwgMTApXG4gICAgICAgIH1cbiAgICB9LCBbXSlcbiAgICBjb25zdCBoYW5kbGVEcmFnRW5kID0gdXNlQ2FsbGJhY2soKGU6IFJlYWN0LkRyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICAgICAgY29uc3QgY3VycmVudEluZGV4ID0gcGFyc2VJbnQoZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXRbZGF0YUlkXSEsIDEwKVxuICAgICAgICBkZWxldGUgZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQuZHJhZ1N0YXRlXG4gICAgICAgIGRlbGV0ZSBvdmVyUmVmLmN1cnJlbnQ/LmRhdGFzZXQuZHJhZ1N0YXRlXG4gICAgICAgIGUuZGF0YVRyYW5zZmVyLmRyb3BFZmZlY3QgPSBcIm1vdmVcIlxuXG4gICAgICAgIHNldExpc3QoKHByZXYpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IG5leHRJbmRleCA9IGNhY2hlLmN1cnJlbnRcbiAgICAgICAgICAgIGNvbnN0IGNvcHkgPSBwcmV2LmNvbmNhdCgpXG4gICAgICAgICAgICBjb25zdCBjdXJyZW50ID0gY29weS5zcGxpY2UoY3VycmVudEluZGV4LCAxKVxuICAgICAgICAgICAgY29weS5zcGxpY2UobmV4dEluZGV4LCAwLCAuLi5jdXJyZW50KVxuICAgICAgICAgICAgcmV0dXJuIGNvcHlcbiAgICAgICAgfSlcbiAgICB9LCBbXSlcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChvbkNoYW5nZSkge1xuICAgICAgICAgICAgb25DaGFuZ2UobGlzdClcbiAgICAgICAgfVxuICAgIH0sIFtsaXN0LCBvbkNoYW5nZV0pXG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Qm94XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAmIFtkcmFnZ2FibGU9XCJ0cnVlXCJdIHtcbiAgICAgICAgICAgICAgICAgICAgei1pbmRleDogMDtcbiAgICAgICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBncmFiO1xuICAgICAgICAgICAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1vdXQsIG91dGxpbmUgMC4ycyBlYXNlLW91dDtcblxuICAgICAgICAgICAgICAgICAgICAmW2RhdGEtZHJhZy1zdGF0ZT1cIm92ZXJcIl0ge1xuICAgICAgICAgICAgICAgICAgICAgICAgb3V0bGluZTogMnB4IGRvdHRlZCByZ2JhKDAsIDAsIDAsIDAuMik7XG4gICAgICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgICAgICAmW2RhdGEtZHJhZy1zdGF0ZT1cImRyYWdnaW5nXCJdIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDk5OTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogZ3JhYmJpbmc7XG4gICAgICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgICB7c3RhcnRBZG9ybm1lbnR9XG4gICAgICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQsIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICAgICAgICAgICAgICAgIG9uRHJhZ1N0YXJ0OiBoYW5kbGVEcmFnU3RhcnQsXG4gICAgICAgICAgICAgICAgICAgIG9uRHJhZ092ZXI6IGhhbmRsZURyYWdPdmVyLFxuICAgICAgICAgICAgICAgICAgICBvbkRyYWdFbmQ6IGhhbmRsZURyYWdFbmQsXG4gICAgICAgICAgICAgICAgICAgIG9uRHJhZ0xlYXZlOiBoYW5kbGVEcmFnTGVhdmUsXG4gICAgICAgICAgICAgICAgICAgIGRyYWdnYWJsZTogdHJ1ZSxcbiAgICAgICAgICAgICAgICAgICAgW2RhdGFpZF06IGluZGV4LFxuICAgICAgICAgICAgICAgICAgICAuLi5jaGlsZC5wcm9wc1xuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIHtlbmRBZG9ybm1lbnR9XG4gICAgICAgIDwvQm94PlxuICAgIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const SortArea = ({
+  children,
+  onChange,
+  list: listProp,
+  startAdornment,
+  endAdornment,
+  ...props
+}) => {
+  const cache = (0, _react2.useRef)(-1);
+  const [list, setList] = (0, _react2.useState)(listProp || []);
+  (0, _react2.useEffect)(() => {
+    if (listProp) {
+      setList(listProp);
+    }
+  }, [listProp]);
+  const handleDragStart = (0, _react2.useCallback)(e => {
+    e.currentTarget.dataset.dragState = "dragging";
+    e.dataTransfer.effectAllowed = "move";
+  }, []);
+  const handleDragLeave = (0, _react2.useCallback)(e => {
+    if (e.currentTarget.dataset.dragState !== "dragging") {
+      delete e.currentTarget.dataset.dragState;
+    }
+  }, []);
+  const overRef = (0, _react2.useRef)(null);
+  const handleDragOver = (0, _react2.useCallback)(e => {
+    if (e.currentTarget.draggable === true) {
+      if (!e.currentTarget.dataset.dragState) {
+        e.currentTarget.dataset.dragState = "over"; //@ts-ignore
+
+        overRef.current = e.currentTarget;
+      }
+
+      cache.current = parseInt(e.currentTarget.dataset[dataId], 10);
+    }
+  }, []);
+  const handleDragEnd = (0, _react2.useCallback)(e => {
+    var _overRef$current;
+
+    const currentIndex = parseInt(e.currentTarget.dataset[dataId], 10);
+    delete e.currentTarget.dataset.dragState;
+    (_overRef$current = overRef.current) === null || _overRef$current === void 0 ? true : delete _overRef$current.dataset.dragState;
+    e.dataTransfer.dropEffect = "move";
+    setList(prev => {
+      const nextIndex = cache.current;
+      const copy = prev.concat();
+      const current = copy.splice(currentIndex, 1);
+      copy.splice(nextIndex, 0, ...current);
+      return copy;
+    });
+  }, []);
+  (0, _react2.useEffect)(() => {
+    if (onChange) {
+      onChange(list);
+    }
+  }, [list, onChange]);
+  return (0, _react.jsx)(_Layouts.Box, _extends({}, props, {
+    css: _ref
+  }), startAdornment, _react2.default.Children.map(children, (child, index) => {
+    return /*#__PURE__*/_react2.default.cloneElement(child, {
+      onDragStart: handleDragStart,
+      onDragOver: handleDragOver,
+      onDragEnd: handleDragEnd,
+      onDragLeave: handleDragLeave,
+      draggable: true,
+      [dataid]: index,
+      ...child.props
+    });
+  }), endAdornment);
+};
+
+exports.SortArea = SortArea;
+//# sourceMappingURL=index.js.map

package/dist/cjs/SortArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/SortArea/index.tsx"],"names":["camelize","str","arr","split","capital","map","item","index","charAt","toUpperCase","slice","toLowerCase","capitalString","join","dataid","dataId","replace","SortArea","children","onChange","list","listProp","startAdornment","endAdornment","props","cache","setList","handleDragStart","e","currentTarget","dataset","dragState","dataTransfer","effectAllowed","handleDragLeave","overRef","handleDragOver","draggable","current","parseInt","handleDragEnd","currentIndex","dropEffect","prev","nextIndex","copy","concat","splice","React","Children","child","cloneElement","onDragStart","onDragOver","onDragEnd","onDragLeave"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAIC,GAAD,IAAiB;AAC9B,MAAIC,GAAG,GAAGD,GAAG,CAACE,KAAJ,CAAU,GAAV,CAAV;AACA,MAAIC,OAAO,GAAGF,GAAG,CAACG,GAAJ,CAAQ,CAACC,IAAD,EAAOC,KAAP,KAAkBA,KAAK,GAAGD,IAAI,CAACE,MAAL,CAAY,CAAZ,EAAeC,WAAf,KAA+BH,IAAI,CAACI,KAAL,CAAW,CAAX,EAAcC,WAAd,EAAlC,GAAgEL,IAA/F,CAAd;AACA,MAAIM,aAAa,GAAGR,OAAO,CAACS,IAAR,CAAa,EAAb,CAApB;AACA,SAAOD,aAAP;AACH,CALD;;AAOA,MAAME,MAAM,GAAG,2BAAf;AACA,MAAMC,MAAM,GAAGf,QAAQ,CAACc,MAAM,CAACE,OAAP,CAAe,OAAf,EAAwB,EAAxB,CAAD,CAAvB;;;;;;;;;;;;AAeO,MAAMC,QAAQ,GAAG,CAAC;AACrBC,EAAAA,QADqB;AAErBC,EAAAA,QAFqB;AAGrBC,EAAAA,IAAI,EAAEC,QAHe;AAIrBC,EAAAA,cAJqB;AAKrBC,EAAAA,YALqB;AAMrB,KAAGC;AANkB,CAAD,KAOH;AACjB,QAAMC,KAAK,GAAG,oBAAO,CAAC,CAAR,CAAd;AACA,QAAM,CAACL,IAAD,EAAOM,OAAP,IAAkB,sBAASL,QAAQ,IAAI,EAArB,CAAxB;AAEA,yBAAU,MAAM;AACZ,QAAIA,QAAJ,EAAc;AACVK,MAAAA,OAAO,CAACL,QAAD,CAAP;AACH;AACJ,GAJD,EAIG,CAACA,QAAD,CAJH;AAMA,QAAMM,eAAe,GAAG,yBAAaC,CAAD,IAAwC;AACxEA,IAAAA,CAAC,CAACC,aAAF,CAAgBC,OAAhB,CAAwBC,SAAxB,GAAoC,UAApC;AACAH,IAAAA,CAAC,CAACI,YAAF,CAAeC,aAAf,GAA+B,MAA/B;AACH,GAHuB,EAGrB,EAHqB,CAAxB;AAKA,QAAMC,eAAe,GAAG,yBAAaN,CAAD,IAAwC;AACxE,QAAIA,CAAC,CAACC,aAAF,CAAgBC,OAAhB,CAAwBC,SAAxB,KAAsC,UAA1C,EAAsD;AAClD,aAAOH,CAAC,CAACC,aAAF,CAAgBC,OAAhB,CAAwBC,SAA/B;AACH;AACJ,GAJuB,EAIrB,EAJqB,CAAxB;AAMA,QAAMI,OAAO,GAAG,oBAAoB,IAApB,CAAhB;AAEA,QAAMC,cAAc,GAAG,yBAAaR,CAAD,IAAwC;AACvE,QAAIA,CAAC,CAACC,aAAF,CAAgBQ,SAAhB,KAA8B,IAAlC,EAAwC;AACpC,UAAI,CAACT,CAAC,CAACC,aAAF,CAAgBC,OAAhB,CAAwBC,SAA7B,EAAwC;AACpCH,QAAAA,CAAC,CAACC,aAAF,CAAgBC,OAAhB,CAAwBC,SAAxB,GAAoC,MAApC,CADoC,CAEpC;;AACAI,QAAAA,OAAO,CAACG,OAAR,GAAkBV,CAAC,CAACC,aAApB;AACH;;AACDJ,MAAAA,KAAK,CAACa,OAAN,GAAgBC,QAAQ,CAACX,CAAC,CAACC,aAAF,CAAgBC,OAAhB,CAAwBf,MAAxB,CAAD,EAAmC,EAAnC,CAAxB;AACH;AACJ,GATsB,EASpB,EAToB,CAAvB;AAUA,QAAMyB,aAAa,GAAG,yBAAaZ,CAAD,IAAwC;AAAA;;AACtE,UAAMa,YAAY,GAAGF,QAAQ,CAACX,CAAC,CAACC,aAAF,CAAgBC,OAAhB,CAAwBf,MAAxB,CAAD,EAAmC,EAAnC,CAA7B;AACA,WAAOa,CAAC,CAACC,aAAF,CAAgBC,OAAhB,CAAwBC,SAA/B;AACA,wBAAOI,OAAO,CAACG,OAAf,0DAAO,iBAAiBR,OAAjB,CAAyBC,SAAhC;AACAH,IAAAA,CAAC,CAACI,YAAF,CAAeU,UAAf,GAA4B,MAA5B;AAEAhB,IAAAA,OAAO,CAAEiB,IAAD,IAAU;AACd,YAAMC,SAAS,GAAGnB,KAAK,CAACa,OAAxB;AACA,YAAMO,IAAI,GAAGF,IAAI,CAACG,MAAL,EAAb;AACA,YAAMR,OAAO,GAAGO,IAAI,CAACE,MAAL,CAAYN,YAAZ,EAA0B,CAA1B,CAAhB;AACAI,MAAAA,IAAI,CAACE,MAAL,CAAYH,SAAZ,EAAuB,CAAvB,EAA0B,GAAGN,OAA7B;AACA,aAAOO,IAAP;AACH,KANM,CAAP;AAOH,GAbqB,EAanB,EAbmB,CAAtB;AAeA,yBAAU,MAAM;AACZ,QAAI1B,QAAJ,EAAc;AACVA,MAAAA,QAAQ,CAACC,IAAD,CAAR;AACH;AACJ,GAJD,EAIG,CAACA,IAAD,EAAOD,QAAP,CAJH;AAMA,SACI,gBAAC,YAAD,eACQK,KADR;AAEI,IAAA,GAAG;AAFP,MAuBKF,cAvBL,EAwBK0B,gBAAMC,QAAN,CAAe5C,GAAf,CAAmBa,QAAnB,EAA6B,CAACgC,KAAD,EAAQ3C,KAAR,KAA0B;AACpD,wBAAOyC,gBAAMG,YAAN,CAAmBD,KAAnB,EAA0B;AAC7BE,MAAAA,WAAW,EAAEzB,eADgB;AAE7B0B,MAAAA,UAAU,EAAEjB,cAFiB;AAG7BkB,MAAAA,SAAS,EAAEd,aAHkB;AAI7Be,MAAAA,WAAW,EAAErB,eAJgB;AAK7BG,MAAAA,SAAS,EAAE,IALkB;AAM7B,OAACvB,MAAD,GAAUP,KANmB;AAO7B,SAAG2C,KAAK,CAAC1B;AAPoB,KAA1B,CAAP;AASH,GAVA,CAxBL,EAmCKD,YAnCL,CADJ;AAuCH,CApGM","sourcesContent":["import { Box, BoxProps } from \"../Layouts\"\nimport { css } from \"@emotion/react\"\nimport React, { useCallback, useEffect, useRef, useState } from \"react\"\n\nconst camelize = (str: string) => {\n    let arr = str.split(\"-\")\n    let capital = arr.map((item, index) => (index ? item.charAt(0).toUpperCase() + item.slice(1).toLowerCase() : item))\n    let capitalString = capital.join(\"\")\n    return capitalString\n}\n\nconst dataid = \"data-sort-area-item-index\"\nconst dataId = camelize(dataid.replace(\"data-\", \"\"))\n\nexport interface SortAreaProps extends Omit<BoxProps, \"onChange\"> {\n    /**\n     * このコンポーネントの子要素はkey属性を必ず持っている必要があります。\n     * keyはuniqueでなければなりません。決して安直なmapのindexなどを渡さないようにしてください。\n     * また子コンポーネントは任意のpropsを受け取れるようになっている必要があります。\n     */\n    children: React.ReactElement[]\n    list?: any[]\n    onChange?: (keys: any[]) => void\n    startAdornment?: React.ReactNode\n    endAdornment?: React.ReactNode\n}\n\nexport const SortArea = ({\n    children,\n    onChange,\n    list: listProp,\n    startAdornment,\n    endAdornment,\n    ...props\n}: SortAreaProps) => {\n    const cache = useRef(-1)\n    const [list, setList] = useState(listProp || [])\n\n    useEffect(() => {\n        if (listProp) {\n            setList(listProp)\n        }\n    }, [listProp])\n\n    const handleDragStart = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n        e.currentTarget.dataset.dragState = \"dragging\"\n        e.dataTransfer.effectAllowed = \"move\"\n    }, [])\n\n    const handleDragLeave = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n        if (e.currentTarget.dataset.dragState !== \"dragging\") {\n            delete e.currentTarget.dataset.dragState\n        }\n    }, [])\n\n    const overRef = useRef<HTMLElement>(null)\n\n    const handleDragOver = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n        if (e.currentTarget.draggable === true) {\n            if (!e.currentTarget.dataset.dragState) {\n                e.currentTarget.dataset.dragState = \"over\"\n                //@ts-ignore\n                overRef.current = e.currentTarget\n            }\n            cache.current = parseInt(e.currentTarget.dataset[dataId]!, 10)\n        }\n    }, [])\n    const handleDragEnd = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n        const currentIndex = parseInt(e.currentTarget.dataset[dataId]!, 10)\n        delete e.currentTarget.dataset.dragState\n        delete overRef.current?.dataset.dragState\n        e.dataTransfer.dropEffect = \"move\"\n\n        setList((prev) => {\n            const nextIndex = cache.current\n            const copy = prev.concat()\n            const current = copy.splice(currentIndex, 1)\n            copy.splice(nextIndex, 0, ...current)\n            return copy\n        })\n    }, [])\n\n    useEffect(() => {\n        if (onChange) {\n            onChange(list)\n        }\n    }, [list, onChange])\n\n    return (\n        <Box\n            {...props}\n            css={css`\n                & [draggable=\"true\"] {\n                    z-index: 0;\n                    box-sizing: border-box;\n                    cursor: grab;\n                    user-select: none;\n                    transition: transform 0.2s ease-out, outline 0.2s ease-out;\n\n                    &[data-drag-state=\"over\"] {\n                        outline: 2px dotted rgba(0, 0, 0, 0.2);\n                    }\n\n                    &[data-drag-state=\"dragging\"] {\n                        z-index: 999;\n                        cursor: grabbing;\n                        opacity: 0.5;\n                        transform: scale(0.8);\n                    }\n                }\n            `}\n        >\n            {startAdornment}\n            {React.Children.map(children, (child, index: number) => {\n                return React.cloneElement(child, {\n                    onDragStart: handleDragStart,\n                    onDragOver: handleDragOver,\n                    onDragEnd: handleDragEnd,\n                    onDragLeave: handleDragLeave,\n                    draggable: true,\n                    [dataid]: index,\n                    ...child.props\n                })\n            })}\n            {endAdornment}\n        </Box>\n    )\n}\n"],"file":"index.js"}

package/dist/cjs/Status/Status.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Status = void 0;
+
+var _react = require("@emotion/react");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1eddf3f",
+  styles: "margin-right:0.5em"
+} : {
+  name: "joxp66-Status",
+  styles: "margin-right:0.5em;label:Status;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdGF0dXMvU3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQmdDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9TdGF0dXMvU3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoaXBQcm9wcyB9IGZyb20gXCIuLi9DaGlwXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IGludGVyZmFjZSBTdGF0dXNQcm9wcyBleHRlbmRzIENoaXBQcm9wcyB7fVxuXG5leHBvcnQgY29uc3QgU3RhdHVzID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MU3BhbkVsZW1lbnQsIFN0YXR1c1Byb3BzPihcbiAgICAoeyBjb2xvciA9IFwiZGVmYXVsdFwiLCBpY29uLCBjaGlsZHJlbiwgcm91bmRlZCwgdGl0bGUsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgICAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICAgICAgICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAwLjc1ZXggMWVtO1xuICAgICAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiAke3RpdGxlID8gXCJoZWxwXCIgOiBcImF1dG9cIn07XG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAke3JvdW5kZWQgPyBcIjJleFwiIDogXCIwLjc1ZXhcIn07XG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0/Lm1haW4gfHwgdGhlbWUucGFsZXR0ZS5ncmF5WzIwMF19O1xuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXT8uY29udHJhc3RUZXh0IHx8IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5fTtcbiAgICAgICAgICAgICAgICAgICAgYFxuICAgICAgICAgICAgICAgIF19XG4gICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMC41ZW07XG4gICAgICAgICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7aWNvbn1cbiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICApXG4gICAgfVxuKVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const Status = /*#__PURE__*/_react2.default.forwardRef(({
+  color = "default",
+  icon,
+  children,
+  rounded,
+  title,
+  ...props
+}, ref) => {
+  var _theme$palette$intent, _theme$palette$intent2;
+
+  const theme = (0, _theme.useTheme)();
+  return (0, _react.jsx)("span", _extends({
+    ref: ref,
+    title: title,
+    css: [theme.typography.body, /*#__PURE__*/(0, _react.css)("display:flex;justify-content:center;box-sizing:border-box;padding:0.75ex 1em;cursor:", title ? "help" : "auto", ";border-radius:", rounded ? "2ex" : "0.75ex", ";background-color:", ((_theme$palette$intent = theme.palette.intentions[color]) === null || _theme$palette$intent === void 0 ? void 0 : _theme$palette$intent.main) || theme.palette.gray[200], ";color:", ((_theme$palette$intent2 = theme.palette.intentions[color]) === null || _theme$palette$intent2 === void 0 ? void 0 : _theme$palette$intent2.contrastText) || theme.palette.text.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Status;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdGF0dXMvU3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQnVCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9TdGF0dXMvU3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoaXBQcm9wcyB9IGZyb20gXCIuLi9DaGlwXCJcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IGludGVyZmFjZSBTdGF0dXNQcm9wcyBleHRlbmRzIENoaXBQcm9wcyB7fVxuXG5leHBvcnQgY29uc3QgU3RhdHVzID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MU3BhbkVsZW1lbnQsIFN0YXR1c1Byb3BzPihcbiAgICAoeyBjb2xvciA9IFwiZGVmYXVsdFwiLCBpY29uLCBjaGlsZHJlbiwgcm91bmRlZCwgdGl0bGUsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgICAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICAgICAgICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAwLjc1ZXggMWVtO1xuICAgICAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiAke3RpdGxlID8gXCJoZWxwXCIgOiBcImF1dG9cIn07XG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAke3JvdW5kZWQgPyBcIjJleFwiIDogXCIwLjc1ZXhcIn07XG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0/Lm1haW4gfHwgdGhlbWUucGFsZXR0ZS5ncmF5WzIwMF19O1xuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXT8uY29udHJhc3RUZXh0IHx8IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5fTtcbiAgICAgICAgICAgICAgICAgICAgYFxuICAgICAgICAgICAgICAgIF19XG4gICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMC41ZW07XG4gICAgICAgICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7aWNvbn1cbiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICApXG4gICAgfVxuKVxuIl19 */"), process.env.NODE_ENV === "production" ? "" : ";label:Status;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdGF0dXMvU3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1N0YXR1cy9TdGF0dXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hpcFByb3BzIH0gZnJvbSBcIi4uL0NoaXBcIlxuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIlxuXG5leHBvcnQgaW50ZXJmYWNlIFN0YXR1c1Byb3BzIGV4dGVuZHMgQ2hpcFByb3BzIHt9XG5cbmV4cG9ydCBjb25zdCBTdGF0dXMgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxTcGFuRWxlbWVudCwgU3RhdHVzUHJvcHM+KFxuICAgICh7IGNvbG9yID0gXCJkZWZhdWx0XCIsIGljb24sIGNoaWxkcmVuLCByb3VuZGVkLCB0aXRsZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICAgICAgICAgIHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IDAuNzVleCAxZW07XG4gICAgICAgICAgICAgICAgICAgICAgICBjdXJzb3I6ICR7dGl0bGUgPyBcImhlbHBcIiA6IFwiYXV0b1wifTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cm91bmRlZCA/IFwiMmV4XCIgOiBcIjAuNzVleFwifTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXT8ubWFpbiB8fCB0aGVtZS5wYWxldHRlLmdyYXlbMjAwXX07XG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdPy5jb250cmFzdFRleHQgfHwgdGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnl9O1xuICAgICAgICAgICAgICAgICAgICBgXG4gICAgICAgICAgICAgICAgXX1cbiAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtpY29ufVxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIClcbiAgICB9XG4pXG4iXX0= */"]
+  }, props), icon && (0, _react.jsx)("span", {
+    css: _ref
+  }, icon), children);
+});
+
+exports.Status = Status;
+//# sourceMappingURL=Status.js.map

package/dist/cjs/Status/Status.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Status/Status.tsx"],"names":["Status","React","forwardRef","color","icon","children","rounded","title","props","ref","theme","typography","body","css","palette","intentions","main","gray","contrastText","text","primary"],"mappings":";;;;;;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;AAIO,MAAMA,MAAM,gBAAGC,gBAAMC,UAAN,CAClB,CAAC;AAAEC,EAAAA,KAAK,GAAG,SAAV;AAAqBC,EAAAA,IAArB;AAA2BC,EAAAA,QAA3B;AAAqCC,EAAAA,OAArC;AAA8CC,EAAAA,KAA9C;AAAqD,KAAGC;AAAxD,CAAD,EAAkEC,GAAlE,KAA0E;AAAA;;AACtE,QAAMC,KAAK,GAAG,sBAAd;AACA,SACI;AACI,IAAA,GAAG,EAAED,GADT;AAEI,IAAA,KAAK,EAAEF,KAFX;AAGI,IAAA,GAAG,GACCG,KAAK,CAACC,UAAN,CAAiBC,IADlB,mBAECC,UAFD,0FAOeN,KAAK,GAAG,MAAH,GAAY,MAPhC,qBAQsBD,OAAO,GAAG,KAAH,GAAW,QARxC,wBASyB,0BAAAI,KAAK,CAACI,OAAN,CAAcC,UAAd,CAAyBZ,KAAzB,iFAAiCa,IAAjC,KAAyCN,KAAK,CAACI,OAAN,CAAcG,IAAd,CAAmB,GAAnB,CATlE,aAUc,2BAAAP,KAAK,CAACI,OAAN,CAAcC,UAAd,CAAyBZ,KAAzB,mFAAiCe,YAAjC,KAAiDR,KAAK,CAACI,OAAN,CAAcK,IAAd,CAAmBC,OAVlF;AAHP,KAgBQZ,KAhBR,GAkBKJ,IAAI,IACD;AACI,IAAA,GAAG;AADP,KAKKA,IALL,CAnBR,EA2BKC,QA3BL,CADJ;AA+BH,CAlCiB,CAAf","sourcesContent":["import { ChipProps } from \"../Chip\"\nimport { css } from \"@emotion/react\"\nimport { useTheme } from \"../theme\"\nimport React from \"react\"\n\nexport interface StatusProps extends ChipProps {}\n\nexport const Status = React.forwardRef<HTMLSpanElement, StatusProps>(\n    ({ color = \"default\", icon, children, rounded, title, ...props }, ref) => {\n        const theme = useTheme()\n        return (\n            <span\n                ref={ref}\n                title={title}\n                css={[\n                    theme.typography.body,\n                    css`\n                        display: flex;\n                        justify-content: center;\n                        box-sizing: border-box;\n                        padding: 0.75ex 1em;\n                        cursor: ${title ? \"help\" : \"auto\"};\n                        border-radius: ${rounded ? \"2ex\" : \"0.75ex\"};\n                        background-color: ${theme.palette.intentions[color]?.main || theme.palette.gray[200]};\n                        color: ${theme.palette.intentions[color]?.contrastText || theme.palette.text.primary};\n                    `\n                ]}\n                {...props}\n            >\n                {icon && (\n                    <span\n                        css={css`\n                            margin-right: 0.5em;\n                        `}\n                    >\n                        {icon}\n                    </span>\n                )}\n                {children}\n            </span>\n        )\n    }\n)\n"],"file":"Status.js"}

package/dist/cjs/Status/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Status = require("./Status");
+
+Object.keys(_Status).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Status[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Status[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/Status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Status/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Status\"\n"],"file":"index.js"}